/* ====== Design Tokens ====== */
:root{
  --bg:#0b0e12;
  --panel:#10141b;
  --panel-2:#0e1218;
  --card:#131822;
  --border:#1f2632;
  --muted:#98a2b3;
  --text:#e6e9ef;
  --headline:#ffffff;
  --primary:#2e6af2;
  --primary-2:#2a5ee0;
  --radius:16px;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* ====== Base ====== */
*{box-sizing:border-box}
html,body{
  margin:0;padding:0;background:var(--bg);color:var(--text);
  font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{opacity:.92}
.container{width:min(1120px,90vw);margin-inline:auto}
.skip{position:absolute;left:-999px;top:auto}
.section-title{font-size:1.875rem;margin:0 0 1rem;color:var(--headline)}
.no-scroll{overflow:hidden}

/* ====== Header ====== */
.site-header{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg, rgba(8,11,16,.9), rgba(8,11,16,.6));
  backdrop-filter: blur(6px);
  border-bottom:1px solid var(--border)
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px}
.brand{display:flex;gap:10px;align-items:center}
.brand img{display:block}
.nav{display:flex;gap:24px;align-items:center}
.nav a{color:var(--muted);font-weight:500}
.nav a[aria-current="page"]{color:#fff}
.nav a:hover{color:var(--text)}

.hamburger{display:none;background:none;border:0;color:#e6e9ef;padding:6px;border-radius:10px}
.hamburger:hover{background:rgba(255,255,255,.08)}

/* Mobile menu panel */
.mobile-nav{
  position: relative;
  background: linear-gradient(180deg, #10141b, #0b0e12);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  box-shadow: var(--shadow);
}
.mobile-nav-inner{
  display:grid; gap:8px;
  padding:12px 16px;
}
.mobile-nav-inner a{
  padding:10px 6px; border-radius:10px;
  color:#e6e9ef; font-weight:600;
}
.mobile-nav-inner a:hover{ background:rgba(255,255,255,.06); }
@keyframes slideDown { from{opacity:0;transform:translateY(-8px)} to{opacity:1;transform:translateY(0)} }
.mobile-nav[data-open="true"]{ animation: slideDown 160ms ease-out; }

/* ====== Buttons ====== */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;padding:12px 18px;font-weight:600;
  box-shadow:var(--shadow);
  transition:transform .08s ease, box-shadow .2s
}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--primary);color:#fff}
.btn-primary:hover{background:var(--primary-2)}
.btn-secondary{background:#1a2230;border:1px solid var(--border);color:#fff}
.btn-secondary:hover{border-color:#2a3446}

/* ====== Hero ====== */
.hero{padding:72px 0 48px;background:linear-gradient(180deg,var(--panel),transparent 70%)}
.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero-copy h1{font-size:3rem;line-height:1.1;margin:0 0 12px;color:var(--headline)}
.hero-copy p{color:var(--muted);margin:0 0 20px;max-width:48ch}
.hero-cta{display:flex;gap:12px}
.hero--support{padding-bottom:32px}
.hero--support .hero-sub{color:var(--muted);margin-top:8px;max-width:60ch}

/* ====== Device Placeholder (Home) ====== */
.device{justify-self:end;display:flex;align-items:center;justify-content:center}
.device-screen{
  width:min(380px,90vw);
  aspect-ratio:9/19.5;
  border-radius:34px;
  background:radial-gradient(120% 120% at 10% 10%, #111725 0%, #0b0f17 60%);
  border:1px solid #1d2330;
  box-shadow:0 20px 60px rgba(0,0,0,.55), inset 0 0 0 6px #0b0e14;
  padding:14px;
}
.placeholder{
  height:100%;
  border-radius:28px;
  border:1px dashed #2a3344;
  display:grid;
  place-items:center;
  color:#7c8aa5;
  background:linear-gradient(180deg,#0e1420,#0b1019);
}
.placeholder span{text-align:center;font-weight:600;letter-spacing:.2px}

/* ====== Features (Home) ====== */
.features{padding:40px 0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature-card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:18px;
  box-shadow:var(--shadow);
}
.thumb{
  height:140px;border-radius:12px;background:var(--panel-2);
  border:1px dashed #2a3344;margin-bottom:14px;display:grid;place-items:center
}
.thumb-ph{font-size:.9rem;color:#7c8aa5}
.feature-card h3{margin:0 0 6px;color:#fff}
.feature-card p{margin:0 0 10px;color:var(--muted)}
.feature-list{margin:0;padding-left:18px;color:var(--text)}
.feature-list li{margin:6px 0}

/* ====== Premium (Home) ====== */
.premium{padding:28px 0 8px}
.premium-grid{
  display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;
  background:linear-gradient(180deg,#0f1420,#0b0e12);
  border:1px solid var(--border);border-radius:18px;padding:24px
}
.bullet-list{margin:12px 0 0;padding-left:22px}
.bullet-list li{margin:8px 0}
.premium-cta{text-align:right}
.premium-cta .price{font-size:1.1rem;font-weight:700;margin-bottom:6px}
.premium-cta .price-sub{color:var(--muted);margin-bottom:12px}

/* ====== Learn More (Home) ====== */
.learnmore-panel{
  background:linear-gradient(180deg,#0f1420,#0a0d12);
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border)
}
.learnmore-inner{padding:18px 0 22px}
.learn-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.learn-cols h3{margin:0 0 8px;color:#fff}
.learn-cols p,.learn-cols li{color:var(--muted)}
.learn-cols ul{margin:0;padding-left:18px}

/* ====== Store CTA (Home) ====== */
.store-cta{display:grid;place-items:center;text-align:center;padding:28px 0 42px}
.badge{
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:700;letter-spacing:.2px;
  background:var(--primary);color:#fff;border-radius:12px;
  padding:12px 16px;box-shadow:var(--shadow)
}
.store-cta .subtext{color:var(--muted);margin-top:8px;max-width:52ch}

/* ====== Support Page ====== */
.support-grid{padding:26px 0 32px}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
.faq{
  background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
  margin-bottom:14px;overflow:hidden;box-shadow:var(--shadow)
}
.faq>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px;font-weight:700;color:#fff
}
.faq>summary::-webkit-details-marker{display:none}
.faq>summary svg{width:18px;height:18px;stroke:#8da2d8;fill:none;stroke-width:2;transition:transform .2s ease}
.faq[open]>summary svg{transform:rotate(180deg)}
.faq-body{padding:12px 12px 16px;border-top:1px solid var(--border)}
.faq-item{background:transparent;border:1px solid transparent;border-radius:10px;margin:8px 4px}
.faq-item>summary{
  list-style:none;cursor:pointer;padding:10px;border-radius:10px;color:var(--text);
  font-weight:600;background:rgba(255,255,255,.02)
}
.faq-item>summary::-webkit-details-marker{display:none}
.faq-item[open]>summary{background:rgba(46,106,242,.10)}
.faq-answer{padding:10px 12px 14px;color:var(--muted)}
.contact-card{
  background:linear-gradient(180deg,#0f1420,#0b0e12);border:1px solid var(--border);
  border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);height:fit-content
}
.contact-card h3{margin:0 0 12px;color:#fff}
.contact-form{display:grid;gap:12px}
.contact-form label{display:grid;gap:6px}
.contact-form input,.contact-form textarea{
  width:100%;border-radius:12px;border:1px solid var(--border);background:#0f1420;color:var(--text);padding:10px 12px
}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid rgba(46,106,242,.45)}
.form-note{color:var(--muted);font-size:.92rem;margin:6px 0 0}

/* ====== Legal (Terms & Privacy) ====== */
.hero--legal{padding-bottom:28px}
.hero-legal-inner{display:flex;align-items:end;justify-content:space-between;gap:16px}
.hero-legal-copy h1{margin:0 0 8px;font-size:2.5rem;color:#fff}
.hero-legal-copy .hero-sub{color:var(--muted);max-width:60ch;margin:0 0 8px}
.effdate{
  display:inline-block;margin-top:6px;padding:6px 10px;border-radius:12px;
  background:#121826;border:1px solid var(--border);color:#b9c3d5;font-weight:600
}
.legal-wrap{padding:20px 0 40px}
.legal-grid{display:grid;grid-template-columns:.9fr 2.1fr;gap:28px}
/* TOC */
.toc{
  position:sticky;top:84px;align-self:start;background:linear-gradient(180deg,#0f1420,#0b0e12);
  border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)
}
.toc-title{margin:0 0 10px;color:#fff;font-size:1rem}
.toc ol{margin:0;padding-left:18px;display:grid;gap:6px}
.toc a{color:#cfd7e7}
.toc a:hover{color:#fff}
/* Content */
.legal-content{