:root{
  --bg:#0c0c0e; --bg2:#0e0e10; --panel:#101013; --border:#242428; --border2:#2c2c31;
  --border-soft:#161619; --hover:#1a1a1e; --sel:rgba(206,210,224,0.10);
  --surf0:#131316; --surf1:#161619; --surf2:#1b1b1f; --chip:#26262a;
  --fg:#d6d6da; --fg2:#e8e8ec; --fg-dim:#9a9aa0; --fg-faint:#6e6e75; --accent:#c6c9d2;
  --green:#3fb950; --red:#f06a6a; --yellow:#d29922; --gray:#6e7681;
  --bid:#74c7be; --ask:#a68fd6; --map:#9b7cff; --folder:#d8b24a;
  --pnl-long:#74c7be; --pnl-short:#a68fd6; --tick-up:#74c7be; --tick-dn:#a68fd6;
  --new:#5ad0c8;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:"IBM Plex Sans",system-ui,sans-serif;background:var(--bg);color:var(--fg);font-size:13px;-webkit-font-smoothing:antialiased;line-height:1.55}
a{color:var(--ask);text-decoration:none}
a:hover{text-decoration:underline}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* page shell */
.lp{max-width:1000px;margin:0 auto;background:radial-gradient(130% 60% at 50% 0%,var(--surf0),var(--bg))}
.lp-nav{display:flex;align-items:center;gap:14px;height:58px;padding:0 26px;border-bottom:1px solid var(--border-soft)}
.lp-nav .links{margin-left:auto;display:flex;gap:22px;font-family:var(--mono);font-size:11.5px;letter-spacing:.05em}
.lp-nav .links a{color:var(--fg-dim)}
.lp-nav .links a:hover{color:var(--fg2);text-decoration:none}
.brand{color:var(--fg2);display:inline-block;filter:drop-shadow(0 0 6px rgba(190,196,212,.16))}
.brand svg{display:block}

/* hero */
.lp-hero{text-align:center;padding:56px 24px 34px;display:flex;flex-direction:column;align-items:center;gap:18px}
.freepill{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);border:1px solid rgba(63,185,80,.45);background:rgba(63,185,80,.08);border-radius:20px;padding:6px 15px;font-weight:600}
.freepill::before{content:"●";font-size:8px}
.lp-h1{font-size:42px;font-weight:650;color:var(--fg2);letter-spacing:-.02em;line-height:1.12;max-width:680px}
.lp-h1 .g{background:linear-gradient(135deg,#eef0f4,#9a9aa0);-webkit-background-clip:text;background-clip:text;color:transparent}
.lp-tag{color:var(--fg-dim);font-size:15px;max-width:580px;line-height:1.6}
.lp-cta{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;justify-content:center}
.dlbtn{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:11px 18px;border-radius:9px;cursor:pointer;font-family:var(--mono)}
.dlbtn:hover{text-decoration:none}
.dlbtn.prime{background:linear-gradient(135deg,#eef0f4,#b4b6bd 52%,#7c7e85);border:none;color:#15151a;font-weight:600}
.dlbtn.prime:hover{filter:brightness(1.06)}
.dlbtn.ghost{background:var(--surf1);border:1px solid var(--border2);color:var(--fg)}
.dlbtn.ghost:hover{border-color:var(--accent)}
.dlbtn .os{font-size:15px}
.dlbtn .arch{font-size:9.5px;letter-spacing:.06em;color:inherit;opacity:.7}
.lp-note{font-family:var(--mono);font-size:11px;color:var(--fg-faint);letter-spacing:.04em;text-align:center}
.surface-note{padding:6px 0 8px}

/* live quotes surface (app-replica) */
.tk-table{border:1px solid var(--border);border-radius:10px;margin:14px 26px 4px;display:flex;flex-direction:column;background:var(--bg2);overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.45)}
.tk-h{display:flex;align-items:center;height:32px;padding:0 14px;border-bottom:1px solid var(--border);font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--fg-faint);text-transform:uppercase}
.tk-r{display:flex;align-items:center;height:28px;padding:0 14px;font-family:var(--mono);font-size:12px;border-bottom:1px solid rgba(36,36,40,.55)}
.tk-r:last-child{border-bottom:0}
.tk-r.hot{background:rgba(63,185,80,.05)}
.c-sym{flex:1;min-width:110px;color:var(--fg2)}
.c-bid,.c-ask,.c-last{flex:0 0 100px;text-align:right}
.c-bid{color:var(--bid)}.c-ask{color:var(--ask)}.c-last{color:var(--fg)}
.c-dir{flex:0 0 34px;text-align:center}
.c-time{flex:0 0 108px;text-align:right;color:var(--fg-dim)}

/* feature strip */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:34px 26px 10px}
.fcard{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:18px}
.fcard .fi{font-size:16px;color:var(--accent)}
.fcard h4{font-size:13px;color:var(--fg2);margin:10px 0 5px;font-weight:600}
.fcard p{font-size:12px;color:var(--fg-dim);line-height:1.5}

/* pricing */
.priceframe{margin:22px 26px 8px;border:1px solid var(--border);border-radius:12px;background:var(--panel)}
.pricerow{display:flex;align-items:center;justify-content:center;gap:34px;padding:24px;font-family:var(--mono);flex-wrap:wrap}
.pricecell{text-align:center}
.pricecell .amt{font-size:34px;color:var(--fg2);font-weight:650}
.pricecell .amt .cur{font-size:18px;color:var(--fg-dim);vertical-align:super}
.pricecell .lab{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);margin-top:4px}
.pricecell .strike{color:var(--fg-faint);text-decoration:line-through;font-size:18px}

.lp-foot{text-align:center;font-family:var(--mono);font-size:11px;color:var(--fg-faint);padding:34px 24px 48px;border-top:1px solid var(--border-soft);margin-top:24px}

@media(max-width:720px){
  .lp-h1{font-size:30px}
  .feat{grid-template-columns:1fr}
  .c-last{display:none}
  .pricerow{gap:20px}
}