/* Insider Terminal — marketing site
   Design system: dark "command center" fintech. Teal primary, gold/cyan/violet accents. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600;700&display=swap');

:root{
  --bg:#060a12; --bg2:#0a1020; --panel:#0e1626; --panel2:#121d31; --raise:#16213a;
  --line:#1c2840; --line2:#27375a;
  --teal:#12e089; --teal2:#05c06e; --gold:#f6b13d; --cyan:#46b6f6; --red:#fb6f84; --violet:#a896f7; --green:#5ef0b4;
  --ink:#eef3fc; --muted:#909cb4; --faint:#5d6a85;
  --mono:'IBM Plex Mono',monospace; --disp:'Archivo',sans-serif;
  --maxw:1200px; --r:16px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--ink); font-family:var(--disp); line-height:1.55;
  -webkit-font-smoothing:antialiased; overflow-x:hidden; position:relative;
}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(1000px 700px at 12% -8%, rgba(18,224,137,.12), transparent 60%),
    radial-gradient(900px 700px at 100% 8%, rgba(70,130,246,.07), transparent 55%);}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;position:relative;z-index:2}
section{position:relative;z-index:2}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:15.5px;border-radius:12px;
  padding:14px 24px;cursor:pointer;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease;white-space:nowrap}
.btn:hover{transform:translateY(-2px) scale(1.02)}
.btn-primary{color:#04231f;background:linear-gradient(180deg,#2fe892,var(--teal2));
  box-shadow:0 14px 34px rgba(5,192,110,.34),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-ghost{color:var(--ink);background:rgba(255,255,255,.03);border-color:var(--line2)}
.btn-sm{padding:10px 18px;font-size:14px}

/* ---------- header ---------- */
header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);
  background:rgba(7,11,20,.72);border-bottom:1px solid rgba(28,40,64,.7)}
.nav{display:flex;align-items:center;gap:26px;height:70px}
.brand{display:flex;align-items:center;gap:11px}
.brand .logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(150deg,#0f1c30,#0a1322);
  border:1px solid var(--line2);display:flex;align-items:center;justify-content:center}
.brand .wm{font-weight:900;font-size:18px;letter-spacing:-.01em}
.brand .wm .t{color:var(--teal)}
.nav .links{display:flex;gap:22px;margin-left:14px}
.nav .links a{font-size:14.5px;color:var(--muted);font-weight:500;transition:color .15s}
.nav .links a:hover{color:var(--ink)}
.nav .right{margin-left:auto;display:flex;align-items:center;gap:14px}
/* language switcher */
.lang{position:relative}
.lang-btn{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;color:var(--muted);
  background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:9px;padding:8px 12px;cursor:pointer}
.lang-btn:hover{color:var(--ink)}
.lang-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--panel2);border:1px solid var(--line2);
  border-radius:12px;padding:6px;min-width:150px;box-shadow:0 24px 60px rgba(0,0,0,.5);display:none}
.lang-menu.open{display:block}
.lang-menu button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;font-family:var(--disp);
  font-size:14px;color:var(--ink);background:none;border:none;padding:9px 11px;border-radius:8px;cursor:pointer}
.lang-menu button:hover{background:rgba(255,255,255,.05)}
.lang-menu button.on{color:var(--teal)}
.fl{width:21px;height:15px;border-radius:3px;object-fit:cover;display:inline-block;vertical-align:middle;flex-shrink:0;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.lang-btn .caret{color:var(--faint);font-size:11px}
.menu-toggle{display:none;background:none;border:1px solid var(--line2);border-radius:8px;width:40px;height:38px;cursor:pointer;color:var(--ink);font-size:18px}

/* ---------- hero ---------- */
.hero{padding:84px 0 70px}
.hero-grid{display:grid;grid-template-columns:1.05fr 1.1fr;gap:50px;align-items:center}
.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12.5px;letter-spacing:.28em;
  text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:22px}
