/* ===== HOME ===== */
.sec-head { max-width: 640px; margin: 0 auto var(--s7); text-align: center; }
.sec-head-row { display:flex; justify-content:space-between; align-items:flex-end; gap:var(--s5); margin-bottom: var(--s7); flex-wrap:wrap; }
.sec-h2 { font-size: clamp(1.9rem, 5vw, 3.2rem); letter-spacing:-.025em; }
.sec-lead { font-size: 1.14rem; margin-top: 14px; line-height:1.55; }
.eyebrow--dark { color: var(--gold-deep); }

/* hero */
.hero { position: relative; overflow: hidden; padding: clamp(56px,9vw,120px) 0 clamp(64px,8vw,110px); background: var(--ink); }
.hero-glow { position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(760px 460px at 16% 8%, rgba(255,206,31,.16), transparent 60%),
    radial-gradient(680px 520px at 92% 30%, rgba(37,99,235,.16), transparent 62%),
    radial-gradient(600px 500px at 60% 120%, rgba(229,25,75,.10), transparent 60%);
}
.hero-inner { position: relative; z-index:2; display:grid; grid-template-columns: 1.1fr .9fr; gap: clamp(28px,5vw,72px); align-items:center; }
.hero-h1 { font-size: clamp(2.7rem, 7vw, 5.6rem); line-height:.94; letter-spacing:-.035em; }
.hero-h1 .hl { color: var(--gold); }
.hero-lead { margin: var(--s5) 0 var(--s6); max-width: 52ch; }
.hero-cta { gap:14px; }
.hero-proof { display:flex; gap: clamp(20px,4vw,44px); margin-top: var(--s7); }
.hero-proof div { display:flex; flex-direction:column; }
.hero-proof b { font-family: var(--display); font-weight:800; font-size: clamp(1.5rem,3vw,2.1rem); color: var(--on-dark); }
.hero-proof span { font-size:.82rem; color: var(--on-dark-dim); font-family:var(--mono); letter-spacing:.06em; }

.hero-card { display:block; background: linear-gradient(180deg, var(--surface), var(--ink-2)); border:1px solid var(--line-2);
  border-radius: var(--radius-lg); padding: var(--s6); box-shadow: 0 30px 70px rgba(0,0,0,.55); transition: transform .2s var(--ease), box-shadow .2s; }
.hero-card:hover { transform: translateY(-5px); box-shadow: 0 40px 90px rgba(0,0,0,.6); }
.hero-card-top { display:flex; gap:8px; margin-bottom: var(--s5); }
.hero-card-prize { font-family:var(--display); font-weight:800; font-size: clamp(1.8rem,3.4vw,2.6rem); line-height:.95; text-transform:uppercase; letter-spacing:-.02em; }
.hero-card-prize .num { color: var(--gold); }
.hero-card-sub { color: var(--on-dark-mut); margin: 12px 0 var(--s5); font-size:.96rem; }
.hero-card-odo { font-family: var(--mono); font-variant-numeric:tabular-nums; font-size: clamp(2.2rem,5vw,3.2rem); font-weight:500; color: var(--gold);
  background: rgba(255,206,31,.08); border:1px solid rgba(255,206,31,.25); border-radius:12px; padding:10px 16px; text-align:center; letter-spacing:.04em; }
.hero-card-lbl { font-family:var(--mono); font-size:.66rem; letter-spacing:.14em; text-transform:uppercase; color: var(--on-dark-dim); text-align:center; margin-top:10px; }
.hero-card-foot { display:flex; justify-content:space-between; margin-top: var(--s5); padding-top: var(--s4); border-top:1px solid var(--line); font-family:var(--display); font-weight:700; color: var(--gold); }
@media (max-width: 880px){ .hero-inner{ grid-template-columns:1fr; } .hero-card{ order:-1; } }

/* pillars */
.pillars { margin-top: var(--s6); }
.pillar { display:block; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius: var(--radius-lg); padding: var(--s6); color: var(--on-light);
  transition: transform .18s var(--ease), box-shadow .18s, border-color .18s; position:relative; overflow:hidden; }
