
/* ============================================================
   DESKWOLF HUB — v3 (dropship.io-aesthetic light mode)
   ============================================================ */

:root{
  --bg:#FFFFFF;
  --bg-soft:#FAFAFA;
  --bg-tint:#F8FAFC;

  --ink-0:#0F172A;
  --ink-1:#1E293B;
  --ink-2:#334155;
  --text-1:#0F172A;
  --text-2:#475569;
  --text-3:#64748B;
  --text-4:#94A3B8;

  --line:#E2E8F0;
  --line-soft:#F1F5F9;
  --line-strong:#CBD5E1;

  --blue:#2563EB;
  --blue-2:#1D4ED8;
  --blue-soft:#DBEAFE;
  --blue-bg:#EFF6FF;
  --blue-tint:#93C5FD;

  --green:#10B981;
  --green-bg:#DCFCE7;
  --green-soft:#A7F3D0;
  --gold:#F59E0B;
  --gold-bg:#FEF3C7;
  --gold-soft:#FCD34D;
  --purple:#A855F7;
  --purple-bg:#F3E8FF;
  --purple-soft:#D8B4FE;

  --r-card:16px;
  --r-card-lg:24px;
  --r-pill:999px;
  --r-btn:8px;

  --ease:cubic-bezier(.16,1,.3,1);
  --shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:0 2px 8px rgba(15,23,42,.05);
  --shadow-md:0 8px 24px rgba(15,23,42,.08);
  --shadow-lg:0 24px 48px rgba(15,23,42,.12);

  --font:"Inter",-apple-system,"Helvetica Neue","Plus Jakarta Sans",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto !important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-scrolling iframe{pointer-events:none}

body{margin:0;background:var(--bg);color:var(--text-1);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}

img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--ink-0)}
p{margin:0}

.dw{max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4vw,32px)}
section{padding-block:clamp(72px,9vw,120px);position:relative}

/* Buttons — dropship style */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--r-btn);font-weight:600;font-size:15px;text-decoration:none;border:none;cursor:pointer;transition:all .2s var(--ease);position:relative;min-height:44px}
.btn--primary{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 55%,#1D4ED8 100%);color:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(37,99,235,.25),0 4px 14px rgba(37,99,235,.35),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .25s var(--ease),box-shadow .25s,gap .25s}
.btn--primary::before{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.38) 50%,transparent 100%);pointer-events:none;transition:left .85s cubic-bezier(.4,0,.2,1);z-index:0}
.btn--primary > *{position:relative;z-index:1}
.btn--primary:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(37,99,235,.35),0 8px 24px rgba(37,99,235,.5),inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(255,255,255,.12)}
.btn--primary:hover::before{left:130%}
.btn--ghost{background:#fff;color:var(--ink-0);box-shadow:inset 0 0 0 1px var(--line)}
.btn--ghost:hover{background:var(--bg-tint);box-shadow:inset 0 0 0 1px var(--line-strong)}
.btn svg{width:16px;height:16px}

/* Badge (eyebrow) — uppercase tracked caps + small accent bar (no pill frame) */
.badge{display:inline-block;position:relative;background:none !important;border:none !important;padding:0 0 14px !important;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;box-shadow:none !important}
.badge::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:32px;height:2px;background:currentColor;border-radius:1px;opacity:.65}
.badge svg{width:12px;height:12px;vertical-align:-1px;margin-right:.35em}

