/* ═══════════════════════════════════════════════════════════════════════════
   ADWIX CONNECT — BRAND LAYER v3 (Nov 2026)
   Loaded after adwix.css on every marketing page. It sets the look of the
   whole public site: type, colour, buttons, header, footer, section headings,
   the generated landing pages and the YouTube players.

   Art direction
   • Logo greens on deep forest ink. Big blocks of colour, not pastel washes.
   • Left-aligned, large headlines. Each section gets its own composition.
   • No eyebrow pills with dots, no glow blobs, no "three dots" window chrome.
   • Real product, real videos, real brand icons. No invented numbers.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  --g-50:#effbf3; --g-100:#d9f6e3; --g-200:#b2ecc6;
  --g-400:#3fd47a; --g-500:#2ec765; --g-600:#17a54e; --g-700:#0f8a41; --g-800:#0d6b35;
  --forest:#0a2418; --forest-2:#0f3022; --ink-0:#061810;
  --sun:#ffc43d;

  --brand:#2ec765; --brand-600:#17a54e; --brand-700:#0f8a41;
  --brand-grad:linear-gradient(135deg,#3fd47a 0%,#17a54e 100%);
  --ink:#061810; --heading:#08180f; --text:#3b4d45; --muted:#62756d;
  --bg-soft:#f4f8f5; --bg-mint:#effbf3;
  --line:#e2ebe5; --line-soft:#edf2ef;
  --sh-sm:0 1px 2px rgba(6,24,16,.05),0 4px 14px -6px rgba(6,24,16,.08);
  --sh-md:0 2px 4px rgba(6,24,16,.04),0 18px 40px -18px rgba(6,24,16,.22);
  --sh-lg:0 4px 10px rgba(6,24,16,.05),0 34px 70px -28px rgba(6,24,16,.35);
  --sh-glow:0 14px 34px -14px rgba(23,165,78,.55);
  --r-xs:8px; --r-sm:12px; --r:16px; --r-lg:22px;
  --maxw:1200px;
}
body{color:var(--text);font-size:16.5px;}
h1,h2,h3,h4{color:var(--heading);letter-spacing:-.03em;font-weight:800;}
::selection{background:#bff0cf;color:var(--ink);}
.glow{display:none !important;}
svg.i{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}

/* ── Buttons ─────────────────────────────────────────────────────────────── */
.btn{border-radius:12px;font-weight:700;letter-spacing:-.005em;overflow:visible;}
.btn--primary{background:var(--g-500);color:var(--ink);box-shadow:inset 0 -2px 0 rgba(6,24,16,.14),0 8px 22px -12px rgba(23,165,78,.8);}
.btn--primary::after{display:none !important;}
.btn--primary:hover{background:#3ad472;transform:translateY(-2px);box-shadow:inset 0 -2px 0 rgba(6,24,16,.14),0 16px 30px -14px rgba(23,165,78,.85);}
.btn--ghost{background:#fff;color:var(--heading);border:1.5px solid #cfdcd4;box-shadow:none;}
.btn--ghost:hover{border-color:var(--ink);color:var(--ink);transform:translateY(-2px);box-shadow:none;}
.btn--dark{background:var(--ink);color:#fff;}
.btn--dark:hover{background:var(--forest-2);}
.btn--white{background:#fff;color:var(--ink);}
.btn--line-w{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.btn--line-w:hover{border-color:#fff;transform:translateY(-2px);}
.btn .i{width:18px;height:18px;transition:transform .2s var(--ease);}
.btn:hover .i{transform:translateX(2px);}
.btn:focus-visible{outline:3px solid var(--g-400);outline-offset:3px;}

/* ── Section headings: editorial, left aligned ───────────────────────────── */
.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:0;background:none;border:0;border-radius:0;
  font-size:15px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--g-700);}
.eyebrow .dot{display:none;}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--g-500);}
.sec-head,.sec-head.center{max-width:none;margin:0 0 clamp(34px,5vw,60px);text-align:left;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px 64px;align-items:end;}
.sec-head>.eyebrow{grid-column:1/-1;}
.sec-head h2{font-size:clamp(2rem,4.4vw,3.35rem);line-height:1.04;margin:0;letter-spacing:-.04em;}
.sec-head p{margin:0;font-size:clamp(1rem,1.5vw,1.14rem);color:var(--muted);line-height:1.6;max-width:46ch;}
.sec-head>h2:only-child,.sec-head>h2:last-child{grid-column:1/-1;}
@media(max-width:820px){.sec-head,.sec-head.center{grid-template-columns:1fr;gap:12px;}}
.section--soft{background:var(--bg-soft);}
.mark{background:linear-gradient(transparent 62%,#b9f0cc 62%);padding:0 .06em;}

/* ── Colour-coded icon tiles (shared) ────────────────────────────────────── */
.t-green{--tc:#0f8a41;--tb:#dcf7e6;} .t-blue{--tc:#2457d6;--tb:#e3ebff;} .t-amber{--tc:#b45f06;--tb:#fff0d6;}
.t-teal{--tc:#0d7f74;--tb:#d8f4f0;} .t-violet{--tc:#6d3fd6;--tb:#ede6ff;} .t-rose{--tc:#cc2b52;--tb:#ffe3ea;}
.t-sky{--tc:#0874b8;--tb:#ddf1fd;} .t-slate{--tc:#3c4a55;--tb:#e8edf1;}

/* ══ HEADER ══════════════════════════════════════════════════════════════ */
.nav{background:rgba(255,255,255,.94);border-bottom:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;}
.nav.is-scrolled{background:#fff;border-bottom-color:var(--line);box-shadow:0 10px 30px -24px rgba(6,24,16,.45);}
.nav__inner{height:74px;gap:28px;}
.nav.is-scrolled .nav__inner{height:64px;}
.nav__word{font-size:1.2rem;letter-spacing:-.035em;color:var(--ink);}
.nav__word .nw-c{color:var(--g-600);}
.nav__links{flex:1;gap:2px;}
.nav__links>.nav__item:first-child{margin-left:auto;}
.nav__links>a:not(.btn),.nav__trigger{font-size:15px;font-weight:600;color:#26372f;padding:10px 13px;border-radius:10px;}
.nav__links>a:not(.btn)::after{display:none;}
.nav__links>a:not(.btn):hover,.nav__trigger:hover,.nav__item.is-open .nav__trigger,.nav__item:focus-within .nav__trigger{background:var(--bg-soft);color:var(--ink);}
.nav__links>a[data-nav="contact"]{margin-right:auto;}
.nav__links>a:not(.btn)[aria-current="page"],.nav__item.is-current .nav__trigger{color:var(--g-700);background:var(--g-50);}
.nav__links>a.nav__login{color:var(--ink);padding:10px 14px;}
.nav__links .btn{margin-left:4px;padding:12px 18px;font-size:14.5px;}
.nav__mcta{display:none;}
.nav__burger{border-radius:11px;border-color:var(--line);}
@media(max-width:1000px){
  .nav__inner{height:64px;gap:10px;}
  .nav__logo{margin-right:auto;}
  .nav__mcta{display:inline-flex;padding:10px 14px;font-size:14px;}
}
@media(max-width:340px){.nav__mcta{display:none;}}

/* mega menus */
.mega{border-radius:18px;border:1px solid var(--line);box-shadow:0 30px 70px -30px rgba(6,24,16,.4),0 2px 6px rgba(6,24,16,.05);padding:14px;}
.mega--xl{width:min(760px,92vw);}
.mega--end{right:-120px;}
.mega__h{display:block;margin:4px 10px 8px;font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--muted);}
.mega__body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px;}
.mega__a{padding:10px;border-radius:12px;gap:12px;align-items:center;}
.mega__a:hover{background:var(--bg-soft);}
.mega__ic{flex:0 0 38px;height:38px;border-radius:11px;background:var(--tb,var(--g-50));color:var(--tc,var(--g-700));}
.mega__a:hover .mega__ic{background:var(--tc,var(--g-600));color:#fff;}
.mega__a strong{font-size:14.5px;color:var(--ink);}
.mega__a small{font-size:13px;}
.mega__feature{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:14px;background:var(--forest);color:#fff;transition:transform .2s var(--ease);}
.mega__feature:hover{transform:translateY(-2px);}
.mega__thumb{position:relative;display:block;border-radius:10px;overflow:hidden;aspect-ratio:16/9;margin-bottom:8px;background:#0f3022;}
.mega__thumb img{width:100%;height:100%;object-fit:cover;}
.mega__play{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--g-500);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.35);}
.mega__play svg{width:20px;height:20px;fill:var(--ink);margin-left:2px;}
.mega__feature strong{font-size:14.5px;line-height:1.3;color:#fff;padding:0 4px;}
.mega__feature small{font-size:12.5px;color:#a8c4b5;line-height:1.45;padding:0 4px 4px;}
.mega__cols{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:14px;}
.mega__list{background:var(--bg-soft);border-radius:14px;padding:14px 16px 8px;}
.mega__list .mega__h{margin:0 0 6px;}
.mega__list a{font-size:14px;padding:9px 0;border-bottom-color:var(--line);}
.mega__foot{margin-top:10px;padding:12px 10px 4px;font-size:14px;}
.mega__foot a:first-child{color:var(--g-700);}

/* drawer */
.drawer__panel{width:min(92vw,380px);padding:20px 20px 28px;}
.drawer__links a,.drawer__grp summary{font-size:17px;}
.drawer__ctas .btn{padding:15px;}

/* ══ FOOTER ══════════════════════════════════════════════════════════════ */
.footer{background:var(--ink-0);color:#a9bdb3;padding:0 0 30px;border:0;border-image:none;}
.footer::before{display:none;}
.footer__talk{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:28px 48px;align-items:center;
  padding:46px 0;margin-bottom:54px;border-bottom:1px solid rgba(255,255,255,.08);}
.footer__talk h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.12;letter-spacing:-.03em;margin-bottom:10px;}
.footer__talk p{color:#93aa9e;font-size:.98rem;line-height:1.6;max-width:40ch;}
.footer__contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;border:0;}
.reach{padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.03);}
.reach:hover{border-color:rgba(63,212,122,.6);background:rgba(46,199,101,.07);}
.reach__ic{flex:0 0 40px;height:40px;border-radius:11px;background:rgba(46,199,101,.13);color:var(--g-400);}
.reach--wa{background:var(--g-500);border-color:var(--g-500);}
.reach--wa:hover{background:#3ad472;border-color:#3ad472;}
.reach--wa .reach__ic{background:rgba(6,24,16,.14);color:var(--ink);}
.reach--wa small{color:rgba(6,24,16,.65) !important;}
.reach--wa strong{color:var(--ink) !important;}
.reach small{font-size:.74rem;letter-spacing:0;text-transform:none;color:#7f978b;}
.reach strong{font-size:.95rem;}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr .9fr;gap:36px;}
.footer__brand p{font-size:.94rem;color:#93aa9e;max-width:330px;margin:16px 0 20px;}
.footer__brand .nav__word{color:#fff;}
.footer__brand .nav__word .nw-c{color:var(--g-400);}
.footer__social{gap:8px;margin-bottom:20px;}
.footer__social a{width:36px;height:36px;border-radius:10px;color:#c5d6cd;}
.footer__social a.s-yt:hover{background:#ff0000;color:#fff;border-color:transparent;}
.footer .app-badge img{width:150px;height:auto;}
.footer h4{font-size:.95rem;color:#fff;margin-bottom:16px;letter-spacing:-.01em;}
.footer ul{gap:10px;}
.footer ul a{font-size:.93rem;color:#a2b7ac;}
.footer ul a:hover{color:#fff;}
.footer__bottom{margin-top:56px;padding-top:24px;display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;font-size:.88rem;color:#7f978b;}
.footer__legal{padding-right:0;gap:6px 22px;}
.footer__legal a{color:#a2b7ac;}
.footer__legal a:hover{color:#fff;}
@media(max-width:1000px){
  .footer__talk{grid-template-columns:1fr;}
  .footer__grid{grid-template-columns:1fr 1fr;}
  .footer__brand{grid-column:1/-1;}
}
@media(max-width:560px){
  .footer__contact{grid-template-columns:1fr;}
  .footer__talk{padding:36px 0;margin-bottom:40px;}
  .footer__grid{gap:30px 20px;}
  .footer__bottom{padding-bottom:70px;}
}

/* ══ FAQ, pricing cards, final CTA (shared across pages) ══════════════════ */
.faq{max-width:none;gap:0;border-top:1px solid var(--line);}
.faq__item{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none !important;}
.faq__q{padding:22px 0;font-size:1.1rem;letter-spacing:-.015em;}
.faq__q .plus{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--bg-soft);color:var(--ink);}
.faq__item.active .faq__q .plus{background:var(--g-500);}
.faq__a-inner{padding:0 48px 24px 0;font-size:1rem;color:var(--text);}

.price{border-radius:20px;border-color:var(--line);box-shadow:none;}
.price:hover{transform:none;box-shadow:var(--sh-md);}
.price--featured{background:var(--forest);border-color:var(--forest);box-shadow:var(--sh-lg);}
.price--featured::before{background:var(--g-500);color:var(--ink);box-shadow:none;}
.price--featured .price__name,.price--featured .price__amt b{color:#fff;}
.price--featured .price__desc,.price--featured .price__amt span{color:#a9c3b5;}
.price--featured .price__list li{color:#dbe9e1;}
.price--featured .price__list li svg{color:var(--g-400);}

.cta-final{background:var(--g-500);color:var(--ink);border-radius:28px;text-align:left;padding:clamp(36px,6vw,72px);box-shadow:none;}
.cta-final::after{display:none;}
.cta-final h2{color:var(--ink);font-size:clamp(2rem,4.6vw,3.6rem);letter-spacing:-.045em;line-height:1.02;max-width:16ch;}
.cta-final p{color:rgba(6,24,16,.75);font-size:1.12rem;}
.cta-final .btn--white,.cta-final .btn--primary{background:var(--ink);color:#fff;box-shadow:none;}
.cta-final .btn--ghost{background:transparent;border-color:rgba(6,24,16,.35);color:var(--ink);}
.cta-final .hero__cta,.cta-final .row{justify-content:flex-start !important;}
.cta-final a[style]{background:transparent !important;border-color:rgba(6,24,16,.35) !important;color:var(--ink) !important;}

.wa-fab{box-shadow:0 14px 30px -12px rgba(6,24,16,.5);}

/* ══ YOUTUBE PLAYER + VIDEO CARDS (shared) ═══════════════════════════════ */
.yt{position:relative;display:block;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0b1f15;cursor:pointer;isolation:isolate;}
.yt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.yt:hover img{transform:scale(1.025);}
.yt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35));pointer-events:none;}
.yt__play{position:absolute;left:50%;top:50%;z-index:2;width:78px;height:78px;margin:-39px 0 0 -39px;border:0;border-radius:50%;
  background:var(--g-500);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(46,199,101,.25),0 18px 40px rgba(0,0,0,.4);transition:transform .25s var(--ease),box-shadow .25s;}
.yt__play svg{width:30px;height:30px;fill:var(--ink);margin-left:4px;}
.yt:hover .yt__play{transform:scale(1.08);box-shadow:0 0 0 16px rgba(46,199,101,.22),0 18px 40px rgba(0,0,0,.4);}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3;}
.yt.is-playing{cursor:default;}
.yt.is-playing .yt__play,.yt.is-playing::after{display:none;}
@media(max-width:560px){.yt__play{width:62px;height:62px;margin:-31px 0 0 -31px;}.yt__play svg{width:24px;height:24px;}}

.vcard{display:flex;flex-direction:column;gap:10px;color:inherit;}
.vcard__thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0b1f15;}
.vcard__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease);}
.vcard:hover .vcard__thumb img{transform:scale(1.04);}
.lp-watch .vcard__thumb::after{content:"";position:absolute;right:12px;bottom:12px;width:38px;height:38px;border-radius:50%;
  background:var(--g-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6.5v11l9-5.5z' fill='%23061810'/%3E%3C/svg%3E") center/20px no-repeat;
  box-shadow:0 8px 18px rgba(0,0,0,.35);}
.vcard small{font-size:13px;font-weight:700;color:var(--g-700);}
.vcard strong{font-size:1.02rem;line-height:1.35;color:var(--heading);letter-spacing:-.015em;}

/* ══ GENERATED LANDING PAGES (features, industries, use cases, tools) ═════ */
.lp-crumbs{padding-top:18px;font-size:13.5px;}
.lp .phero,.phero{position:relative;text-align:left;background:var(--forest);color:#d5e6dc;overflow:hidden;
  padding:clamp(44px,7vw,92px) 0 clamp(48px,7vw,96px);margin:14px clamp(10px,1.6vw,22px) 0;border-radius:28px;}
.phero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 80% at 100% 0%,rgba(46,199,101,.28),transparent 60%),radial-gradient(40% 60% at 0% 100%,rgba(46,199,101,.12),transparent 60%);}
.phero .container{position:relative;z-index:1;}
.phero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(30px,5vw,64px);align-items:center;}
.phero .eyebrow{color:var(--g-400);}
.phero .eyebrow::before{background:var(--g-400);}
.phero h1{color:#fff;font-size:clamp(2.2rem,5vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:16px 0 18px;max-width:18ch;text-align:left;}
.phero h1 em{font-style:normal;color:var(--g-400);background:none;-webkit-text-fill-color:currentColor;}
.phero p{color:#b7cdc1;font-size:clamp(1.02rem,1.5vw,1.15rem);line-height:1.65;max-width:56ch;margin:0;text-align:left;}
.phero .hero__cta{justify-content:flex-start !important;margin-top:28px;}
.phero .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3);}
.phero .btn--ghost:hover{border-color:#fff;color:#fff;}
.phero .chips{justify-content:flex-start;}
.phero .chip{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#e3efe8;box-shadow:none;}
.phero .chip svg{color:var(--g-400);}
.phero .meta{color:#93aa9e;}
.phero__proof{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;font-size:14px;color:#a9c3b5;}
.phero__proof span{display:inline-flex;align-items:center;gap:7px;}
.phero__proof svg{width:16px;height:16px;color:var(--g-400);}
.phero__media .yt{box-shadow:0 30px 70px -30px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.08);}
.phero__media figcaption{margin-top:12px;font-size:13.5px;color:#93aa9e;display:flex;gap:8px;align-items:center;}
.phero__media figcaption b{color:#fff;font-weight:700;}
@media(max-width:900px){.phero__grid{grid-template-columns:1fr;}.lp .phero,.phero{border-radius:22px;margin:10px 8px 0;}}

.lp-sec{padding:clamp(52px,7vw,96px) 0;}
.lp-sec--soft{background:var(--bg-soft);}
.lp-h2{font-size:clamp(1.8rem,3.6vw,2.7rem);letter-spacing:-.04em;line-height:1.08;}
.measure{max-width:780px;}
.prose p{font-size:1.06rem;line-height:1.75;color:var(--text);}
.prose a{color:var(--g-700);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;}

/* use-case grid → a crisp two-column list with colour-coded icons */
.uc-grid{gap:0;border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));}
.uc{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;padding:28px 28px 28px 0;display:grid;grid-template-columns:48px 1fr;gap:4px 18px;}
.uc:nth-child(odd){border-right:1px solid var(--line);}
.uc:nth-child(even){padding-left:28px;}
.uc:hover{transform:none;box-shadow:none;}
.uc__ic{grid-row:span 2;width:48px;height:48px;border-radius:14px;margin:0;background:var(--tb,var(--g-50));color:var(--tc,var(--g-700));border:0;}
.uc:nth-child(8n+1) .uc__ic{--tc:#0f8a41;--tb:#dcf7e6;} .uc:nth-child(8n+2) .uc__ic{--tc:#2457d6;--tb:#e3ebff;} .uc:nth-child(8n+3) .uc__ic{--tc:#b45f06;--tb:#fff0d6;}
.uc:nth-child(8n+4) .uc__ic{--tc:#6d3fd6;--tb:#ede6ff;} .uc:nth-child(8n+5) .uc__ic{--tc:#cc2b52;--tb:#ffe3ea;}
.uc:nth-child(8n+6) .uc__ic{--tc:#0d7f74;--tb:#d8f4f0;} .uc:nth-child(8n+7) .uc__ic{--tc:#0874b8;--tb:#ddf1fd;}
.uc:nth-child(8n) .uc__ic{--tc:#3c4a55;--tb:#e8edf1;}
.uc h3{font-size:1.14rem;margin:2px 0 4px;letter-spacing:-.02em;}
.uc p{font-size:.98rem;color:var(--muted);line-height:1.6;}
@media(max-width:760px){.uc-grid{grid-template-columns:1fr;}.uc,.uc:nth-child(even){padding:22px 0;border-right:0 !important;}}

/* vertical steps */
.flow-v__step{border-radius:16px;border-color:var(--line);box-shadow:none;}
.steps li::before{background:var(--ink);color:#fff;}
.callout{background:var(--g-50);border:0;border-left:4px solid var(--g-500);border-radius:0 14px 14px 0;}
.tpl{border-radius:16px;box-shadow:none;border-color:var(--line);}
.lp-table-wrap{border-radius:16px;}
.lp-table thead th{background:var(--forest);color:#fff;}

/* "watch it in action" band the build adds to every landing page */
.lp-watch{padding:clamp(52px,7vw,90px) 0;background:var(--ink-0);color:#c3d6cb;}
.lp-watch__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,64px);align-items:center;}
.lp-watch h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.7rem);letter-spacing:-.04em;line-height:1.06;margin:14px 0 14px;}
.lp-watch .eyebrow{color:var(--g-400);}
.lp-watch .eyebrow::before{background:var(--g-400);}
.lp-watch p{color:#9fb6aa;font-size:1.04rem;line-height:1.65;margin-bottom:22px;}
.lp-watch__more{display:flex;flex-wrap:wrap;gap:12px;}
.lp-watch__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.lp-watch .vcard strong{color:#fff;font-size:.98rem;}
.lp-watch .vcard small{color:var(--g-400);}
@media(max-width:900px){.lp-watch__grid{grid-template-columns:1fr;}}
@media(max-width:620px){.lp-watch__cards{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;}.lp-watch__cards .vcard{scroll-snap-align:start;}}

/* Learn: the series player with an episode list */
.vseries{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px;background:var(--ink-0);border-radius:24px;padding:clamp(14px,2vw,22px);}
.vseries__now{margin-top:12px;font-size:14px;color:#93aa9e;}
.vseries__now b{color:#fff;}
.vseries__list{list-style:none;display:flex;flex-direction:column;gap:6px;max-height:520px;overflow-y:auto;padding-right:4px;margin:0;}
.vseries__item{display:grid;grid-template-columns:128px 1fr;gap:12px;align-items:center;padding:8px;border-radius:14px;color:#c9dbd1;transition:background .18s;}
.vseries__item:hover{background:rgba(255,255,255,.05);}
.vseries__item.is-on{background:rgba(46,199,101,.14);box-shadow:inset 0 0 0 1px rgba(63,212,122,.45);}
.vseries__thumb{display:block;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#0f3022;}
.vseries__thumb img{width:100%;height:100%;object-fit:cover;}
.mega__thumb img,.vcard__thumb img{height:100%;}
.vseries__item small{display:block;font-size:12px;font-weight:700;color:var(--g-400);}
.vseries__item strong{display:block;font-size:14.5px;line-height:1.3;color:#fff;letter-spacing:-.01em;}
.vseries__item em{display:block;font-style:normal;font-size:12.5px;color:#8ca395;line-height:1.4;margin-top:3px;}
.vseries__foot{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding:4px 2px 2px;}
.vseries__foot .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.3);}
@media(max-width:900px){.vseries{grid-template-columns:1fr;}.vseries__list{max-height:none;}.vseries__item em{display:none;}}

/* reveal: softer, quicker */
.reveal{transition-duration:.6s !important;}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;}}

/* Diwali offer treatment on the dark Professional card (offer.js) */
.price--featured .dw-amt b{color:#fff;}
.price--featured .dw-amt span{color:#f5c56b;}
.price--featured .dw-amt s{color:#8fa79a;}

/* Contact page hero (contact/index.html) */
body .c-hero{background:var(--forest);border:0;text-align:left;color:#b7cdc1;margin:14px clamp(10px,1.6vw,22px) 0;border-radius:28px;padding:clamp(44px,7vw,88px) 0;}
body .c-hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.8rem);letter-spacing:-.045em;line-height:1.02;max-width:16ch;}
body .c-hero h1 em{font-style:normal;color:var(--g-400);}
body .c-hero p{color:#b7cdc1;margin:14px 0 0;max-width:56ch;font-size:1.1rem;}
@media(max-width:900px){body .c-hero{border-radius:22px;margin:10px 8px 0;}}

/* Pricing page: notes inside the dark Professional card */
.price--featured .price__for{color:var(--g-400);}
.price--featured .price__plus{color:#e3efe8;}
.phero .jump,.phero .flegend{justify-content:flex-start;}
.phero .flegend span{color:#93aa9e;}