.pillar::before { content:""; position:absolute; left:0; top:0; height:4px; width:100%; background: var(--pc); transform: scaleX(0); transform-origin:left; transition: transform .25s var(--ease); }
.pillar:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,.1); }
.pillar:hover::before { transform: scaleX(1); }
.pillar-icon { width:54px; height:54px; border-radius:14px; background: color-mix(in srgb, var(--pc) 14%, #fff); display:flex; align-items:center; justify-content:center; font-size:1.7rem; margin-bottom: var(--s4); }
.pillar h3 { font-size:1.4rem; }
.pillar p { color: var(--on-light-mut); font-size:.98rem; margin:10px 0 var(--s5); }
.pillar-go { font-family:var(--display); font-weight:700; color: var(--pc); font-size:.95rem; }

/* feature strip */
.feature-strip { padding: clamp(64px,8vw,120px) 0; }
.feat-grid { align-items:center; gap: clamp(32px,5vw,72px); }
.feat-list { list-style:none; padding:0; margin: var(--s6) 0; display:grid; gap:16px; }
.feat-list li { position:relative; padding-left: 30px; color: var(--on-dark-mut); }
.feat-list li::before { content:"⚡"; position:absolute; left:0; top:0; }
.feat-list b { color: var(--on-dark); }
.feat-media { display:flex; justify-content:center; }
.feat-phone { width: 300px; max-width:100%; background: radial-gradient(500px 300px at 50% 0%, rgba(255,206,31,.18), transparent), var(--ink-2);
  border:1px solid var(--line-2); border-radius: 28px; padding: var(--s7) var(--s6); text-align:center; box-shadow: 0 30px 70px rgba(0,0,0,.5); }
.feat-phone-prize { font-family:var(--display); font-weight:800; font-size:1.7rem; line-height:.95; text-transform:uppercase; }
.feat-phone-odo { font-family:var(--mono); font-variant-numeric:tabular-nums; font-size:2.6rem; color:var(--gold); margin: var(--s5) 0; letter-spacing:.05em; }
.feat-phone-cd { font-family:var(--mono); font-size:1.1rem; color:var(--on-dark-mut); letter-spacing:.1em; }
.feat-phone-cd span { background: var(--ink); border:1px solid var(--line); border-radius:6px; padding:4px 6px; }
.feat-phone-btn { margin-top: var(--s6); background: var(--gold); color: var(--gold-ink); font-family:var(--display); font-weight:700; padding: 14px; border-radius: 999px; }

/* video grid */
.vid-grid { margin-top: var(--s5); }
.vid-card { display:block; color: var(--on-light); transition: transform .16s var(--ease); }
.vid-card:hover { transform: translateY(-4px); }
.vid-thumb { position:relative; border-radius: var(--radius); overflow:hidden; aspect-ratio:16/9; box-shadow: 0 6px 18px rgba(0,0,0,.12); }
.vid-thumb img { width:100%; height:100%; object-fit:cover; transition: transform .3s var(--ease); }
.vid-card:hover .vid-thumb img { transform: scale(1.05); }
.vid-dur { position:absolute; right:8px; bottom:8px; background: rgba(0,0,0,.82); color:#fff; font-family:var(--mono); font-size:.72rem; padding:3px 7px; border-radius:6px; }
.vid-meta h3 { font-size:1.02rem; margin:12px 0 4px; line-height:1.2; }
.vid-meta span { font-size:.82rem; }

/* shop grid */
.shop-strip { padding: clamp(64px,8vw,110px) 0; }
.shop-card { display:block; background: var(--surface); border:1px solid var(--line); border-radius: var(--radius); overflow:hidden; transition: transform .16s var(--ease), border-color .16s; }
.shop-card:hover { transform: translateY(-4px); border-color: var(--pc); }
.shop-img { aspect-ratio:1; background: color-mix(in srgb, var(--pc) 16%, var(--ink-2)); display:flex; align-items:center; justify-content:center; padding: 18px; }
.shop-img img { width:100%; height:100%; object-fit:contain; filter: drop-shadow(0 12px 20px rgba(0,0,0,.35)); }
.shop-meta { display:flex; justify-content:space-between; align-items:center; padding: 14px 16px; }
.shop-meta h3 { font-size:1rem; }
.shop-meta span { font-family:var(--mono); color:var(--gold); }

/* lab teaser */
.lab-teaser { padding: clamp(64px,8vw,110px) 0; }
.ab-mini { display:flex; align-items:center; gap: 14px; }
.ab-mini-card { flex:1; background:#fff; border:1px solid rgba(0,0,0,.1); border-radius: var(--radius); overflow:hidden; box-shadow:0 12px 30px rgba(0,0,0,.1); position:relative; }
.ab-mini-card img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.ab-mini-bar { height:8px; background: rgba(0,0,0,.08); }
.ab-mini-bar span { display:block; height:100%; background: var(--cobalt); }
.ab-mini-bar.cherry span { background: var(--cherry); }
.ab-mini-card b { position:absolute; right:10px; top:10px; background: rgba(0,0,0,.8); color:#fff; font-family:var(--mono); font-size:.8rem; padding:3px 8px; border-radius:6px; }
.ab-vs { font-family:var(--display); font-weight:800; color: var(--on-light-mut); }

/* newsletter */
.news { padding: clamp(56px,7vw,96px) 0; }
.news-inner { display:grid; grid-template-columns: 1.3fr 1fr; gap: var(--s7); align-items:center; }
.news-form { display:flex; gap:10px; }
.news-form .field { flex:1; background:#fff; color: var(--on-light); border-color: rgba(0,0,0,.2); }
@media (max-width:760px){ .news-inner{ grid-template-columns:1fr; } }

/* stats */
.stats { padding: clamp(56px,7vw,96px) 0; }
.stat-grid { margin-top: var(--s5); }
.stat { text-align:center; background: var(--surface); border:1px solid var(--line); border-radius: var(--radius); padding: var(--s6) var(--s4); }
.stat b { display:block; font-family:var(--display); font-weight:800; font-size: clamp(2rem,4vw,2.8rem); color: var(--gold); }
.stat span { font-size:.86rem; color: var(--on-dark-mut); }