/* ANNOUNCE — inverted: solid blue bar, white type, slim profile */
.announce{position:sticky;top:0;z-index:60;background:linear-gradient(180deg,#2563EB 0%,#1D4ED8 100%);border-bottom:1px solid rgba(15,23,42,.18);font-size:12.5px;color:#fff;min-height:40px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 10px rgba(37,99,235,.22)}
.announce__row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.2rem;min-height:40px;padding-block:.3rem}
.announce__left{display:inline-flex;align-items:center;gap:.5rem;justify-self:start;color:rgba(255,255,255,.78);transition:color .2s;text-decoration:none}
.announce__left:hover{color:#fff}
.announce__left .ic{width:14px;height:14px;color:rgba(255,255,255,.85);flex:none;transition:color .2s}
.announce__left:hover .ic{color:#fff}
.announce__phone{font-weight:600;color:#fff;letter-spacing:-.005em;font-variant-numeric:tabular-nums}
.announce__lbl{color:rgba(255,255,255,.62);font-size:12px;font-weight:500}
.announce__center{display:inline-flex;align-items:center;gap:.65rem;justify-self:center;color:rgba(255,255,255,.92);transition:gap .25s,color .2s;text-decoration:none}
.announce__center:hover{gap:.95rem;color:#fff}
.announce__pill{display:inline-flex;align-items:center;background:rgba(255,255,255,.18);color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 9px;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.announce__msg{font-weight:500;color:inherit;letter-spacing:-.005em}
.announce__center .arr{width:13px;height:13px;color:rgba(255,255,255,.65);transition:transform .25s,color .2s;flex:none}
.announce__center:hover .arr{transform:translateX(3px);color:#fff}
.announce__right{display:inline-flex;align-items:center;gap:.4rem;justify-self:end;color:#1D4ED8;font-weight:700;font-size:12px;letter-spacing:-.005em;text-decoration:none;background:linear-gradient(135deg,#FFFFFF 0%,#F8FAFF 55%,#EFF6FF 100%);padding:6px 14px 6px 16px;border-radius:var(--r-pill);position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.18),0 4px 14px rgba(255,255,255,.4),inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.55);transition:transform .25s var(--ease),box-shadow .25s,gap .25s,color .2s}
.announce__right::before{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(110deg,transparent 0%,rgba(147,197,253,.5) 50%,transparent 100%);pointer-events:none;transition:left .85s cubic-bezier(.4,0,.2,1)}
.announce__right:hover{transform:translateY(-1px);gap:.6rem;color:#1E3A8A;box-shadow:0 2px 4px rgba(15,23,42,.22),0 8px 24px rgba(255,255,255,.6),inset 0 1px 0 rgba(255,255,255,1),inset 0 0 0 1px rgba(255,255,255,.75)}
.announce__right:hover::before{left:130%}
.announce__right .arr{width:13px;height:13px;color:currentColor;transition:transform .25s;flex:none}
.announce__right:hover .arr{transform:translateX(3px)}

/* Nav */
.nav{position:sticky;top:40px;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line-soft)}
.nav__row{display:flex;align-items:center;justify-content:space-between;height:68px;gap:1rem}
.brand{display:flex;align-items:center;gap:.65rem;font-weight:700;color:var(--ink-0)}
.brand svg{width:32px;height:32px;flex:none}
.nav .brand img{width:40px;height:40px;flex:none;display:block;border-radius:9px;box-shadow:0 1px 2px rgba(15,23,42,.08),0 3px 8px rgba(15,23,42,.06)}
.brand b{font-size:18px;line-height:1;letter-spacing:-.025em}
.brand small{display:block;font-size:11px;font-weight:500;color:var(--text-3);margin-top:2px;letter-spacing:-.005em}
.nav__links{display:flex;align-items:center;gap:1.8rem}
.nav__links a{font-size:14px;color:var(--text-2);font-weight:500;transition:color .2s}
.nav__links a:hover{color:var(--ink-0)}
.nav__links a[href="/voice"]:hover{color:var(--blue)}
.nav__links a[href="/sites"]:hover{color:var(--green)}
.nav__links a[href="/store"]:hover{color:var(--purple)}
.nav__links a[href="/consult"]:hover{color:var(--gold)}
.nav__cta{display:flex;align-items:center;gap:.6rem}
.nav__toggle{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:42px;height:42px;color:var(--ink-0);cursor:pointer;align-items:center;justify-content:center}

/* HERO — dropship style, centered, badge + italic-accent H1 + rotating tile carousel */
.hero{background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.78) 75%,rgba(255,255,255,.95) 90%,#FFFFFF 100%),url('/img/hero-clouds-v2.jpg') no-repeat center 35% / cover;padding-block:clamp(72px,10vw,140px) clamp(48px,6vw,80px);position:relative;overflow:hidden;text-align:center}
.hero__atmos{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero__atmos::before{content:"";position:absolute;top:-15%;left:50%;transform:translateX(-50%);width:1100px;height:520px;background:radial-gradient(ellipse,rgba(37,99,235,.14),transparent 60%);filter:blur(50px)}
.hero__atmos::after{content:"";position:absolute;top:30%;right:5%;width:400px;height:400px;background:radial-gradient(circle,rgba(168,85,247,.07),transparent 65%);filter:blur(40px)}
.hero__inner{position:relative;z-index:2;max-width:880px;margin:0 auto;padding-inline:clamp(20px,4vw,32px)}
.hero__badge{margin-bottom:1.6rem;opacity:0;animation:fadeUp .8s var(--ease) .2s forwards;transform:translateY(8px)}
.hero h1{font-size:clamp(40px,5.5vw,68px);font-weight:700;line-height:1.05;letter-spacing:-.035em;color:var(--ink-0);margin:0 auto;max-width:18ch;opacity:0;animation:fadeUp .9s var(--ease) .3s forwards;transform:translateY(12px)}
.hero h1 em{font-style:italic;font-weight:700;background:linear-gradient(110deg,var(--blue) 36%,#BFDBFE 46%,#FFFFFF 50%,#BFDBFE 54%,var(--blue) 64%);background-size:300% 100%;background-position:100% center;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:hero-em-shine 7s ease-in-out infinite;animation-delay:1.5s}
@keyframes hero-em-shine{0%{background-position:100% center}25%{background-position:0% center}100%{background-position:0% center}}
.hero__lead{margin:1.5rem auto 0;max-width:58ch;font-size:clamp(17px,1.4vw,19px);line-height:1.55;color:var(--text-2);opacity:0;animation:fadeUp .9s var(--ease) .5s forwards;transform:translateY(12px)}
.hero__cta{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:2rem;opacity:0;animation:fadeUp .9s var(--ease) .7s forwards;transform:translateY(12px)}
.hero__note{display:flex;justify-content:center;align-items:center;gap:.4em;font-size:13px;color:var(--text-3);margin-top:1.2rem;opacity:0;animation:fadeUp .9s var(--ease) .9s forwards}
.hero__note b{color:var(--ink-0);font-weight:600}

/* Hero brand-trailer video tile — mirrors .pillar__video shape, lives between hero__inner and hero__carousel */
.hero__trailer{margin-top:clamp(48px,6vw,72px);max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4vw,32px);position:relative;z-index:2;opacity:0;animation:fadeUp 1s var(--ease) 1s forwards;transform:translateY(20px)}
.hero__trailer-frame{position:relative;max-width:1040px;margin-inline:auto;border-radius:var(--r-card-lg);overflow:hidden;box-shadow:var(--shadow-lg);background:#0F172A;aspect-ratio:16/9}
.hero__trailer-frame video{width:100%;height:100%;object-fit:cover;display:block}
.hero__trailer-label{position:absolute;bottom:18px;right:20px;background:rgba(15,23,42,.7);color:rgba(255,255,255,.9);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 13px;border-radius:var(--r-pill);backdrop-filter:blur(10px);z-index:2}

/* Hero rotating product carousel — dropship signature pattern */
.hero__carousel{margin-top:clamp(48px,6vw,72px);max-width:1280px;margin-inline:auto;padding-inline:clamp(20px,4vw,32px);position:relative;opacity:0;animation:fadeUp 1s var(--ease) .9s forwards;transform:translateY(20px)}
.hero__carousel-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s}
.hero-card:hover{transform:translateY(-4px)}
.hero-card.hc-voice:hover{box-shadow:0 12px 32px rgba(37,99,235,.28),0 4px 12px rgba(37,99,235,.16);border-color:rgba(37,99,235,.45)}
.hero-card.hc-sites:hover{box-shadow:0 12px 32px rgba(16,185,129,.28),0 4px 12px rgba(16,185,129,.16);border-color:rgba(16,185,129,.45)}
.hero-card.hc-store:hover{box-shadow:0 12px 32px rgba(168,85,247,.28),0 4px 12px rgba(168,85,247,.16);border-color:rgba(168,85,247,.45)}
.hero-card.hc-consult:hover{box-shadow:0 12px 32px rgba(245,158,11,.28),0 4px 12px rgba(245,158,11,.16);border-color:rgba(245,158,11,.45)}
.hero-card__media{aspect-ratio:4/3;background:var(--bg-tint);position:relative;overflow:hidden}
.hero-card__media img{width:100%;height:100%;object-fit:cover}
.hero-card__tag{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.95);color:var(--ink-0);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:6px;backdrop-filter:blur(8px)}
.hero-card__body{padding:14px 16px 16px}
.hero-card__name{font-size:14px;font-weight:600;color:var(--ink-0);letter-spacing:-.01em;margin-bottom:6px;line-height:1.3}
.hero-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-3)}
.hero-card__meta b{font-size:13px;color:var(--blue);font-weight:700}
.hero-card.hc-voice .hero-card__tag{color:var(--blue)}
.hero-card.hc-voice .hero-card__meta b{color:var(--blue)}
.hero-card.hc-sites .hero-card__tag{color:var(--green)}
.hero-card.hc-sites .hero-card__meta b{color:var(--green)}
.hero-card.hc-store .hero-card__tag{color:var(--purple)}
.hero-card.hc-store .hero-card__meta b{color:var(--purple)}
.hero-card.hc-consult .hero-card__tag{color:var(--gold)}
.hero-card.hc-consult .hero-card__meta b{color:var(--gold)}

/* SECTION HEADS — dropship pattern: centered, badge + h2 + sub */
.section__head{text-align:center;max-width:680px;margin:0 auto clamp(40px,5vw,56px)}
.section__head .badge{margin-bottom:1.2rem}
.section__head h2{font-size:clamp(32px,3.6vw,48px);color:var(--ink-0);line-height:1.1;letter-spacing:-.03em;margin-bottom:1rem}
.section__head h2 em{font-style:italic;color:var(--blue);font-weight:700}
.section__head p{font-size:17px;color:var(--text-2);line-height:1.55;max-width:54ch;margin-inline:auto}

/* PATHS — dropship feature card grid */
.doors{background:var(--bg);padding-block:clamp(56px,7vw,96px)}
.doors__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1200px;margin-inline:auto}
.door{background:#fff;border:1px solid var(--line);border-radius:var(--r-card-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xs);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s;text-decoration:none;color:inherit;position:relative}
.door:hover{transform:translateY(-4px)}
.door.d-voice:hover{box-shadow:0 22px 56px rgba(37,99,235,.32),0 8px 20px rgba(37,99,235,.18);border-color:rgba(37,99,235,.5)}
.door.d-sites:hover{box-shadow:0 22px 56px rgba(16,185,129,.32),0 8px 20px rgba(16,185,129,.18);border-color:rgba(16,185,129,.5)}
.door.d-store:hover{box-shadow:0 22px 56px rgba(168,85,247,.32),0 8px 20px rgba(168,85,247,.18);border-color:rgba(168,85,247,.5)}
.door.d-consult:hover{box-shadow:0 22px 56px rgba(245,158,11,.32),0 8px 20px rgba(245,158,11,.18);border-color:rgba(245,158,11,.5)}
.door__media{aspect-ratio:16/9;background:var(--bg-tint);position:relative;overflow:hidden}
.door__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);filter:saturate(.95)}
.door:hover .door__media img{transform:scale(1.04);filter:saturate(1.05)}
.door__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(15,23,42,.2) 100%);pointer-events:none}
.door__tag{position:absolute;top:18px;left:18px;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);color:var(--ink-0);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:var(--r-pill);box-shadow:var(--shadow-xs);z-index:1}
.door__body{padding:28px 28px 32px;display:flex;flex-direction:column;gap:.6rem;flex:1}
.door__title{font-size:22px;font-weight:700;color:var(--ink-0);letter-spacing:-.02em;line-height:1.2}
.door__pitch{font-size:15px;color:var(--text-2);line-height:1.5;flex:1}
.door__bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line-soft)}
.door__price{display:flex;flex-direction:column;line-height:1.2}
.door__price b{font-size:16px;font-weight:700;color:var(--ink-0)}
.door__price small{font-size:12px;color:var(--text-3);margin-top:2px;font-weight:500}
.door__go{display:inline-flex;align-items:center;gap:.4em;font-size:14px;font-weight:600;color:var(--blue);transition:gap .25s}
.door:hover .door__go{gap:.6em}
.door__go svg{width:14px;height:14px}