.kicker .bar{width:28px;height:1.5px;background:linear-gradient(90deg,var(--teal),transparent)}
.hero h1{font-weight:800;font-size:clamp(42px,5.6vw,76px);line-height:1.03;letter-spacing:-.025em;margin-bottom:22px}
.hero h1 .g{background:linear-gradient(100deg,var(--teal),#7cf0b8 58%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{font-size:19px;line-height:1.55;color:var(--muted);max-width:560px;font-weight:500;margin-bottom:32px}
.hero .cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.hero .micro{font-family:var(--mono);font-size:13px;color:var(--faint)}
.hero .micro b{color:var(--muted);font-weight:600}

/* mock terminal card (shared) */
.card{background:linear-gradient(180deg,#0d1525,#0a1120);border:1px solid var(--line2);border-radius:18px;
  box-shadow:0 50px 110px rgba(0,0,0,.55),0 0 80px rgba(18,224,137,.09);overflow:hidden}
.tbar{display:flex;align-items:center;gap:10px;padding:13px 18px;background:linear-gradient(180deg,#101a2d,#0c1422);border-bottom:1px solid var(--line)}
.tbar .d{width:11px;height:11px;border-radius:50%}
.tbar .ttl{font-family:var(--mono);font-size:12.5px;color:var(--muted);margin-left:6px}
.tbar .live{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;color:var(--teal);background:rgba(18,224,137,.1);border:1px solid rgba(18,224,137,.25);padding:5px 10px;border-radius:20px}
.tbar .live i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}
.chead{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 11px}
.chead h3{font-size:16px;font-weight:800}
.chead h3 span{color:var(--faint);font-weight:600;font-family:var(--mono);font-size:11.5px;margin-left:7px}
.fil{display:flex;gap:7px;flex-wrap:wrap}
.fil span{font-family:var(--mono);font-size:10.5px;color:var(--muted);padding:5px 9px;border-radius:7px;border:1px solid var(--line)}
.fil span.on{color:#04231f;background:var(--teal);border-color:var(--teal);font-weight:600}
table{width:100%;border-collapse:collapse;font-family:var(--mono)}
th{text-align:left;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);font-weight:600;padding:10px 18px;border-bottom:1px solid var(--line)}
td{padding:12px 18px;border-bottom:1px solid rgba(28,40,64,.55);font-size:13px;vertical-align:middle}
tr:last-child td{border-bottom:none}
.tk{font-weight:700;color:var(--ink);font-size:14px}
.pill{font-size:10px;font-weight:600;padding:4px 8px;border-radius:6px;display:inline-block;white-space:nowrap}
.p-ins{color:var(--cyan);background:rgba(70,182,246,.12);border:1px solid rgba(70,182,246,.3)}
.p-gov{color:var(--gold);background:rgba(246,177,61,.12);border:1px solid rgba(246,177,61,.3)}
.p-con{color:var(--violet);background:rgba(168,150,247,.13);border:1px solid rgba(168,150,247,.32)}
.p-mom{color:var(--green);background:rgba(126,224,176,.10);border:1px solid rgba(126,224,176,.28)}
.str{display:flex;align-items:center;gap:9px}
.bar{width:70px;height:6px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.bar i{display:block;height:100%;border-radius:4px}
.str b{font-weight:600;color:var(--muted);font-size:11.5px;width:22px}
.ai{font-size:10px;font-weight:700;padding:4px 9px;border-radius:6px}
.buy{color:var(--green);background:rgba(64,222,160,.16);border:1px solid rgba(64,222,160,.4)}
.hold{color:var(--gold);background:rgba(246,177,61,.12);border:1px solid rgba(246,177,61,.34)}
.sell{color:var(--red);background:rgba(251,111,132,.12);border:1px solid rgba(251,111,132,.36)}

/* ---------- sources strip ---------- */
.sources{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0;background:rgba(10,16,30,.4)}
.sources .row{display:flex;align-items:center;justify-content:center;gap:14px 38px;flex-wrap:wrap}
.sources .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.sources .src{font-family:var(--mono);font-size:14px;color:var(--muted);font-weight:500}

/* ---------- section heads ---------- */
.shead{text-align:center;max-width:680px;margin:0 auto 50px}
.shead .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:14px}
.shead h2{font-weight:800;font-size:clamp(32px,4.2vw,54px);letter-spacing:-.02em;line-height:1.08;margin-bottom:14px}
.shead h2 .g{background:linear-gradient(100deg,var(--teal),#7cf0b8 60%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.shead p{font-size:17px;color:var(--muted);font-weight:500}
.block{padding:112px 0}

/* ---------- features ---------- */
.fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fcard{background:linear-gradient(180deg,rgba(18,28,48,.6),rgba(11,17,32,.5));border:1px solid var(--line);
  border-radius:var(--r);padding:28px;position:relative;overflow:hidden;transition:transform .18s ease,border-color .18s}
.fcard:hover{transform:translateY(-4px);border-color:var(--line2)}
.fcard::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:.85}
.fcard .ic{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:17px;border:1px solid var(--line2)}
.fcard h3{font-size:19px;font-weight:800;margin-bottom:9px;letter-spacing:-.01em}
.fcard p{font-size:14.5px;color:var(--muted);font-weight:500}
.t-teal::after{background:linear-gradient(90deg,var(--teal),transparent)} .t-teal .ic{background:rgba(18,224,137,.12);color:#7cf0b8}
.t-violet::after{background:linear-gradient(90deg,var(--violet),transparent)} .t-violet .ic{background:rgba(168,150,247,.13);color:#c4b6ff}
.t-gold::after{background:linear-gradient(90deg,var(--gold),transparent)} .t-gold .ic{background:rgba(246,177,61,.12);color:#ffd285}
.t-cyan::after{background:linear-gradient(90deg,var(--cyan),transparent)} .t-cyan .ic{background:rgba(70,182,246,.12);color:#9ad4ff}
.t-green::after{background:linear-gradient(90deg,var(--green),transparent)} .t-green .ic{background:rgba(94,240,180,.12);color:#9af5d0}
.t-orange::after{background:linear-gradient(90deg,#ff9d6c,transparent)} .t-orange .ic{background:rgba(255,157,108,.12);color:#ffc3a3}

/* ---------- how it works ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{position:relative;padding:30px 26px;border:1px solid var(--line);border-radius:var(--r);background:rgba(12,18,32,.5)}
.step .n{font-family:var(--mono);font-size:13px;font-weight:700;color:#04231f;background:var(--teal);width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.step h3{font-size:18px;font-weight:800;margin-bottom:8px}
.step p{font-size:14.5px;color:var(--muted);font-weight:500}

/* ---------- compare ---------- */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:920px;margin:0 auto}
.col{border:1px solid var(--line);border-radius:var(--r);padding:30px;background:rgba(12,18,32,.5)}
.col.win{border-color:rgba(18,224,137,.4);background:linear-gradient(180deg,rgba(20,40,40,.5),rgba(10,18,26,.5));box-shadow:0 0 60px rgba(18,224,137,.08)}
.col h4{font-size:16px;font-weight:800;margin-bottom:18px;display:flex;align-items:center;gap:10px}
.col h4 .tag{font-family:var(--mono);font-size:10px;font-weight:600;padding:4px 9px;border-radius:6px}
.col.win h4 .tag{color:#04231f;background:var(--teal)}
.col.lose h4 .tag{color:var(--muted);background:rgba(255,255,255,.06);border:1px solid var(--line)}
.col ul{list-style:none;display:flex;flex-direction:column;gap:13px}
.col li{font-size:14.5px;color:var(--muted);display:flex;gap:11px;align-items:flex-start;font-weight:500}
.col li .ck{flex-shrink:0;margin-top:2px;font-weight:700}
.col.win li .ck{color:var(--teal)} .col.lose li .ck{color:var(--faint)}
.col.win li{color:#cdd8ea}

/* ---------- pricing ---------- */
.price-wrap{display:flex;justify-content:center}
.price-card{width:440px;max-width:100%;border:1px solid var(--line2);border-radius:20px;overflow:hidden;
  background:linear-gradient(180deg,#0f1828,#0a1120);box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 80px rgba(18,224,137,.1)}
.price-top{padding:34px 34px 26px;border-bottom:1px solid var(--line);text-align:center}
.price-top .badge{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal);background:rgba(18,224,137,.1);border:1px solid rgba(18,224,137,.28);padding:5px 12px;border-radius:20px;margin-bottom:18px}
.price-top .amt{font-size:64px;font-weight:900;letter-spacing:-.03em;line-height:1}
.price-top .amt span{font-size:20px;color:var(--muted);font-weight:600}
.price-top .note{font-family:var(--mono);font-size:13px;color:var(--faint);margin-top:10px}
.price-body{padding:28px 34px 34px}
.price-body ul{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:26px}
.price-body li{font-size:14.5px;color:#cdd8ea;display:flex;gap:11px;font-weight:500}
.price-body li .ck{color:var(--teal);font-weight:700;flex-shrink:0}
.price-card .btn{width:100%;justify-content:center}
.price-disclaim{font-size:11.5px;color:var(--faint);text-align:center;margin-top:16px;line-height:1.5}

/* ---------- faq ---------- */
.faq{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.qa{border:1px solid var(--line);border-radius:13px;background:rgba(12,18,32,.5);overflow:hidden}
.qa summary{list-style:none;cursor:pointer;padding:20px 24px;font-size:16.5px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary .ar{color:var(--teal);font-size:20px;transition:transform .2s;flex-shrink:0}
.qa[open] summary .ar{transform:rotate(45deg)}
.qa .ans{padding:0 24px 22px;font-size:15px;color:var(--muted);line-height:1.6;font-weight:500}

/* ---------- final cta ---------- */
.finalcta{text-align:center;border:1px solid var(--line2);border-radius:24px;padding:64px 40px;margin:40px 0;
  background:radial-gradient(700px 300px at 50% 0%,rgba(18,224,137,.12),transparent 70%),linear-gradient(180deg,#0c1422,#080d18)}
.finalcta h2{font-weight:800;font-size:clamp(30px,4vw,46px);letter-spacing:-.02em;margin-bottom:16px;line-height:1.08}
.finalcta p{font-size:18px;color:var(--muted);margin-bottom:30px;font-weight:500}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);padding:54px 0 40px;background:rgba(8,12,22,.6)}
.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;margin-bottom:40px}
.fcols .about{max-width:300px}
.fcols .about .brand{margin-bottom:14px}
.fcols .about p{font-size:13.5px;color:var(--muted);line-height:1.6}
.fcol h5{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.fcol a{display:block;font-size:14px;color:var(--muted);margin-bottom:11px;transition:color .15s}
.fcol a:hover{color:var(--ink)}
.fbottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.fbottom .cr{font-family:var(--mono);font-size:12px;color:var(--faint)}
.fdisclaim{font-size:11.5px;color:var(--faint);line-height:1.6;margin-top:18px;max-width:880px}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .nav .links{display:none}
  .menu-toggle{display:flex;align-items:center;justify-content:center}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero .scene{order:2}
  .fgrid,.steps{grid-template-columns:1fr}
  .compare,.fcols{grid-template-columns:1fr}
  .hero{padding:54px 0 50px}
  .block{padding:64px 0}
}
@media (max-width:560px){
  .wrap{padding:0 18px}
  .hero h1{font-size:36px}
  .nav{gap:12px}
  .brand .wm{font-size:16px}
}

/* ============================================================
   GLASSMORPHISM PASS — frosted translucent surfaces over
   ambient colour orbs. Later rules override the base styles.
   ============================================================ */

/* richer ambient colour so the frosted glass has something to refract */
body::before{
  background:
    radial-gradient(680px 540px at 8% 2%,   rgba(18,224,137,.22), transparent 62%),
    radial-gradient(640px 540px at 94% 10%,  rgba(70,130,246,.18), transparent 62%),
    radial-gradient(600px 520px at 82% 64%,  rgba(168,150,247,.15), transparent 62%),
    radial-gradient(560px 500px at 14% 82%,  rgba(246,177,61,.11),  transparent 62%),
    radial-gradient(520px 460px at 50% 120%, rgba(18,224,137,.10),  transparent 60%);
}
/* faint drifting orbs layer for extra depth behind glass */
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(360px 360px at 70% 22%, rgba(18,224,137,.14), transparent 70%),
    radial-gradient(300px 300px at 25% 48%, rgba(168,150,247,.12), transparent 70%),
    radial-gradient(320px 320px at 88% 86%, rgba(70,130,246,.12), transparent 70%);
  filter:blur(8px);
}

/* shared frost */
header,.card,.fcard,.step,.col,.price-card,.qa,.finalcta,.lang-menu,.lang-btn,.btn-ghost,.chip,.sources,.fil span,.tbar{
  backdrop-filter:blur(20px) saturate(155%); -webkit-backdrop-filter:blur(20px) saturate(155%);
}

header{background:rgba(8,13,24,.55);border-bottom:1px solid rgba(255,255,255,.08)}

.card{background:linear-gradient(180deg,rgba(22,33,56,.55),rgba(12,19,34,.40));border:1px solid rgba(255,255,255,.11);
  box-shadow:0 44px 100px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.15),0 0 80px rgba(18,224,137,.09)}
.tbar{background:rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.07)}

.fcard{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 18px 46px rgba(0,0,0,.32)}
.fcard:hover{border-color:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 28px 64px rgba(0,0,0,.42)}

.step{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}

.col{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.08)}
.col.win{background:linear-gradient(180deg,rgba(18,224,137,.13),rgba(20,40,40,.04));border:1px solid rgba(18,224,137,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 64px rgba(18,224,137,.13)}

.price-card{background:linear-gradient(180deg,rgba(24,35,58,.6),rgba(12,19,34,.42));border:1px solid rgba(255,255,255,.13);
  box-shadow:0 44px 110px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.17),0 0 90px rgba(18,224,137,.11)}

.qa{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.finalcta{background:linear-gradient(180deg,rgba(24,36,58,.5),rgba(10,16,28,.32));border:1px solid rgba(255,255,255,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 90px rgba(18,224,137,.1)}

.lang-menu{background:rgba(16,24,42,.6);border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 60px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1)}
.lang-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11)}
.btn-ghost{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13)}
.chip{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.sources{background:rgba(255,255,255,.022);border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}

/* sections that had flat tints → glass tints */
#how,#pricing{background:rgba(255,255,255,.018)!important;border-top:1px solid rgba(255,255,255,.06)!important;border-bottom:1px solid rgba(255,255,255,.06)!important}

/* ============================================================
   MOTION — cinematic but purposeful. All initial-hidden states
   live INSIDE the no-preference query, so reduced-motion users
   see the full page instantly with zero animation.
   ============================================================ */
/* base bar width (so no-JS / reduced-motion shows full bars) */
.hero .bar i{width:var(--w)}

@media (prefers-reduced-motion: no-preference){
  /* ambient orb drift */
  body::after{animation:orbDrift 24s ease-in-out infinite alternate}
  @keyframes orbDrift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-26px,20px,0) scale(1.09)}}

  /* hero copy staggered fade-up on load */
  .hero-copy > *{opacity:0;animation:fadeUp .7s both}
  .hero-copy > .kicker{animation-delay:.05s}
  .hero-copy > h1{animation-delay:.13s}
  .hero-copy > .sub{animation-delay:.24s}
  .hero-copy > .cta{animation-delay:.34s}
  .hero-copy > .micro{animation-delay:.44s}
  @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

  /* hero terminal entrance */
  .hero .card{opacity:0;transform:translateY(22px) scale(.985);animation:cardIn .9s .28s cubic-bezier(.2,.8,.2,1) forwards}
  @keyframes cardIn{to{opacity:1;transform:none}}

  /* LIVE pulse */
  .tbar .live i{animation:livePulse 1.7s ease-in-out infinite}
  @keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(18,224,137,.5),0 0 10px var(--teal)}50%{box-shadow:0 0 0 7px rgba(18,224,137,0),0 0 10px var(--teal)}}

  /* hero rows stagger + bars fill (triggered by .play) */
  .hero tbody tr{opacity:0;transform:translateY(9px)}
  .hero.play tbody tr{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
  .hero.play tbody tr:nth-child(1){transition-delay:.55s}
  .hero.play tbody tr:nth-child(2){transition-delay:.67s}
  .hero.play tbody tr:nth-child(3){transition-delay:.79s}
  .hero.play tbody tr:nth-child(4){transition-delay:.91s}
  .hero.play tbody tr:nth-child(5){transition-delay:1.03s}
  .hero .bar i{width:0;transition:width 1.15s cubic-bezier(.2,.8,.2,1)}
  .hero.play .bar i{width:var(--w)}
  .hero.play tbody tr:nth-child(1) .bar i{transition-delay:.6s}
  .hero.play tbody tr:nth-child(2) .bar i{transition-delay:.72s}
  .hero.play tbody tr:nth-child(3) .bar i{transition-delay:.84s}
  .hero.play tbody tr:nth-child(4) .bar i{transition-delay:.96s}
  .hero.play tbody tr:nth-child(5) .bar i{transition-delay:1.08s}

  /* scroll reveals */
  .reveal{opacity:0;transform:translateY(28px);will-change:opacity,transform;
    transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* primary button light sweep */
  .btn-primary{position:relative;overflow:hidden}
  .btn-primary::after{content:"";position:absolute;top:0;left:-75%;width:45%;height:100%;
    background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);
    animation:shine 5.5s ease-in-out infinite}
  @keyframes shine{0%,58%{left:-75%}78%,100%{left:145%}}

  /* smooth hover transitions */
  .fcard,.btn,.qa summary .ar{transition:all .2s ease}
}

/* ================= LEGAL PAGES ================= */
.legal-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px) saturate(155%);-webkit-backdrop-filter:blur(20px) saturate(155%);background:rgba(8,13,24,.55);border-bottom:1px solid rgba(255,255,255,.08)}
.legal-header .nav{justify-content:space-between}
.legal-wrap{max-width:840px;margin:0 auto;padding:48px 28px 96px;position:relative;z-index:2}
.legal-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:30px;font-weight:500}
.legal-back:hover{color:var(--teal)}
.legal h1{font-size:clamp(30px,4.2vw,44px);font-weight:800;letter-spacing:-.022em;margin-bottom:8px}
.legal .updated{font-family:var(--mono);font-size:13px;color:var(--faint);margin-bottom:26px}
.legal .intro{font-size:16px;color:#c4ccd9;line-height:1.7;padding:22px 26px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(255,255,255,.035);margin-bottom:38px}
.legal .clause{margin-bottom:26px}
.legal .clause h2{font-size:18px;font-weight:800;margin-bottom:9px;letter-spacing:-.01em}
.legal .clause p{font-size:15px;color:var(--muted);line-height:1.72}
.legal .foot-note{margin-top:44px;padding-top:26px;border-top:1px solid var(--line);font-size:13px;color:var(--faint);line-height:1.6}

/* ================= DETAILED "CLOSER LOOK" SECTION ================= */
.detail-rows{display:flex;flex-direction:column;gap:70px;margin-top:14px}
.drow{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.drow.rev .dtext{order:2}
.dtag{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--teal);background:rgba(18,224,137,.1);border:1px solid rgba(18,224,137,.28);padding:7px 15px;border-radius:20px;margin-bottom:20px}
.dtext h3{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-bottom:14px;line-height:1.14}
.dtext h3 .g{background:linear-gradient(100deg,var(--teal),#7cf0b8 60%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.dtext > p{font-size:16.5px;color:var(--muted);line-height:1.65;margin-bottom:22px}
.dlist{list-style:none;display:flex;flex-direction:column;gap:13px}
.dlist li{font-size:15px;color:#cdd8ea;display:flex;gap:12px;font-weight:500;line-height:1.5}
.dlist li::before{content:"✓";color:var(--teal);font-weight:800;flex-shrink:0}
.dvisual{border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,rgba(20,30,52,.55),rgba(11,17,32,.42));box-shadow:0 34px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12),0 0 70px rgba(18,224,137,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.dv-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(255,255,255,.045);border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}
.dv-bar i{width:9px;height:9px;border-radius:50%}
.dv-body{padding:6px 0}
.dv-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-bottom:1px solid rgba(28,40,64,.5);font-family:var(--mono);font-size:13.5px}
.dv-row:last-child{border-bottom:none}
.dv-row .dtk{font-weight:700;color:var(--ink)}
.dv-src{padding:14px 18px;display:flex;flex-wrap:wrap;gap:8px}
.dv-src span{font-family:var(--mono);font-size:12px;color:var(--muted);padding:6px 11px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.02)}
@media(max-width:900px){.drow{grid-template-columns:1fr;gap:30px}.drow.rev .dtext{order:0}}

/* ================= VIDEO: watch button + lightbox ================= */
#watchBtn{cursor:pointer}
#watchBtn .playi{color:var(--teal);font-size:12px}
#watchBtn .vdur{font-family:var(--mono);font-size:12px;color:var(--faint);margin-left:2px}
.vmodal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
.vmodal.open{display:flex}
.vmodal-bg{position:absolute;inset:0;background:rgba(4,7,13,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.vmodal-inner{position:relative;z-index:2;width:min(1080px,100%);border-radius:16px;overflow:hidden;
  border:1px solid var(--line2);box-shadow:0 50px 120px rgba(0,0,0,.7),0 0 90px rgba(18,224,137,.12);animation:vpop .3s cubic-bezier(.2,.8,.2,1)}
@keyframes vpop{from{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:none}}
.vmodal-inner video{display:block;width:100%;height:auto;background:#05080f}
.vmodal-close{position:absolute;top:-46px;right:0;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);
  border:1px solid var(--line2);color:var(--ink);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.vmodal-close:hover{background:rgba(255,255,255,.16)}
@media(max-width:560px){.vmodal-close{top:6px;right:6px}}

/* ===== Robinhood-style bold statement ===== */
.statement{padding:120px 0;text-align:center;position:relative;z-index:2}
.stmt{font-weight:800;font-size:clamp(32px,5.4vw,66px);line-height:1.1;letter-spacing:-.03em;max-width:1060px;margin:0 auto}
.stmt .g{background:linear-gradient(100deg,var(--teal),#7cf0b8 60%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ===== Insider "radar" background (scans the market for signals) ===== */
#bg-radar{position:fixed;width:860px;height:860px;right:-140px;top:50%;z-index:0;pointer-events:none;opacity:.5;border-radius:50%;transform:translateY(-50%);animation:radarFloat 16s ease-in-out infinite}
#bg-radar .rglow{position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(circle, rgba(18,224,137,.16), transparent 62%);filter:blur(26px)}
#bg-radar .rring{position:absolute;border:1px solid rgba(18,224,137,.15);border-radius:50%}
#bg-radar .r1{inset:0}#bg-radar .r2{inset:16.6%}#bg-radar .r3{inset:33.3%}#bg-radar .r4{inset:50%}
#bg-radar .rcross{position:absolute;background:rgba(18,224,137,.10)}
#bg-radar .rh{left:2%;right:2%;top:50%;height:1px}#bg-radar .rv{top:2%;bottom:2%;left:50%;width:1px}
#bg-radar .rsweep{position:absolute;inset:0;border-radius:50%;overflow:hidden}
#bg-radar .rsweep::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg, rgba(18,224,137,.4) 0deg, rgba(18,224,137,.1) 26deg, transparent 62deg);animation:rspin 4.8s linear infinite}
@keyframes rspin{to{transform:rotate(360deg)}}
#bg-radar .rcdot{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#12e089;transform:translate(-50%,-50%);box-shadow:0 0 18px #12e089,0 0 40px rgba(18,224,137,.5)}
#bg-radar .rblip{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}
#bg-radar .rd{width:11px;height:11px;border-radius:50%;background:#8ff0c2;box-shadow:0 0 14px #12e089,0 0 34px rgba(18,224,137,.55);animation:rpulse 2.2s ease-in-out infinite}
#bg-radar .rlbl{font-family:var(--mono);font-size:14px;font-weight:600;color:#9cf5cb;letter-spacing:.06em;text-shadow:0 0 12px rgba(18,224,137,.5)}
#bg-radar .d2 .rd{animation-delay:.6s}#bg-radar .d3 .rd{animation-delay:1.1s}#bg-radar .d4 .rd{animation-delay:1.6s}
@keyframes rpulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.55);opacity:.55}}
@media(max-width:760px){#bg-radar{opacity:.32;right:-280px}}
@media(prefers-reduced-motion:reduce){#bg-radar .rsweep::before{animation:none}#bg-radar .rd{animation:none}}

/* ===== 3D tilt + glossy glare on cards/columns (C4D feel) ===== */
.fcard,.dvisual,.price-card,.compare .col,.steps .step{will-change:transform;transform-style:preserve-3d}
.fcard{position:relative}
.fcard::before,.dvisual::before,.price-card::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;
  opacity:0;transition:opacity .3s;border-radius:inherit;
  background:radial-gradient(460px circle at var(--mx,50%) var(--my,50%), rgba(255,255,255,.10), transparent 46%)}
.fcard:hover::before,.dvisual:hover::before,.price-card:hover::before{opacity:1}
.dvisual,.price-card{position:relative}
@keyframes radarFloat{0%{transform:translateY(-50%) translateX(0) scale(1)}50%{transform:translateY(-53%) translateX(-52px) scale(1.03)}100%{transform:translateY(-50%) translateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#bg-radar{animation:none}}