/* =========================================================
   RICH HOMEPAGE
========================================================= */

.home-hero { padding-top: 118px; min-height: 790px; }
.home-proof-row { display:flex; gap:34px; margin-top:34px; }
.home-proof-row div { display:flex; flex-direction:column; padding-right:34px; border-right:1px solid rgba(16,33,40,.12); }
.home-proof-row div:last-child { border-right:0; padding-right:0; }
.home-proof-row strong { font:800 18px/1.1 'Manrope',sans-serif; letter-spacing:-.035em; }
.home-proof-row span { margin-top:6px; color:#738488; font-size:10px; }
.pill-three { right:45px; bottom:45px; }

.home-ticker { overflow:hidden; border-top:1px solid rgba(16,33,40,.08); border-bottom:1px solid rgba(16,33,40,.08); background:#fff; }
.home-ticker div { width:max-content; padding:16px 0; color:#52676c; font-size:10px; font-weight:800; letter-spacing:.16em; white-space:nowrap; animation:homeTicker 32s linear infinite; }
.home-ticker span { margin:0 20px; color:#50b9c4; }
@keyframes homeTicker { to { transform:translateX(-45%); } }

.home-story-section { background:#fbfdfd; }
.home-story-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:70px; }
.home-story-copy h2,.home-science-copy h2,.experience-heading h2,.routine-heading h2,.home-how-copy h2,.target-copy h2,.retail-copy h2 { font:800 clamp(40px,4.8vw,44px)/1.03 'Manrope',sans-serif; letter-spacing:-.055em; }
.home-story-copy>p,.home-science-copy>p,.experience-heading>p,.routine-heading>p,.home-how-copy>p,.target-copy>p,.retail-copy>p { color:#667b7f; font-size:15px; line-height:1.8; }
.home-story-points { display:grid; gap:0; margin:32px 0 25px; border-top:1px solid rgba(16,33,40,.1); }
.home-story-points article { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px 0; border-bottom:1px solid rgba(16,33,40,.1); }
.home-story-points article>span { color:#55b7c4; font-size:10px; font-weight:800; }
.home-story-points strong { display:block; font:700 15px 'Manrope',sans-serif; }
.home-story-points p { margin:5px 0 0; color:#75878b; font-size:12px; line-height:1.65; }
.home-slide-frame { position:relative; padding:14px; border:1px solid rgba(16,33,40,.08); border-radius:30px; background:#fff; box-shadow:0 28px 70px rgba(31,92,101,.12); }
.home-slide-frame img { width:100%; border-radius:20px; }
.home-slide-label { position:absolute; left:35px; bottom:32px; z-index:2; padding:9px 13px; border-radius:999px; background:rgba(255,255,255,.88); color:#21464e; font-size:10px; font-weight:800; backdrop-filter:blur(12px); box-shadow:0 10px 28px rgba(20,70,80,.12); }

.home-products-section { background:#f2f8f8; }
.section-subcopy { max-width:660px; margin:12px 0 0; color:#6e8084; }
.home-product-grid { margin-top:48px; }
.formula-number { position:absolute; top:24px; left:26px; z-index:4; width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.78); color:#486268; font-size:10px; font-weight:800; backdrop-filter:blur(10px); }
.home-product-tags { display:flex; flex-wrap:wrap; gap:7px; margin:20px 0 24px; }
.home-product-tags span { padding:6px 9px; border-radius:999px; background:#f0f5f5; color:#6b7d81; font-size:9px; font-weight:700; }

.home-science-section { background:#0d2930; color:#fff; }
.home-science-grid { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:75px; }
.home-science-visual { position:relative; padding:12px; border:1px solid rgba(255,255,255,.12); border-radius:30px; background:rgba(255,255,255,.06); }
.home-science-visual img { width:100%; border-radius:21px; }
.science-visual-caption { position:absolute; left:28px; right:28px; bottom:25px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; padding:12px; border-radius:16px; background:rgba(8,35,41,.8); color:#d8f5f2; font-size:10px; font-weight:800; backdrop-filter:blur(10px); }
.science-visual-caption strong { color:#70d7c2; }
.home-science-copy .kicker { color:#72d8c5; }
.home-science-copy h2 { color:#fff; }
.home-science-copy>p { color:#a9c3c7; }
.science-benefit-list { display:grid; gap:11px; margin:30px 0; }
.science-benefit-list div { display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.1); color:#d7e6e8; font-size:12px; }
.science-benefit-list i { width:9px; height:9px; border-radius:50%; background:#6bd7bd; box-shadow:0 0 0 6px rgba(107,215,189,.1); }
.home-science-copy .button-ghost { border-color:rgba(255,255,255,.22); color:#fff; }

.experience-section { background:#fff; }
.experience-heading { max-width:780px; margin-bottom:52px; }
.experience-heading h2 { margin-bottom:20px; }
.experience-comparison { display:grid; grid-template-columns:1fr 90px 1fr; border-radius:30px; overflow:hidden; box-shadow:0 26px 75px rgba(30,74,82,.1); }
.experience-column { min-height:430px; padding:52px; }
.market-column { background:#edf2f2; color:#536568; }
.edge-column { background:linear-gradient(135deg,#36b99d,#2ea6bd); color:#fff; }
.experience-label { font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; opacity:.75; }
.experience-column h3 { margin:30px 0 25px; font:800 38px/1.07 'Manrope',sans-serif; letter-spacing:-.045em; }
.experience-column ul { display:grid; gap:15px; margin:0; padding:0; list-style:none; }
.experience-column li { position:relative; padding-left:24px; font-size:13px; line-height:1.55; }
.experience-column li:before { content:'•'; position:absolute; left:2px; font-size:20px; line-height:1; }
.experience-divider { display:grid; place-items:center; background:linear-gradient(90deg,#edf2f2 0 50%,#36b99d 50%); }
.experience-divider span { width:52px; height:52px; display:grid; place-items:center; border-radius:50%; background:#fff; color:#284c53; font-size:10px; font-weight:900; box-shadow:0 8px 28px rgba(25,68,74,.18); }

.home-routine-section { background:#f4f9f9; }
.routine-heading { max-width:760px; margin-bottom:50px; }
.home-routine-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.home-routine-card { position:relative; min-height:470px; padding:25px; border:1px solid rgba(16,33,40,.08); border-radius:28px; background:#fff; transition:.25s; }
.home-routine-card:hover { transform:translateY(-6px); box-shadow:0 25px 60px rgba(30,82,89,.1); }
.routine-index { position:absolute; top:24px; right:24px; color:#8ba0a4; font-size:10px; font-weight:800; }
.routine-illustration { height:250px; display:grid; place-items:center; margin-bottom:24px; border-radius:21px; overflow:hidden; }
.routine-illustration img { width:78%; max-height:220px; object-fit:contain; filter:drop-shadow(0 20px 20px rgba(25,70,76,.18)); }
.office-illustration { background:linear-gradient(145deg,#effaf2,#f8fff9); }
.commute-illustration { background:linear-gradient(145deg,#e8f7fd,#f7fcff); }
.travel-illustration { background:linear-gradient(145deg,#f5f0ff,#fcfaff); }
.home-routine-card small { color:#5eb4bf; font-size:9px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.home-routine-card h3 { margin:8px 0; font:700 23px 'Manrope',sans-serif; }
.home-routine-card p { margin:0; color:#708286; font-size:12px; line-height:1.7; }

.home-how-section {
  position:relative;
  padding:120px 0;
  overflow:hidden;
  background:radial-gradient(circle at 12% 18%,rgba(153,222,214,.18),transparent 28%),radial-gradient(circle at 88% 82%,rgba(156,210,237,.18),transparent 30%),#f7fbfb;
}
.home-how-card {
  position:relative;
  padding:72px;
  overflow:hidden;
  border:1px solid rgba(25,72,77,.08);
  border-radius:36px;
  background:radial-gradient(circle at 82% 4%,rgba(196,239,234,.28),transparent 28%),linear-gradient(135deg,#edf8f6 0%,#fbfefe 50%,#edf7fb 100%);
  box-shadow:0 30px 80px rgba(27,78,82,.09);
}
.home-how-header,.home-how-steps{position:relative;z-index:2}
.home-how-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:60px;margin-bottom:58px}
.home-how-copy{max-width:720px}
.home-how-copy .kicker{display:inline-flex;align-items:center;gap:10px;color:#43a99e;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.home-how-copy .kicker:before{content:"";width:24px;height:1px;background:currentColor}
.home-how-copy h2{margin:20px 0 18px;color:#15383d;font-family:"Manrope",sans-serif;font-size:clamp(44px,5vw,44px);line-height:1.02;letter-spacing:-.055em}
.home-how-copy h2 span{display:block;color:#58bdb2}
.home-how-copy p{max-width:660px;margin:0;color:#708387;font-size:15px;line-height:1.8}
.home-how-header-action{min-width:250px;display:flex;flex-direction:column;align-items:flex-end;gap:20px}
.home-how-highlights{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.home-how-highlights span{padding:8px 12px;border:1px solid rgba(67,169,158,.13);border-radius:999px;background:rgba(255,255,255,.68);color:#557175;font-size:10px;font-weight:700}
.home-how-button{display:inline-flex;align-items:center;gap:11px}
.home-how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-how-step{position:relative;min-width:0;padding:18px 18px 26px;overflow:hidden;border:1px solid rgba(23,70,75,.08);border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 20px 48px rgba(30,82,87,.07);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.home-how-step:hover{border-color:rgba(83,185,174,.28);box-shadow:0 28px 58px rgba(30,82,87,.12);transform:translateY(-7px)}
.home-step-number{position:absolute;top:18px;left:18px;z-index:4;min-width:42px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#15383d;color:#fff;font-size:9px;font-weight:800;letter-spacing:.1em}
.home-step-visual{position:relative;min-height:285px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.98),rgba(221,246,243,.7) 54%,rgba(222,241,249,.52) 100%)}
.home-step-visual:before{content:"";position:absolute;width:215px;height:215px;border:1px dashed rgba(91,182,173,.18);border-radius:50%}
.step-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.88);filter:blur(8px)}
.home-step-visual img{position:relative;z-index:2;width:90%;height:250px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(35,97,103,.13));transition:transform .35s ease}
.home-how-step:hover .home-step-visual img{transform:scale(1.045) translateY(-4px)}
.home-step-content{padding:24px 8px 2px}
.step-label{display:block;margin-bottom:8px;color:#73a2a5;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.home-step-content strong{display:block;color:#15383d;font-family:"Manrope",sans-serif;font-size:25px;line-height:1.2}
.home-step-content p{margin:10px 0 0;color:#778a8d;font-size:12px;line-height:1.65}

.home-target-section { background:#f7faf9; }
.home-target-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:80px; }
.target-visual { position:relative; }
.target-image-card { padding:12px; border-radius:28px; background:#fff; box-shadow:0 25px 70px rgba(35,82,88,.12); }
.target-image-card img { border-radius:19px; }
.target-floating-note { position:absolute; left:28px; right:28px; bottom:-32px; padding:20px 23px; border-radius:18px; background:#102b31; color:#fff; box-shadow:0 18px 45px rgba(18,58,65,.2); }
.target-floating-note strong,.target-floating-note span { display:block; }
.target-floating-note strong { font-size:13px; }
.target-floating-note span { margin-top:5px; color:#aac6ca; font-size:10px; }
.target-copy h2 { margin-bottom:20px; }
.target-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.target-tags span { padding:9px 12px; border-radius:999px; border:1px solid rgba(16,33,40,.1); background:#fff; color:#5f7377; font-size:10px; font-weight:700; }

.home-retail-section { padding:0 0 110px; background:#f7faf9; }
.home-retail-card { min-height:490px; display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:40px; padding:65px 72px; overflow:hidden; border-radius:35px; background:radial-gradient(circle at 80% 25%,rgba(131,222,232,.28),transparent 30%),linear-gradient(135deg,#102a31,#173e46); color:#fff; }
.retail-copy .kicker { color:#73d6c4; }
.retail-copy h2 { max-width:670px; margin-bottom:20px; color:#fff; }
.retail-copy>p { color:#aac4c8; }
.button-outline-light { border:1px solid rgba(255,255,255,.25); background:transparent; color:#fff; }
.retail-pack-group { position:relative; min-height:370px; }
.retail-pack-group img { position:absolute; width:270px; filter:drop-shadow(0 28px 28px rgba(0,0,0,.28)); }
.retail-pack-group img:nth-child(1) { left:-20px; top:95px; transform:rotate(-8deg); }
.retail-pack-group img:nth-child(2) { left:50%; top:25px; z-index:3; transform:translateX(-50%); width:330px; }
.retail-pack-group img:nth-child(3) { right:-25px; top:100px; transform:rotate(8deg); }

@media (max-width: 980px) {
  .home-story-grid,.home-science-grid,.home-target-grid { grid-template-columns:1fr; gap:45px; }
  .experience-comparison { grid-template-columns:1fr; }
  .experience-divider { height:70px; background:linear-gradient(180deg,#edf2f2 0 50%,#36b99d 50%); }
  .home-routine-grid { grid-template-columns:1fr 1fr; }
  .home-how-card,.home-retail-card { grid-template-columns:1fr; }
  .retail-pack-group { min-height:400px; }
}

@media (max-width: 680px) {
  .home-hero { padding-top:95px; }
  .home-proof-row { gap:18px; }
  .home-proof-row div { width:calc(50% - 10px); padding-right:18px; }
  .home-proof-row div:nth-child(2) { border-right:0; }
  .home-story-grid { gap:34px; }
  .home-slide-label { left:24px; bottom:22px; }
  .home-product-grid,.home-routine-grid { grid-template-columns:1fr; }
  .experience-column { min-height:auto; padding:34px 26px; }
  .experience-column h3 { font-size:31px; }
  .home-how-card { padding:38px 22px; }
  .home-how-steps { grid-template-columns:1fr; }
  .home-how-steps article { min-height:220px; }
  .target-floating-note { position:relative; left:auto; right:auto; bottom:auto; margin:-5px 14px 0; }
  .home-retail-card { padding:45px 24px; }
  .retail-pack-group { min-height:300px; }
  .retail-pack-group img { width:180px; }
  .retail-pack-group img:nth-child(1) { left:-20px; top:85px; }
  .retail-pack-group img:nth-child(2) { width:230px; top:20px; }
  .retail-pack-group img:nth-child(3) { right:-25px; top:90px; }
}

/* How-to responsive override */
@media (max-width:980px){
  .home-how-card{padding:55px 42px}
  .home-how-header{grid-template-columns:1fr;align-items:start;gap:28px}
  .home-how-header-action{align-items:flex-start}
  .home-how-highlights{justify-content:flex-start}
  .home-how-steps{grid-template-columns:1fr;gap:18px}
  .home-how-step{display:grid;grid-template-columns:minmax(240px,.9fr) 1.1fr;align-items:center;gap:22px;padding:18px}
  .home-step-content{padding:20px 24px 20px 10px}
}
@media (max-width:620px){
  .home-how-section{padding:75px 0}
  .home-how-card{padding:34px 18px;border-radius:25px}
  .home-how-header{margin-bottom:36px}
  .home-how-copy h2{font-size:40px}
  .home-how-copy p{font-size:13px}
  .home-how-header-action{min-width:0;width:100%}
  .home-how-button{width:100%;justify-content:center}
  .home-how-step{display:block;padding:15px 15px 24px}
  .home-step-visual{min-height:245px}
  .home-step-visual img{height:215px}
  .home-step-content{padding:21px 7px 2px}
}


/* =========================================================
   HOME SCIENCE BANNER
========================================================= */

.home-science-banner {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-image:
        url("../images/synbiotic-wellness-banner.jpeg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}

.home-science-banner-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(245, 251, 255, 0.98) 0%,
            rgba(245, 251, 255, 0.94) 30%,
            rgba(245, 251, 255, 0.78) 47%,
            rgba(245, 251, 255, 0.18) 68%,
            rgba(245, 251, 255, 0) 100%
        );
}

.home-science-banner-inner {
    position: relative;
    z-index: 2;
}

.home-science-banner-copy {
    width: min(650px, 52%);
    padding: 95px 0;
}

.science-banner-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #4aa89e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.science-banner-kicker::before {
    content: "";
    width: 28px;
    height: 1px;
    background: currentColor;
}

.home-science-banner-copy h2 {
    max-width: 630px;
    margin: 0;
    color: #173742;
    font-family: "Manrope", sans-serif;
    font-size: clamp(42px, 4.6vw, 44px);
    line-height: 1.03;
    letter-spacing: -0.055em;
}

.home-science-banner-copy h2 span {
    display: block;
    margin-top: 5px;
    color: #4bb5aa;
}

.home-science-banner-copy > p {
    max-width: 600px;
    margin: 25px 0 0;
    color: #617a83;
    font-size: 15px;
    line-height: 1.8;
}

.science-banner-formula {
    max-width: 650px;
    display: grid;
    grid-template-columns:
        minmax(0, 1fr)
        34px
        minmax(0, 1fr)
        34px
        minmax(0, 1.15fr);
    align-items: stretch;
    gap: 10px;
    margin-top: 34px;
}

.science-formula-item {
    min-height: 108px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 17px 18px;
    border: 1px solid rgba(25, 92, 99, 0.1);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 14px 34px rgba(34, 104, 114, 0.07);
    backdrop-filter: blur(12px);
}

.science-formula-item strong,
.science-formula-item span {
    display: block;
}

.science-formula-item strong {
    color: #183b45;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
}

.science-formula-item span {
    margin-top: 6px;
    color: #789097;
    font-size: 10px;
    line-height: 1.45;
}

.science-formula-result {
    border-color: rgba(75, 181, 170, 0.22);
    background:
        linear-gradient(
            145deg,
            rgba(225, 249, 245, 0.92),
            rgba(242, 252, 255, 0.92)
        );
}

.science-formula-symbol {
    display: grid;
    place-items: center;
    color: #4bb5aa;
    font-size: 23px;
    font-weight: 500;
}

.science-banner-benefits {
    display: grid;
    gap: 11px;
    margin-top: 30px;
}

.science-banner-benefits > div {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #34545e;
    font-size: 13px;
    font-weight: 700;
}

.science-benefit-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(80, 186, 173, 0.12);
    color: #46aa9e;
}

.science-benefit-icon svg {
    width: 14px;
    height: 14px;
}

.science-banner-button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 34px;
    padding: 0 24px;
    border-radius: 999px;
    background: #173b45;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    box-shadow: 0 18px 36px rgba(24, 59, 69, 0.16);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease;
}

.science-banner-button:hover {
    background: #22515d;
    box-shadow: 0 22px 42px rgba(24, 59, 69, 0.22);
    transform: translateY(-2px);
}

/* Tablet */

@media (max-width: 1050px) {
    .home-science-banner {
        min-height: 700px;
        background-position: 58% center;
    }

    .home-science-banner-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(245, 251, 255, 0.98) 0%,
                rgba(245, 251, 255, 0.94) 38%,
                rgba(245, 251, 255, 0.65) 58%,
                rgba(245, 251, 255, 0.05) 100%
            );
    }

    .home-science-banner-copy {
        width: 61%;
    }

    .science-banner-formula {
        grid-template-columns: 1fr;
    }

    .science-formula-symbol {
        height: 22px;
    }

    .science-formula-item {
        min-height: auto;
    }
}

/* Mobile */

@media (max-width: 760px) {
    .home-science-banner {
        min-height: auto;
        align-items: flex-start;
        padding-top: 420px;
        background-position: 72% top;
        background-size: auto 430px;
        background-color: #f4fbfe;
    }

    .home-science-banner-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(244, 251, 254, 0) 0%,
                rgba(244, 251, 254, 0.1) 32%,
                rgba(244, 251, 254, 0.92) 53%,
                #f4fbfe 68%
            );
    }

    .home-science-banner-copy {
        width: 100%;
        padding: 45px 0 80px;
    }

    .home-science-banner-copy h2 {
        font-size: 40px;
    }

    .home-science-banner-copy > p {
        font-size: 14px;
    }

    .science-banner-formula {
        max-width: none;
    }
}

@media (max-width: 480px) {
    .home-science-banner {
        padding-top: 330px;
        background-position: 70% top;
        background-size: auto 350px;
    }

    .home-science-banner-copy {
        padding-top: 35px;
    }

    .home-science-banner-copy h2 {
        font-size: 35px;
    }

    .science-banner-benefits > div {
        align-items: flex-start;
        font-size: 12px;
        line-height: 1.55;
    }

    .science-banner-button {
        width: 100%;
    }
}

/* =========================================================
   HOME AUDIENCE SECTION
========================================================= */

.home-audience-section {
    padding: 120px 0;
    background: #f4f8f7;
}

.home-audience-wrapper {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    min-height: 680px;
    overflow: hidden;
    border: 1px solid rgba(16, 49, 54, 0.07);
    border-radius: 36px;
    background: #ffffff;
    box-shadow: 0 30px 80px rgba(26, 69, 74, 0.08);
}

/* Left full-width image */

.home-audience-image {
    position: relative;
    min-height: 680px;
    overflow: hidden;
    background: #dcebea;
}

.home-audience-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    transition: transform 0.8s ease;
}

.home-audience-wrapper:hover .home-audience-image img {
    transform: scale(1.035);
}

.audience-image-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(8, 30, 34, 0.02) 30%,
            rgba(8, 30, 34, 0.72) 100%
        );
}

.audience-image-caption {
    position: absolute;
    left: 42px;
    right: 42px;
    bottom: 40px;
    z-index: 2;
    color: #ffffff;
}

.audience-image-caption span {
    display: block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.audience-image-caption strong {
    display: block;
    max-width: 480px;
    font-family: "Manrope", sans-serif;
    font-size: 32px;
    line-height: 1.15;
    letter-spacing: -0.04em;
}

.audience-image-caption p {
    margin: 10px 0 0;
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
}

/* Right content */

.home-audience-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 75px 72px;
}

.home-audience-content .kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #258aa1;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.home-audience-content .kicker::before {
    content: "";
    width: 25px;
    height: 1px;
    background: currentColor;
}

.home-audience-content h2 {
    max-width: 650px;
    margin: 23px 0 24px;
    color: #102d34;
    font-family: "Manrope", sans-serif;
    font-size: clamp(48px, 4.6vw, 70px);
    line-height: 0.98;
    letter-spacing: -0.06em;
}

.home-audience-content > p {
    max-width: 620px;
    margin: 0;
    color: #687f84;
    font-size: 15px;
    line-height: 1.85;
}

.audience-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 34px;
}

.audience-tags span {
    padding: 10px 15px;
    border: 1px solid rgba(22, 65, 72, 0.1);
    border-radius: 999px;
    background: #f8fbfb;
    color: #506b70;
    font-size: 10px;
    font-weight: 700;
}

.audience-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: 38px;
    color: #173a40;
    font-size: 13px;
    font-weight: 800;
}

.audience-link span {
    transition: transform 0.25s ease;
}

.audience-link:hover span {
    transform: translateX(5px);
}

/* Tablet */

@media (max-width: 980px) {
    .home-audience-wrapper {
        grid-template-columns: 1fr;
    }

    .home-audience-image {
        min-height: 560px;
    }

    .home-audience-content {
        padding: 65px 55px;
    }

    .home-audience-content h2 {
        max-width: 760px;
    }
}

/* Mobile */

@media (max-width: 620px) {
    .home-audience-section {
        padding: 75px 0;
    }

    .home-audience-wrapper {
        width: calc(100% - 8px);
        border-radius: 26px;
    }

    .home-audience-image {
        min-height: 440px;
    }

    .home-audience-image img {
        object-position: center top;
    }

    .audience-image-caption {
        left: 24px;
        right: 24px;
        bottom: 25px;
    }

    .audience-image-caption strong {
        font-size: 26px;
    }

    .home-audience-content {
        padding: 45px 25px 50px;
    }

    .home-audience-content h2 {
        font-size: 42px;
    }

    .home-audience-content > p {
        font-size: 13px;
    }

    .audience-tags {
        gap: 8px;
        margin-top: 27px;
    }

    .audience-tags span {
        padding: 8px 11px;
        font-size: 9px;
    }
}