.door.d-voice{--door-tint:#2563EB}
.door.d-voice .door__go,.door.d-voice .door__tag{color:var(--blue)}
.door.d-sites{--door-tint:#10B981}
.door.d-sites .door__go,.door.d-sites .door__tag{color:var(--green)}
.door.d-store{--door-tint:#A855F7}
.door.d-store .door__go,.door.d-store .door__tag{color:var(--purple)}
.door.d-consult{--door-tint:#F59E0B}
.door.d-consult .door__go,.door.d-consult .door__tag{color:var(--gold)}

/* PILLAR SECTIONS — one dedicated deep-dive per product line, side-washed with filled wordmark */
.pillar{padding-block:clamp(80px,10vw,140px);position:relative;overflow:hidden;background:#0F172A;background-size:cover;background-position:center}
.pillar--voice.pillar--align-left{background:linear-gradient(90deg,rgba(37,99,235,.40) 0%,rgba(37,99,235,.28) 22%,rgba(28,55,140,.45) 42%,rgba(15,23,42,.78) 62%,rgba(15,23,42,.94) 82%,#0F172A 100%),url('/img/bg-voice-v2.jpg') no-repeat left center / cover}
.pillar--voice.pillar--align-right{background:linear-gradient(270deg,rgba(37,99,235,.40) 0%,rgba(37,99,235,.28) 22%,rgba(28,55,140,.45) 42%,rgba(15,23,42,.78) 62%,rgba(15,23,42,.94) 82%,#0F172A 100%),url('/img/bg-voice-v2.jpg') no-repeat right center / cover}
.pillar--sites.pillar--align-left{background:linear-gradient(90deg,rgba(16,185,129,.40) 0%,rgba(16,185,129,.26) 22%,rgba(20,80,60,.48) 42%,rgba(15,23,42,.78) 62%,rgba(15,23,42,.94) 82%,#0F172A 100%),url('/img/bg-sites-v2.jpg') no-repeat left center / cover}
.pillar--sites.pillar--align-right{background:linear-gradient(270deg,rgba(16,185,129,.40) 0%,rgba(16,185,129,.26) 22%,rgba(20,80,60,.48) 42%,rgba(15,23,42,.78) 62%,rgba(15,23,42,.94) 82%,#0F172A 100%),url('/img/bg-sites-v2.jpg') no-repeat right center / cover}
.pillar--store.pillar--align-left{background:linear-gradient(90deg,rgba(168,85,247,.42) 0%,rgba(168,85,247,.28) 22%,rgba(88,40,140,.50) 42%,rgba(15,23,42,.78) 62%,rgba(15,23,42,.94) 82%,#0F172A 100%),url('/img/bg-store-v2.jpg') no-repeat left center / cover}
.pillar--store.pillar--align-right{background:linear-gradient(270deg,rgba(168,85,247,.42) 0%,rgba(168,85,247,.28) 22%,rgba(88,40,140,.50) 42%,rgba(15,23,42,.78) 62%,rgba(15,23,42,.94) 82%,#0F172A 100%),url('/img/bg-store-v2.jpg') no-repeat right center / cover}
.pillar--consult.pillar--align-left{background:linear-gradient(90deg,rgba(245,158,11,.42) 0%,rgba(245,158,11,.28) 22%,rgba(110,75,20,.55) 42%,rgba(15,23,42,.80) 62%,rgba(15,23,42,.94) 82%,#0F172A 100%),url('/img/bg-consult-v2.jpg') no-repeat left center / cover}
.pillar--consult.pillar--align-right{background:linear-gradient(270deg,rgba(245,158,11,.42) 0%,rgba(245,158,11,.28) 22%,rgba(110,75,20,.55) 42%,rgba(15,23,42,.80) 62%,rgba(15,23,42,.94) 82%,#0F172A 100%),url('/img/bg-consult-v2.jpg') no-repeat right center / cover}

.pillar__atmos{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;display:flex;align-items:center}
.pillar--align-left .pillar__atmos{justify-content:flex-start;padding-left:clamp(8px,1.5vw,32px)}
.pillar--align-right .pillar__atmos{justify-content:flex-end;padding-right:clamp(8px,1.5vw,32px)}
.pillar__wordmark{font-family:var(--font);font-weight:900;font-size:clamp(140px,22vw,300px);letter-spacing:-.06em;line-height:.85;white-space:nowrap;user-select:none;text-transform:uppercase}
.pillar--voice .pillar__wordmark{color:#93C5FD;opacity:.18}
.pillar--sites .pillar__wordmark{color:#86EFAC;opacity:.20}
.pillar--store .pillar__wordmark{color:#D8B4FE;opacity:.20}
.pillar--consult .pillar__wordmark{color:#FCD34D;opacity:.22}

.pillar__inner{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding-inline:clamp(20px,4vw,32px)}
.pillar__head{text-align:center;max-width:740px;margin:0 auto clamp(40px,5vw,56px)}
.pillar__head .badge{margin-bottom:1.2rem}
.pillar--voice .pillar__head .badge{color:#93C5FD}
.pillar--sites .pillar__head .badge{color:#6EE7B7}
.pillar--store .pillar__head .badge{color:#D8B4FE}
.pillar--consult .pillar__head .badge{color:#FCD34D}

.pillar__head h2{font-size:clamp(36px,4.6vw,60px);letter-spacing:-.035em;line-height:1.05;color:#F8FAFC;margin-bottom:1.2rem;font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.pillar__head h2 em{font-style:italic;font-weight:800}
.pillar--voice .pillar__head h2 em{color:#93C5FD}
.pillar--sites .pillar__head h2 em{color:#6EE7B7}
.pillar--store .pillar__head h2 em{color:#D8B4FE}
.pillar--consult .pillar__head h2 em{color:#FCD34D}
.pillar__lead{font-size:17px;color:rgba(248,250,252,.82);line-height:1.6;max-width:56ch;margin:0 auto;text-shadow:0 1px 8px rgba(0,0,0,.3)}

.pillar__video{margin:0 auto clamp(40px,5vw,56px);max-width:1040px;border-radius:var(--r-card-lg);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;background:#0F172A;aspect-ratio:16/9;cursor:pointer}
.pillar__video img{width:100%;height:100%;object-fit:cover;display:block;opacity:.55;transition:opacity .35s var(--ease),transform .8s var(--ease)}
.pillar__video video{width:100%;height:100%;object-fit:cover;display:block;background:#0F172A}
.pillar__video:hover img{opacity:.7;transform:scale(1.02)}
.pillar__video:hover video{transform:scale(1.02);transition:transform .8s var(--ease)}
.pillar__video::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.15) 0%,rgba(15,23,42,.45) 100%);pointer-events:none;z-index:1}
.pillar__video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.96);border:none;color:#0F172A;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.4);transition:transform .35s var(--ease),background .25s,box-shadow .35s;z-index:2}
.pillar__video-play svg{width:36px;height:36px;margin-left:5px}
.pillar__video:hover .pillar__video-play{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 16px 40px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,255,255,.5)}
.pillar--voice .pillar__video-play:hover{color:var(--blue)}
.pillar--sites .pillar__video-play:hover{color:var(--green)}
.pillar--store .pillar__video-play:hover{color:var(--purple)}
.pillar--consult .pillar__video-play:hover{color:var(--gold)}
.pillar__video-label{position:absolute;bottom:18px;right:20px;background:rgba(15,23,42,.7);color:rgba(255,255,255,.9);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:7px 13px;border-radius:var(--r-pill);backdrop-filter:blur(10px);z-index:2}

.pillar__features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:2.5rem}
.pillar__feat{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:24px;box-shadow:var(--shadow-xs);position:relative;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s,background .4s var(--ease)}
.pillar__feat::before{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.38) 50%,transparent 100%);pointer-events:none;transition:left .85s cubic-bezier(.4,0,.2,1);z-index:0}
.pillar__feat > *{position:relative;z-index:1}
.pillar__feat:hover{transform:translateY(-3px)}
.pillar__feat:hover::before{left:130%}

.pillar--voice .pillar__feat:hover{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 55%,#1D4ED8 100%);box-shadow:0 14px 36px rgba(37,99,235,.45),0 4px 14px rgba(37,99,235,.25),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.08);border-color:rgba(37,99,235,.6)}
.pillar--sites .pillar__feat:hover{background:linear-gradient(135deg,#34D399 0%,#10B981 55%,#059669 100%);box-shadow:0 14px 36px rgba(16,185,129,.45),0 4px 14px rgba(16,185,129,.25),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.08);border-color:rgba(16,185,129,.6)}
.pillar--store .pillar__feat:hover{background:linear-gradient(135deg,#C084FC 0%,#A855F7 55%,#9333EA 100%);box-shadow:0 14px 36px rgba(168,85,247,.45),0 4px 14px rgba(168,85,247,.25),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.08);border-color:rgba(168,85,247,.6)}
.pillar--consult .pillar__feat:hover{background:linear-gradient(135deg,#FBBF24 0%,#F59E0B 55%,#D97706 100%);box-shadow:0 14px 36px rgba(245,158,11,.5),0 4px 14px rgba(245,158,11,.28),inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.15);border-color:rgba(245,158,11,.6)}
.pillar--consult .pillar__feat::before{background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%)}

.pillar__feat h4{font-size:16px;font-weight:700;color:var(--ink-0);margin-bottom:.55rem;letter-spacing:-.015em;transition:color .4s var(--ease)}
.pillar__feat p{font-size:14.5px;color:var(--text-2);line-height:1.55;transition:color .4s var(--ease)}
.pillar--voice .pillar__feat:hover h4,.pillar--sites .pillar__feat:hover h4,.pillar--store .pillar__feat:hover h4{color:#fff}
.pillar--voice .pillar__feat:hover p,.pillar--sites .pillar__feat:hover p,.pillar--store .pillar__feat:hover p{color:rgba(255,255,255,.92)}
.pillar--consult .pillar__feat:hover h4{color:#0F172A}
.pillar--consult .pillar__feat:hover p{color:rgba(15,23,42,.85)}

.pillar__cta{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1rem}
.pillar__price{font-size:14.5px;color:rgba(248,250,252,.65);letter-spacing:-.005em;text-shadow:0 1px 6px rgba(0,0,0,.3)}
.pillar__price b{color:#F8FAFC;font-weight:700;font-size:16px}
.pillar--voice .btn--primary{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 55%,#1D4ED8 100%);box-shadow:0 1px 2px rgba(37,99,235,.3),0 4px 14px rgba(37,99,235,.45),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.pillar--voice .btn--primary:hover{box-shadow:0 2px 4px rgba(37,99,235,.4),0 8px 28px rgba(37,99,235,.6),inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(255,255,255,.12)}
.pillar--sites .btn--primary{background:linear-gradient(135deg,#34D399 0%,#10B981 55%,#059669 100%);box-shadow:0 1px 2px rgba(16,185,129,.3),0 4px 14px rgba(16,185,129,.45),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.pillar--sites .btn--primary:hover{box-shadow:0 2px 4px rgba(16,185,129,.4),0 8px 28px rgba(16,185,129,.6),inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(255,255,255,.12)}
.pillar--store .btn--primary{background:linear-gradient(135deg,#C084FC 0%,#A855F7 55%,#9333EA 100%);box-shadow:0 1px 2px rgba(168,85,247,.3),0 4px 14px rgba(168,85,247,.45),inset 0 1px 0 rgba(255,255,255,.28),inset 0 0 0 1px rgba(255,255,255,.08)}
.pillar--store .btn--primary:hover{box-shadow:0 2px 4px rgba(168,85,247,.4),0 8px 28px rgba(168,85,247,.6),inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(255,255,255,.12)}
.pillar--consult .btn--primary{background:linear-gradient(135deg,#FBBF24 0%,#F59E0B 55%,#D97706 100%);color:#0F172A;box-shadow:0 1px 2px rgba(245,158,11,.35),0 4px 14px rgba(245,158,11,.5),inset 0 1px 0 rgba(255,255,255,.4),inset 0 0 0 1px rgba(255,255,255,.15)}
.pillar--consult .btn--primary:hover{color:#0F172A;box-shadow:0 2px 4px rgba(245,158,11,.45),0 8px 28px rgba(245,158,11,.65),inset 0 1px 0 rgba(255,255,255,.45),inset 0 0 0 1px rgba(255,255,255,.2)}
.pillar--consult .btn--primary::before{background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%)}

/* WHY — light card grid */
.why{background:var(--bg-soft);padding-block:clamp(72px,9vw,120px)}
.why__inner{max-width:920px;margin:0 auto;text-align:center}
.why__inner .badge{margin-bottom:1.2rem}
.why__inner h2{font-size:clamp(32px,3.6vw,48px);color:var(--ink-0);margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.03em}
.why__inner h2 em{font-style:italic;color:var(--blue);font-weight:700}
.why__inner p{font-size:17px;color:var(--text-2);line-height:1.6;margin-bottom:1.2rem;max-width:62ch;margin-inline:auto}
.why__inner p b{color:var(--ink-0);font-weight:700}
.why__pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,5vw,56px);text-align:left}
.why__pillar{padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-xs);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.why__pillar:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.why__pillar .ic{width:44px;height:44px;border-radius:10px;background:var(--w-bg,var(--blue-bg));color:var(--w-tint,var(--blue));display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.why__pillar .ic svg{width:22px;height:22px}
.why__pillar h3{font-size:17px;font-weight:700;color:var(--ink-0);margin-bottom:.5rem;letter-spacing:-.01em}
.why__pillar p{font-size:14.5px;color:var(--text-2);line-height:1.55}
.why__pillar.w1{--w-tint:var(--blue);--w-bg:var(--blue-bg)}
.why__pillar.w2{--w-tint:var(--green);--w-bg:var(--green-bg)}
.why__pillar.w3{--w-tint:var(--gold);--w-bg:var(--gold-bg)}

/* TRUST */
.trust{padding-block:clamp(48px,6vw,80px);background:var(--bg);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.trust__head{text-align:center;margin-bottom:2rem}
.trust__head h3{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.trust__logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(2rem,5vw,3.5rem);opacity:.6}
.trust__logos span{font-size:16px;font-weight:600;color:var(--text-2);letter-spacing:-.01em}
.trust__numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--line-soft)}
.trust__num{text-align:center}
.trust__num b{font-size:clamp(28px,3.4vw,40px);font-weight:700;color:var(--ink-0);letter-spacing:-.025em;display:block;line-height:1}
.trust__num small{font-size:12.5px;color:var(--text-3);margin-top:.6rem;display:block;font-weight:500;letter-spacing:.01em}

/* RECEIPTS — light testimonial cards */
.receipts{padding-block:clamp(72px,9vw,120px);background:var(--bg-soft)}
.receipts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.receipt{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:28px;display:flex;flex-direction:column;gap:1.4rem;box-shadow:var(--shadow-xs);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.receipt:hover{transform:translateY(-3px)}
.receipt.r-voice:hover{box-shadow:0 12px 32px rgba(37,99,235,.25),0 4px 12px rgba(37,99,235,.14);border-color:rgba(37,99,235,.4)}
.receipt.r-sites:hover{box-shadow:0 12px 32px rgba(16,185,129,.25),0 4px 12px rgba(16,185,129,.14);border-color:rgba(16,185,129,.4)}
.receipt.r-consult:hover{box-shadow:0 12px 32px rgba(245,158,11,.25),0 4px 12px rgba(245,158,11,.14);border-color:rgba(245,158,11,.4)}
.receipt.r-store:hover{box-shadow:0 12px 32px rgba(168,85,247,.25),0 4px 12px rgba(168,85,247,.14);border-color:rgba(168,85,247,.4)}
.receipt__tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--r-tint,var(--blue));background:var(--r-tint-bg,var(--blue-bg));padding:5px 12px;border-radius:var(--r-pill);align-self:flex-start}
.receipt__quote{font-size:16px;font-weight:500;color:var(--ink-0);line-height:1.5;letter-spacing:-.005em}
.receipt__who{display:flex;align-items:center;gap:.85rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--line-soft)}
.receipt__av{width:42px;height:42px;border-radius:50%;flex:none;overflow:hidden;background:var(--bg-tint)}
.receipt__av img{width:100%;height:100%;object-fit:cover}
.receipt__meta{display:flex;flex-direction:column;line-height:1.2}
.receipt__meta .name{font-weight:700;font-size:14px;color:var(--ink-0)}
.receipt__meta .role{font-size:12px;color:var(--text-3);margin-top:2px}
.r-voice{--r-tint:var(--blue);--r-tint-bg:var(--blue-bg)}
.r-sites{--r-tint:var(--green);--r-tint-bg:var(--green-bg)}
.r-consult{--r-tint:var(--gold);--r-tint-bg:var(--gold-bg)}
.r-store{--r-tint:var(--purple);--r-tint-bg:var(--purple-bg)}

/* SIGNAL — dark card on light ground */
.signal{padding-block:clamp(56px,7vw,96px);background:var(--bg)}
.signal__card{background:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);color:#fff;border-radius:var(--r-card-lg);padding:clamp(40px,5vw,72px);position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,4vw,56px);align-items:center;box-shadow:var(--shadow-lg)}
.signal__card::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 360px at 80% -10%,rgba(37,99,235,.5),transparent 60%),radial-gradient(500px 280px at 0% 110%,rgba(168,85,247,.2),transparent 60%);pointer-events:none}
.signal__copy{position:relative}
.signal__copy .badge{color:var(--blue-tint);margin-bottom:1.2rem}
.signal__copy h2{font-size:clamp(28px,3.4vw,40px);color:#fff;margin-bottom:1rem;letter-spacing:-.025em;line-height:1.1}
.signal__copy h2 em{font-style:italic;color:var(--blue-tint);font-weight:700}
.signal__copy p{font-size:16px;color:rgba(255,255,255,.75);line-height:1.55;max-width:42ch}
.signal__form{position:relative;display:flex;flex-direction:column;gap:.7rem}
.signal__row{display:flex;gap:.6rem;flex-wrap:wrap}
.signal__form input{flex:1;min-width:200px;min-height:52px;padding:0 1.2rem;border-radius:var(--r-btn);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-family:inherit;font-size:15px}
.signal__form input::placeholder{color:rgba(255,255,255,.45)}
.signal__form input:focus{outline:none;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.12)}
.signal__form .btn--primary{background:#fff;color:var(--ink-0);box-shadow:0 1px 2px rgba(0,0,0,.15),0 4px 14px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.6)}
.signal__form .btn--primary:hover{background:#F8FAFC;color:var(--ink-0);transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2),0 8px 24px rgba(255,255,255,.18)}
.signal__form .btn--primary::before{display:none}
.signal__fine{font-size:12px;color:rgba(255,255,255,.5)}

/* LATEST — light blog cards */
.latest{padding-block:clamp(72px,9vw,120px);background:var(--bg)}
.latest__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:clamp(28px,3vw,40px);flex-wrap:wrap}
.latest__head h2{font-size:clamp(28px,3.2vw,40px);color:var(--ink-0);letter-spacing:-.025em}
.latest__head h2 em{font-style:italic;color:var(--blue);font-weight:700}
.latest__head .seeall{display:inline-flex;align-items:center;gap:.4em;font-size:14px;font-weight:600;color:var(--blue)}
.latest__head .seeall svg{width:14px;height:14px;transition:transform .25s}
.latest__head .seeall:hover svg{transform:translateX(3px)}
.latest__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.post{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s;display:flex;flex-direction:column;text-decoration:none;color:inherit}
.post:hover{transform:translateY(-4px)}
.post.p-voice:hover{box-shadow:0 14px 36px rgba(37,99,235,.30),0 4px 14px rgba(37,99,235,.18);border-color:rgba(37,99,235,.45)}
.post.p-sites:hover{box-shadow:0 14px 36px rgba(16,185,129,.30),0 4px 14px rgba(16,185,129,.18);border-color:rgba(16,185,129,.45)}
.post.p-store:hover{box-shadow:0 14px 36px rgba(168,85,247,.30),0 4px 14px rgba(168,85,247,.18);border-color:rgba(168,85,247,.45)}
.post.p-consult:hover{box-shadow:0 14px 36px rgba(245,158,11,.30),0 4px 14px rgba(245,158,11,.18);border-color:rgba(245,158,11,.45)}
.post__media{aspect-ratio:5/3;background:var(--bg-tint);overflow:hidden}
.post__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.post:hover .post__media img{transform:scale(1.05)}
.post__body{padding:20px 22px 24px;flex:1;display:flex;flex-direction:column;gap:.4rem}
.post__cat{font-size:11px;font-weight:600;color:var(--text-3);letter-spacing:.08em;text-transform:uppercase}
.post.p-voice .post__cat{color:var(--blue)}
.post.p-sites .post__cat{color:var(--green)}
.post.p-store .post__cat{color:var(--purple)}
.post.p-consult .post__cat{color:var(--gold)}
.post h3{font-size:16px;font-weight:700;color:var(--ink-0);line-height:1.3;letter-spacing:-.015em;margin-top:.2rem}
.post p{font-size:12.5px;color:var(--text-3);font-weight:500;margin-top:auto;padding-top:.4rem}

/* FINAL CTA — dropship's signature closing pattern */
.final-cta{padding-block:clamp(80px,10vw,140px);background:var(--bg-soft);text-align:center;position:relative;overflow:hidden}
.final-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 540px at 50% 0%,rgba(37,99,235,.08),transparent 60%);pointer-events:none}
.final-cta__inner{max-width:720px;margin:0 auto;position:relative}
.final-cta .badge{margin-bottom:1.4rem}
.final-cta h2{font-size:clamp(36px,4.4vw,60px);color:var(--ink-0);margin-bottom:1.2rem;letter-spacing:-.03em;line-height:1.05;max-width:18ch;margin-inline:auto}
.final-cta h2 em{font-style:italic;color:var(--blue);font-weight:700}
.final-cta p{font-size:18px;color:var(--text-2);max-width:50ch;margin:0 auto 2rem;line-height:1.55}
.final-cta__row{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}

/* FOOTER */
.foot{background:#0F172A;color:rgba(255,255,255,.75);padding-block:64px 32px}
.foot__row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:clamp(20px,3vw,40px);margin-bottom:3rem}
.foot__brand .brand{color:#fff}
.foot__brand .brand small{color:rgba(255,255,255,.5)}
.foot__brand p{font-size:14px;margin-top:1rem;color:rgba(255,255,255,.55);max-width:32ch;line-height:1.5}
.foot__brand .social{display:flex;gap:.6rem;margin-top:1.4rem}
.foot__brand .social a{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s}
.foot__brand .social a:hover{background:rgba(255,255,255,.1);border-color:rgba(37,99,235,.4)}
.foot__col h4{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:1.1rem}
.foot__col a{display:block;font-size:14px;color:rgba(255,255,255,.75);margin-bottom:.6rem;transition:color .2s}
.foot__col a:hover{color:#fff}
.foot__col--products a{display:flex;align-items:center;gap:.55rem}
.foot__col--products a::before{content:"";width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.25);flex:none;transition:background .2s,transform .25s var(--ease)}
.foot__col--products a:hover::before{transform:scale(1.25)}
.foot__col--products a[href="/voice"]::before{background:var(--blue)}
.foot__col--products a[href="/sites"]::before{background:var(--green)}
.foot__col--products a[href="/store"]::before{background:var(--purple)}
.foot__col--products a[href="/consult"]::before{background:var(--gold)}
.foot__legal{padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);font-size:12px;color:rgba(255,255,255,.5);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}
.foot__legal a{color:rgba(255,255,255,.55)}
.foot__legal a:hover{color:#fff}

/* Reveal + keyframes */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.in{opacity:1;transform:none}
@keyframes fadeIn{to{opacity:1}}
@keyframes fadeUp{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.reveal,.hero__badge,.hero h1,.hero h1 em,.hero__lead,.hero__cta,.hero__note,.hero__carousel{opacity:1;transform:none;animation:none}}

/* Responsive */
@media(max-width:1080px){
  .hero h1{font-size:clamp(36px,7vw,56px)}
  .hero__carousel-track{grid-template-columns:repeat(2,1fr)}
  .doors__grid{grid-template-columns:1fr}
  .pillar__features{grid-template-columns:1fr}
  .pillar__wordmark{font-size:clamp(120px,28vw,220px)}
  .why__pillars{grid-template-columns:1fr}
  .trust__numbers{grid-template-columns:repeat(2,1fr)}
  .receipts__grid{grid-template-columns:1fr}
  .signal__card{grid-template-columns:1fr;text-align:left}
  .latest__grid{grid-template-columns:repeat(2,1fr)}
  .foot__row{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  .announce{position:relative;min-height:0}
  .announce__row{grid-template-columns:1fr;gap:.3rem;padding-block:.7rem;text-align:center;min-height:0}
  .announce__left,.announce__center,.announce__right{justify-self:center}
  .announce__lbl{display:none}
  .nav{top:0}
}
@media(max-width:520px){
  .announce__left,.announce__right{display:none}
  .announce__row{padding-block:.55rem}
}
@media(max-width:680px){
  .nav__links{display:none}
  .nav__cta .btn--ghost{display:none}
  .nav__toggle{display:flex}
  .nav__links.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:1rem clamp(20px,4vw,32px)}
  .nav__links.open a{padding:.85rem 0;border-bottom:1px solid var(--line-soft)}
  .hero{padding-top:40px;padding-bottom:32px}
  .hero h1{font-size:clamp(32px,9vw,48px)}
  .hero__carousel-track{grid-template-columns:1fr 1fr;gap:10px}
  .trust__numbers{grid-template-columns:1fr 1fr}
  .receipts__grid{grid-template-columns:1fr}
  .latest__grid{grid-template-columns:1fr}
  .foot__row{grid-template-columns:1fr}
}
