/* ============================================================
   V4 THEME OVERRIDES — shared design system of the new landing
   Loaded AFTER each page's inline styles; remaps the old token
   names to the v4 palette and aligns nav/footer/component
   geometry so every page matches the new index.
   ============================================================ */

:root{
  --bg:#0a0b09;
  --bg-2:#0e100c;
  --panel:#121410;
  --ink:#f2f3ec;
  --ink-2:#9ba095;
  --line:rgba(242,243,236,.09);
  --line-2:rgba(242,243,236,.18);
  --accent:#c6ff4a;
  --accent-2:#ff6a3d;
}
[data-theme="light"]{
  --bg:#f4f3ee;
  --bg-2:#ecebe4;
  --panel:#ffffff;
  --ink:#0d0e0c;
  --ink-2:#63665a;
  --line:rgba(13,14,12,.12);
  --line-2:rgba(13,14,12,.26);
  --accent:#c6ff4a;
  --accent-2:#c24a1f;
}

/* ---------- NAV ---------- */
.nav{background:rgba(10,11,9,.78);backdrop-filter:blur(14px)}
[data-theme="light"] .nav{background:rgba(244,243,238,.82)}
.nav-inner{height:64px}
.nav-links a{border-radius:99px;padding:9px 13px;letter-spacing:.1em}
.nav-cta{border-radius:99px;padding:10px 18px;background:var(--accent);color:#0a0b09;border:1px solid transparent;font-weight:600;transition:transform .2s}
.nav-cta:hover{background:var(--accent);color:#0a0b09;transform:scale(1.05)}
[data-theme="light"] .nav-cta{background:var(--accent);color:#0a0b09;border-color:transparent}
[data-theme="light"] .nav-cta:hover{background:var(--accent);color:#0a0b09}
.dd-menu{border-radius:14px;padding:8px 0;box-shadow:0 18px 44px rgba(0,0,0,.35)}
.dd-menu a{padding:10px 18px}
.theme-toggle{border-radius:99px;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center}
.mobile-menu-btn{border-radius:99px}
.logo-sub{color:var(--ink-2)}

/* ---------- BUTTONS & FORMS ---------- */
.btn{border-radius:99px;padding:15px 26px}
.form-submit{border-radius:99px}
.form input,.form textarea{border-radius:10px}
.pill,.hero-meta-top .pill{border-radius:99px}

/* ---------- CARDS & PANELS (geometry only) ---------- */
.pains,.pain-kicker,.feat-stats,.review,.reasons,.reason,.process,.case,
.numbers,.fit-col,.fit-foot,.pricing,.price,.form,.hero-side,.video,
.portrait-mek,.faq-item,.card,.panel,.stat-box{border-radius:18px}
.case{overflow:hidden}

/* ---------- FOOTER ---------- */
footer{background:var(--bg-2)}
.foot-cols h4{color:var(--accent)}
[data-theme="light"] .foot-cols h4{color:#3f7000}
.foot-cols a:hover{color:var(--accent)}
[data-theme="light"] .foot-cols a:hover{color:#3f7000;background:transparent;padding:0;margin:0}