/* ============================================================
   Orbit — Landing site stylesheet (Kids vs Monsters campaign)
   Design system v2 — cleaner, calmer, conversion-focused.
   Keeps every class/id the page + script.js depend on.
   ============================================================ */
:root{
  --bg:#05070e;
  --bg-soft:#080c16;
  --panel:#0d1526;
  --panel-2:#0a0f1d;
  --panel-3:#111b31;
  --line:rgba(148,163,184,.14);
  --line-strong:rgba(148,163,184,.28);
  --cyan:#22d3ee;
  --cyan-2:#0ea5e9;
  --blue:#3b82f6;
  --mint:#2dd4a7;
  --mint-2:#14b8a6;
  --coral:#ff5470;
  --coral-2:#ff8a5c;
  --text:#e7eefb;
  --text-2:#c7d4ea;
  --muted:#8b9cb8;
  --muted-2:#64748b;
  --ok:#2dd4a7;
  --danger:#ff5470;
  --shadow-card:0 10px 30px rgba(2,6,16,.45);
  --glow-cyan:0 0 0 1px rgba(34,211,238,.35),0 14px 40px -12px rgba(34,211,238,.35);
  --r-sm:10px; --r-md:16px; --r-lg:22px; --r-xl:28px;
  --font:'Segoe UI',system-ui,-apple-system,'Inter','Helvetica Neue',Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);color:var(--text);line-height:1.65;
  background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  background-image:
    radial-gradient(1000px 560px at 82% -12%, rgba(34,211,238,.09), transparent 62%),
    radial-gradient(820px 520px at -12% 108%, rgba(59,130,246,.10), transparent 60%),
    radial-gradient(640px 420px at 108% 88%, rgba(255,84,112,.05), transparent 60%);
  background-attachment:fixed;
}
button{font-family:inherit;cursor:pointer}
a{color:var(--cyan);text-decoration:none}
img{max-width:100%}
::selection{background:rgba(34,211,238,.32);color:#fff}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
section{scroll-margin-top:84px}

/* ---------------- shared type ---------------- */
.sec-head{text-align:center;max-width:760px;margin:0 auto 52px}
.sec-head .kicker{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11.5px;font-weight:800;letter-spacing:2.6px;text-transform:uppercase;
  color:var(--cyan);margin-bottom:14px;
}
.sec-head .kicker::before,.sec-head .kicker::after{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.5))}
.sec-head .kicker::after{background:linear-gradient(90deg,rgba(34,211,238,.5),transparent)}
.sec-head h2{font-size:clamp(1.7rem,3.8vw,2.5rem);font-weight:800;letter-spacing:-.4px;line-height:1.18;color:#f2f7ff}
.sec-head p{color:var(--muted);margin-top:12px;font-size:15.5px}

/* ---------------- NAV ---------------- */
nav{
  position:sticky;top:0;z-index:1200;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px clamp(16px,4vw,32px);
  background:rgba(5,7,14,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:2.6px;font-size:17px;color:#f2f7ff;white-space:nowrap}
.brand img{width:30px;height:30px;border-radius:9px;object-fit:contain;filter:drop-shadow(0 0 6px rgba(34,211,238,.4))}
.brand small{color:var(--muted);font-weight:500;letter-spacing:.5px;font-size:11px;margin-left:2px}
.nav-links{display:flex;align-items:center;gap:26px;font-size:13.5px;font-weight:600}
.nav-links a{color:var(--muted);transition:.15s;padding:4px 0;border-bottom:1px solid transparent}
.nav-links a:hover{color:var(--text);border-color:rgba(34,211,238,.6)}
.nav-actions{display:flex;align-items:center;gap:10px}
.nav-cta{
  display:inline-block;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:800;
  color:#04121a;background:linear-gradient(120deg,#67e8f9,#22d3ee 45%,#0ea5e9);
  box-shadow:0 4px 18px -6px rgba(34,211,238,.55);transition:.18s;border:none;white-space:nowrap;
}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 8px 26px -6px rgba(34,211,238,.7)}
.nav-cta.monster{
  color:#2b0710;background:linear-gradient(120deg,#ff8a8f,#ff5470 60%,#ff3d5e);
  box-shadow:0 4px 16px -6px rgba(255,84,112,.6);
}
.nav-cta.monster:hover{box-shadow:0 8px 24px -6px rgba(255,84,112,.8)}
.nav-cta.quiet{
  color:var(--text-2);background:transparent;border:1px solid var(--line-strong);box-shadow:none;
}
.nav-cta.quiet:hover{border-color:var(--cyan);color:#fff}

/* ---------------- BUTTONS ---------------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border:none;border-radius:13px;padding:14px 26px;font-size:15px;font-weight:800;letter-spacing:.2px;
  color:var(--text);text-decoration:none;cursor:pointer;transition:.18s;line-height:1.2;white-space:nowrap;
}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid rgba(34,211,238,.7);outline-offset:2px}
.btn.primary{
  color:#03121c;background:linear-gradient(120deg,#67e8f9,#22d3ee 48%,#0ea5e9);
  box-shadow:0 6px 22px -8px rgba(34,211,238,.6);
}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(34,211,238,.75)}
.btn.ghost{background:rgba(34,211,238,.05);border:1px solid rgba(34,211,238,.34);color:#d9f6fb}
.btn.ghost:hover{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.12);transform:translateY(-2px)}
/* Kid = soft mint outline · Monster = filled coral */
.btn.kid{background:rgba(45,212,167,.07);border:1px solid rgba(45,212,167,.4);color:#d3f9ee}
.btn.kid:hover{border-color:var(--mint);box-shadow:0 0 0 3px rgba(45,212,167,.14);transform:translateY(-2px)}
.btn.monster{
  color:#20050d;background:linear-gradient(120deg,#ff8a8f,#ff5470 55%,#ff3d5e);
  box-shadow:0 8px 24px -8px rgba(255,84,112,.65);
}
.btn.monster:hover{transform:translateY(-2px);box-shadow:0 14px 34px -8px rgba(255,84,112,.8)}
.btn.small{padding:9px 16px;font-size:13px;border-radius:10px}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
a.btn{text-decoration:none;text-align:center}

/* ---------------- HERO ---------------- */
.hero{padding:92px 0 40px;text-align:center;position:relative;overflow:clip}
.hero .orbit-badge{
  display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;
  font-size:11.5px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;
  color:#bfefff;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.3);
  margin-bottom:26px;backdrop-filter:blur(4px);
}
.hero h1{
  font-size:clamp(2.5rem,7.2vw,4.7rem);font-weight:900;line-height:1.05;letter-spacing:-1.4px;
  color:#f5f9ff;max-width:840px;margin:0 auto;
}
.hero h1 .grad{
  background:linear-gradient(115deg,#7ce7fb,#22d3ee 42%,#2f7bff 90%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
}
.hero p.lead{max-width:660px;margin:24px auto 0;font-size:clamp(1.02rem,2.1vw,1.22rem);color:var(--muted)}
.hero p.lead b{color:var(--text-2)}
.hero-actions{
  display:flex;gap:14px;justify-content:center;align-items:stretch;flex-wrap:wrap;margin-top:34px;
}
.cta-col{display:flex;flex-direction:column;align-items:center;gap:9px;max-width:330px}
.cta-col .btn{width:100%}
.cta-sub{font-size:12px;color:var(--muted);line-height:1.45;max-width:320px}
.hero-trust{
  display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin:30px auto 0;padding:0;
  list-style:none;
}
.hero-trust li{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;font-weight:600}
.hero-trust li::before{content:"✓";color:var(--mint);font-weight:900}
/* product mock */
.hero-glow{
  margin:52px auto 0;max-width:880px;border-radius:var(--r-lg);padding:1px;
  background:linear-gradient(140deg,rgba(34,211,238,.45),rgba(148,163,184,.08) 38%,rgba(59,130,246,.3));
  box-shadow:0 24px 70px -24px rgba(2,6,16,.9);
}
.hero-glow .mock{
  border-radius:calc(var(--r-lg) - 1px);background:linear-gradient(180deg,#0c1424,#080c17);
  padding:10px;text-align:left;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;
}
.mock .m-card{
  position:relative;overflow:hidden;background:linear-gradient(180deg,#101b31,#0a1120);
  border:1px solid rgba(148,163,184,.14);border-radius:calc(var(--r-md) - 4px);padding:22px 20px;
  transition:.2s;
}
.mock .m-card:hover{border-color:rgba(148,163,184,.3);transform:translateY(-2px)}
.mock .m-card::after{
  content:"";position:absolute;inset:auto -30% -60% -30%;height:80%;
  background:radial-gradient(50% 60% at 50% 100%,rgba(34,211,238,.14),transparent 70%);
  pointer-events:none;
}
.mock .m-card.kid-card::after{background:radial-gradient(50% 60% at 50% 100%,rgba(45,212,167,.14),transparent 70%)}
.mock .m-card.monster-card::after{background:radial-gradient(50% 60% at 50% 100%,rgba(255,84,112,.16),transparent 70%)}
.mock .m-card .m-ico{
  width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;
  font-size:20px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.28);
}
.mock .m-card.kid-card .m-ico{background:rgba(45,212,167,.1);border-color:rgba(45,212,167,.3)}
.mock .m-card.monster-card .m-ico{background:rgba(255,84,112,.1);border-color:rgba(255,84,112,.32)}
.mock .m-card h4{font-size:14px;font-weight:800;color:#f2f7ff;margin:13px 0 6px;letter-spacing:.3px}
.mock .m-card p{font-size:12.5px;color:var(--muted);line-height:1.55}
.mock .m-bar{height:6px;border-radius:6px;margin-top:12px;background:rgba(148,163,184,.12);overflow:hidden;position:relative}
.mock .m-bar::after{content:"";position:absolute;inset:0 35% 0 0;border-radius:6px;background:linear-gradient(90deg,#22d3ee,#2f7bff);animation:pulseBar 2.6s ease-in-out infinite}
.mock .m-card.kid-card .m-bar::after{background:linear-gradient(90deg,#2dd4a7,#14b8a6)}
.mock .m-card.monster-card .m-bar::after{background:linear-gradient(90deg,#ff5470,#ff8a5c);inset:0 6% 0 0}
@keyframes pulseBar{0%,100%{opacity:.5}50%{opacity:1}}
/* demo video (single embed) */
.video-container{max-width:820px;margin:26px auto 0;padding:1px;border-radius:var(--r-lg);background:linear-gradient(140deg,rgba(34,211,238,.4),rgba(148,163,184,.06) 40%,rgba(59,130,246,.32));box-shadow:0 26px 80px -30px rgba(2,6,16,.95)}
.video-container iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:calc(var(--r-lg) - 1px);background:#04060c}
[hidden]{display:none!important}
#storeModeNote{text-align:center;margin-top:22px}

/* ---------------- SECTIONS ---------------- */
.features{padding:86px 0}
.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:6px}
.pain-item{
  position:relative;padding:22px 22px 22px 56px;border-radius:var(--r-md);
  background:linear-gradient(180deg,#12101f,#0b0d1a);border:1px solid rgba(255,84,112,.22);
}
.pain-item .pain-x{
  position:absolute;left:20px;top:22px;width:24px;height:24px;border-radius:8px;
  background:rgba(255,84,112,.1);border:1px solid rgba(255,84,112,.45);
  color:var(--danger);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;
}
.pain-item p{font-size:14px;color:var(--muted);line-height:1.55}
.pain-item p strong{color:#f2f7ff;display:block;margin-bottom:3px;font-size:14.5px}
.pain-close{margin:34px auto 0;max-width:660px;text-align:center;font-size:clamp(1.12rem,2.4vw,1.45rem);font-weight:700;color:#e9f1ff;line-height:1.5}
.pain-close b{color:var(--cyan);font-weight:800}
.pain-close .kicker{margin-bottom:12px}

/* custody / privacy */
.custody-box{
  max-width:800px;margin:0 auto;padding:42px 40px;border-radius:var(--r-xl);text-align:center;
  background:linear-gradient(180deg,#0b1a17,#0a1310);
  border:1px solid rgba(45,212,167,.28);
  box-shadow:0 20px 60px -28px rgba(2,6,16,.9),inset 0 0 60px rgba(45,212,167,.03);
}
.custody-box p{font-size:15.5px;color:var(--muted);line-height:1.8;margin-top:14px}
.custody-box p:first-of-type{margin-top:0}
.custody-box b{color:#ecfdf8}
.custody-lead{font-size:16.5px}
.custody-box .fineprint{
  display:block;margin-top:22px;font-size:12px;color:var(--muted-2);line-height:1.6;
  border-top:1px dashed rgba(45,212,167,.25);padding-top:16px;
}

/* feature cards */
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.feature-card{
  position:relative;padding:28px 26px;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(180deg,#0e1728,#0a111f);
  border:1px solid var(--line);transition:.2s;
}
.feature-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.4);box-shadow:var(--shadow-card)}
.feature-card::before{
  content:"";position:absolute;inset:0;opacity:0;transition:.25s;pointer-events:none;
  background:radial-gradient(340px 160px at 50% -10%,rgba(34,211,238,.14),transparent 70%);
}
.feature-card:hover::before{opacity:1}
.feature-card .ico{
  width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-size:23px;margin-bottom:18px;background:rgba(34,211,238,.09);border:1px solid rgba(34,211,238,.24);
}
.feature-card h3{font-size:16.5px;font-weight:800;color:#f2f7ff;margin-bottom:8px;letter-spacing:.2px}
.feature-card p{font-size:13.8px;color:var(--muted);line-height:1.6}

/* ---------------- PRICING ---------------- */
.plan-grid{display:grid;gap:14px}
.pricing{padding-top:76px}
.pricing-sub{margin-top:12px;font-size:15.5px;color:var(--muted)}
.vs-grid{
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:860px;
  margin:40px auto 0;gap:22px;
}
.plan-card{
  position:relative;display:flex;flex-direction:column;gap:14px;padding:34px 30px 30px;border-radius:var(--r-xl);
  background:linear-gradient(180deg,#0e1728,#0a101e);
  border:1px solid var(--line);transition:.22s;
}
.plan-card:hover{transform:translateY(-3px)}
.plan-card .plan-tag{
  position:absolute;top:-13px;left:50%;transform:translateX(-50%);white-space:nowrap;
  padding:5px 14px;border-radius:999px;font-size:10.5px;font-weight:900;letter-spacing:1.5px;
  text-transform:uppercase;
}
.plan-card h4{font-size:16px;font-weight:800;letter-spacing:1.4px;color:#f2f7ff;text-transform:uppercase}
.plan-card .plan-price{font-size:34px;font-weight:900;color:#fff;letter-spacing:-1px;margin-top:2px;line-height:1.1}
.plan-card .plan-price small{font-size:13.5px;color:var(--muted);font-weight:600;letter-spacing:0}
.plan-card ul{list-style:none;flex:1;display:flex;flex-direction:column;gap:9px;margin:6px 0 4px}
.plan-card ul li{position:relative;padding-left:24px;font-size:13.8px;color:var(--text-2);line-height:1.5}
.plan-card ul li::before{content:"✓";position:absolute;left:0;top:0;font-weight:900}
.plan-card .btn{margin-top:8px;width:100%}
.plan-card .plan-note{font-size:12px;color:var(--muted);text-align:center;line-height:1.5}
.plan-card.kid-card{border-color:rgba(45,212,167,.32)}
.plan-card.kid-card:hover{box-shadow:0 16px 44px -18px rgba(45,212,167,.25)}
.plan-card.kid-card .plan-tag{color:#05251c;background:linear-gradient(120deg,#5eead4,#2dd4a7)}
.plan-card.kid-card .plan-price{color:#bdf5e6}
.plan-card.kid-card ul li::before{color:var(--mint)}
.plan-card.monster-card{border-color:rgba(255,84,112,.3)}
.plan-card.monster-card:hover{box-shadow:0 16px 44px -18px rgba(255,84,112,.3)}
.plan-card.monster-card .plan-tag{color:#2b0710;background:linear-gradient(120deg,#ff9db0,#ff5470)}
.plan-card.monster-card .plan-price{color:#ffc3cd}
.plan-card.monster-card ul li::before{color:var(--coral)}
.plan-card.monster-card.featured{
  border-color:rgba(255,84,112,.55);
  box-shadow:0 24px 70px -26px rgba(255,84,112,.45),0 0 0 1px rgba(255,84,112,.25);
  transform:translateY(-6px);
}
.plan-card.monster-card.featured:hover{box-shadow:0 30px 80px -26px rgba(255,84,112,.55)}
.plan-card.monster-card .btn.primary{background:linear-gradient(120deg,#ff8a8f,#ff5470 55%,#ff3d5e);color:#20050d;box-shadow:0 8px 22px -8px rgba(255,84,112,.7)}
.plan-card.monster-card .btn.primary:hover{box-shadow:0 14px 32px -8px rgba(255,84,112,.9)}
.vs-note{margin-top:24px;text-align:center;font-size:13.5px;color:var(--muted)}
.vs-note a{color:var(--cyan);font-weight:700}
.vs-note a:hover{text-decoration:underline}
.byok-note,.coupon-note{
  margin:26px auto 0;max-width:760px;padding:16px 20px;border-radius:var(--r-md);
  font-size:13.8px;color:var(--muted);background:rgba(34,211,238,.04);
  border:1px dashed rgba(34,211,238,.3);text-align:center;line-height:1.65;
}
.byok-note strong,.coupon-note strong{color:var(--text-2)}
.coupon-form{
  display:flex;gap:10px;max-width:400px;margin:18px auto 0;flex-wrap:wrap;justify-content:center;
}
.coupon-form input{
  flex:1;min-width:200px;padding:12px 16px;border-radius:12px;color:var(--text);
  background:#0a1120;border:1px solid rgba(148,163,184,.28);font-size:14px;letter-spacing:2px;
  text-transform:uppercase;font-weight:700;text-align:center;transition:.18s;
}
.coupon-form input::placeholder{letter-spacing:.3px;text-transform:none;font-weight:400;color:var(--muted-2)}
.coupon-form input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px rgba(34,211,238,.15)}

/* ---------------- SOCIAL PROOF ---------------- */
.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.proof-card{
  padding:28px 24px;border-radius:var(--r-lg);text-align:left;
  background:linear-gradient(180deg,#0e1728,#0a101e);border:1px solid var(--line);transition:.2s;
}
.proof-card:hover{border-color:rgba(34,211,238,.36);transform:translateY(-3px)}
.proof-card .proof-ico{font-size:24px;display:block;margin-bottom:14px}
.proof-card p{font-size:15px;color:var(--muted);line-height:1.6}
.proof-card p b{color:#f2f7ff;font-weight:700}
.proof-card small{display:block;margin-top:12px;font-size:11.5px;color:var(--muted-2);line-height:1.5}

/* ---------------- FINAL CTA ---------------- */
.cta-card{
  max-width:820px;margin:0 auto;padding:60px 44px;border-radius:var(--r-xl);text-align:center;
  background:linear-gradient(180deg,#0e1728,#0a101e);
  border:1px solid rgba(34,211,238,.3);
  box-shadow:0 30px 90px -34px rgba(2,6,16,.95),inset 0 1px 0 rgba(255,255,255,.04);
}
.cta-card h2{font-size:clamp(1.8rem,4.2vw,2.7rem);color:#f5f9ff;font-weight:900;letter-spacing:-.6px}
.cta-card .cta-body{margin:18px auto 0;max-width:560px;font-size:15.5px;color:var(--muted);line-height:1.7}
.cta-card .btn{margin-top:28px;font-size:16px;padding:16px 36px}
.cta-card .cta-note{margin-top:18px;font-size:12.5px;color:var(--muted-2)}

/* ---------------- STATUS LINES ---------------- */
.status-line{margin-top:8px;font-size:13px;font-weight:600;min-height:18px;line-height:1.45}
.status-line.ok{color:var(--ok)}
.status-line.err{color:var(--danger)}
.status-line.hint{color:var(--muted);font-weight:400}

/* ---------------- ACCOUNT / LICENSE STORE ---------------- */
.store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin-top:36px}
.store-card h3{font-size:15.5px;font-weight:800;color:#f2f7ff;margin-bottom:16px}
.store-card .row{margin:12px 0}
.store-card label{
  display:block;font-size:10.5px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase;font-weight:800;margin-bottom:6px;
}
.store-card input[type=email],.store-card input[type=password],.store-card input[type=text]{
  width:100%;padding:11px 14px;border-radius:11px;color:var(--text);background:#0a1120;
  border:1px solid rgba(148,163,184,.26);font-size:14px;transition:.18s;box-sizing:border-box;
}
.store-card input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px rgba(34,211,238,.14)}
.store-card .btn{width:100%;margin-top:10px;padding:12px 16px;font-size:13.5px;border-radius:11px;display:block}
.store-card .btn.small{width:auto;display:inline-block;margin:6px 6px 0 0;padding:9px 15px;font-size:12.5px}
.store-card .divider{border-top:1px solid var(--line);margin:18px 0 10px}
.price-line{font-size:21px;font-weight:900;color:#fff;margin:4px 0 2px;letter-spacing:-.3px}
.price-line small{font-size:12.5px;color:var(--muted);font-weight:600}
.discount-line{color:var(--ok);font-size:12.5px;font-weight:700}
.dl-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}
.dl-row:last-child{border-bottom:none}
.dl-row .dl-name{font-size:13.5px;font-weight:700;color:var(--text-2)}
.dl-row .dl-meta{font-size:11px;color:var(--muted);margin-top:2px}
.dl-row a{color:var(--cyan)}
.lock-msg{font-size:13px;color:var(--danger);font-weight:600}
.grant-box{
  background:rgba(45,212,167,.08);border:1px solid rgba(45,212,167,.4);border-radius:12px;
  padding:12px 14px;font-size:13px;color:#bff5e4;font-weight:700;margin-top:10px;line-height:1.5;
}
/* graceful static-host fallback (store API offline) */
body.store-pending .store-grid{opacity:.55;filter:saturate(.5);pointer-events:none;transition:.25s}
body.store-pending #storeModeNote{color:var(--muted-2)}
body.store-offline .store-grid{display:none}
.store-fallback{
  max-width:820px;margin:34px auto 0;padding:38px 32px;border-radius:var(--r-xl);text-align:center;
  background:linear-gradient(180deg,#0e1728,#0a101e);border:1px dashed rgba(148,163,184,.32);
}
.store-fallback .sf-ico{font-size:30px;display:block;margin-bottom:12px}
.store-fallback h3{font-size:18px;font-weight:800;color:#f2f7ff;margin-bottom:10px}
.store-fallback p{font-size:14.5px;color:var(--muted);max-width:560px;margin:0 auto 8px;line-height:1.7}
.store-fallback .store-fallback-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}

/* ---------------- FOOTER ---------------- */
footer{border-top:1px solid var(--line);padding:56px 0 40px;background:rgba(5,7,14,.7)}
.foot-values{
  max-width:820px;margin:0 auto 46px;text-align:center;border-radius:var(--r-lg);padding:34px 28px;
  background:linear-gradient(180deg,rgba(13,21,38,.7),rgba(8,12,22,.6));border:1px solid var(--line);
}
.foot-values .kicker{font-size:11px;letter-spacing:2.6px;color:var(--cyan);font-weight:800;text-transform:uppercase}
.foot-values blockquote{margin:16px auto 0;font-size:clamp(1.05rem,2.3vw,1.32rem);line-height:1.7;color:#e6edf9;font-style:italic;max-width:660px}
.foot-values blockquote b{color:#7ce7fb;font-style:normal}
.foot-grid{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:26px}
.foot-grid .brand{font-size:14px}
.foot-grid .brand img{width:22px;height:22px}
.foot-note{color:var(--muted);font-size:12.5px;max-width:560px}
.foot-links{display:flex;gap:22px}
.foot-links a{color:var(--muted);font-size:13px;transition:.15s}
.foot-links a:hover{color:var(--cyan)}

/* ---------------- LEGACY COMPAT (comparison table etc.) ---------------- */
.compare-wrap{margin:34px auto 0;max-width:960px;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(10,16,28,.5)}
.compare-table{width:100%;border-collapse:collapse;min-width:680px;font-size:13.5px}
.compare-table th,.compare-table td{padding:12px 14px;text-align:center;color:var(--muted);border-bottom:1px solid var(--line)}
.compare-table thead th{color:#f2f7ff;font-weight:800;letter-spacing:.8px;text-transform:uppercase;font-size:12px;padding:14px;border-bottom:1px solid var(--line-strong)}
.compare-table thead .cmp-promax{color:#7ce7fb}
.compare-table tbody th:first-child{text-align:left;font-weight:700;color:var(--text-2);white-space:nowrap}
.compare-table tr:last-child td,.compare-table tr:last-child th{border-bottom:none}
.compare-table .yes{color:var(--ok);font-weight:800}
.compare-table .no{color:var(--muted-2)}
.compare-table .best{color:#7ce7fb;font-weight:900;background:rgba(34,211,238,.07)}
.compare-table tbody tr:hover td,.compare-table tbody tr:hover th{background:rgba(34,211,238,.04)}
.cmp-note{margin:14px auto 0;max-width:720px;text-align:center;font-size:13px;color:var(--muted);line-height:1.6}
.cmp-note strong{color:var(--text-2)}
/* old one-time-license layout hooks (kept for API parity) */
.beta{padding:84px 0}
.beta-card{max-width:720px;margin:0 auto;border-radius:var(--r-xl);padding:46px 38px;text-align:center;background:linear-gradient(180deg,#0e1728,#0a101e);border:1px solid rgba(34,211,238,.3);box-shadow:0 24px 70px -30px rgba(2,6,16,.9)}
.beta-card h2{font-size:clamp(1.6rem,4vw,2.3rem);color:#f2f7ff;font-weight:800;letter-spacing:-.3px}
.beta-card p{color:var(--muted);margin:14px auto 0;max-width:460px;font-size:15px}
.beta-form{display:flex;gap:10px;max-width:440px;margin:26px auto 0;flex-wrap:wrap}
.beta-form input{flex:1;min-width:200px;padding:13px 16px;border-radius:12px;color:var(--text);background:#0a1120;border:1px solid rgba(148,163,184,.28);font-size:15px;letter-spacing:2px;text-transform:uppercase;font-weight:700;text-align:center;transition:.18s}
.beta-form input::placeholder{letter-spacing:.3px;text-transform:none;font-weight:400;color:var(--muted-2)}
.beta-form input:focus{border-color:var(--cyan);outline:none;box-shadow:0 0 0 3px rgba(34,211,238,.15)}
.beta-form .btn{flex:1}
.beta-status{margin-top:16px;font-size:14px;font-weight:600;min-height:22px}
.beta-status.ok{color:var(--ok)}
.beta-status.err{color:var(--danger)}
.beta-status.hint{color:var(--muted);font-weight:400}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width:900px){
  .features{padding:64px 0}
  .hero{padding:72px 0 32px}
}
@media (max-width:680px){
  .wrap{padding:0 18px}
  .hero{padding:58px 0 24px}
  .hero-actions{flex-direction:column;align-items:center}
  .cta-col{max-width:420px;width:100%}
  .nav-links{display:none}
  .plan-card.monster-card.featured{transform:none}
  .cta-card{padding:44px 22px}
  .custody-box,.store-fallback{padding:30px 22px}
  .foot-grid{justify-content:center;text-align:center}
  .foot-links{gap:16px;flex-wrap:wrap;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}