:root{
  --paper:#06101f;
  --panel:#0a1729;
  --panel-2:#07111f;
  --ink:#f1f5fb;
  --ink-soft:#c2ccdc;
  --muted:#8593aa;
  --faint:#596982;
  --rule:#1a2d49;
  --rule-soft:#13243b;
  --rule-strong:#29466f;
  --accent:#6f93ff;
  --accent-soft:rgba(111,147,255,.12);
  --signal:#f08b67;
  --signal-soft:rgba(240,139,103,.12);
  --maxw:1160px;
  --pad:36px;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}

body{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6}
.wrap{max-width:var(--maxw);padding:0 var(--pad)}
.sec{border:0}
.sec-pad{padding:112px 0}
.rv{opacity:1;transform:none;transition:none}
.label{color:#9fb2cf;font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;font-weight:600;letter-spacing:-.01em;text-transform:none}
.sec-head{max-width:720px;margin-bottom:50px}
.sec-head .label{margin-bottom:16px}
.sec-head h2{max-width:700px;margin-bottom:15px;font-size:clamp(32px,4vw,48px);font-weight:600;letter-spacing:-.043em;line-height:1.07}
.sec-head p{max-width:600px;color:var(--muted);font-size:16px;line-height:1.72}

header{background:rgba(6,16,31,.94);border-bottom:1px solid var(--rule);backdrop-filter:blur(16px)}
.nav{max-width:var(--maxw);height:72px;padding:0 var(--pad)}
.logo-img{height:28px;max-width:190px}
.nav-mid{gap:30px}
.nav-mid a{color:#96a4ba;font-size:13.5px;font-weight:500}
.nav-mid a:hover{color:var(--ink)}
.nav-right{gap:10px}
.nav-cta,.dd-toggle,.btn{border-radius:4px}
.nav-cta{height:39px;padding:0 17px;background:var(--accent);color:#fff;font-size:13px}
.nav-cta:hover{background:#82a0ff}
.dd-toggle{height:39px;background:transparent;border-color:var(--rule-strong);font-size:13px}
.dd-menu{background:#0b1a2f;border-color:var(--rule-strong);border-radius:5px;box-shadow:0 18px 50px rgba(0,0,0,.45)}
.dd-menu a{border-radius:3px}
.dd-menu a:hover{background:#10213b}
.burger{background:transparent;border-color:var(--rule-strong);border-radius:4px}

.hero-section{border-bottom:1px solid var(--rule)}
.hero{min-height:650px;padding:112px 0 116px;grid-template-columns:minmax(0,1.12fr) minmax(400px,.88fr);gap:72px;align-items:center}
.hero-kicker{display:flex;align-items:baseline;gap:8px;margin:0;color:var(--muted);font-size:15px;letter-spacing:-.015em}
.hero-kicker strong{color:var(--accent);font-weight:600}
.hero-kicker span{color:#9ca9bd}
.dot{width:6px;height:6px;background:var(--accent);box-shadow:none;animation:none}
h1{max-width:680px;margin:28px 0 24px;font-size:clamp(46px,5.2vw,70px);font-weight:600;letter-spacing:-.057em;line-height:.99}
h1 .thin{color:#8e9db4;font-weight:400}
.lead{max-width:560px;color:#99a6ba;font-size:17.5px;line-height:1.72}
.cta{margin-top:34px;gap:10px}
.btn{height:48px;padding:0 21px;font-size:14px}
.btn:not(.line){background:var(--accent);color:#fff;border-color:var(--accent)}
.btn:not(.line):hover{background:#82a0ff;border-color:#82a0ff}
.btn.line{background:transparent;color:var(--ink-soft);border-color:var(--rule-strong)}
.btn.line:hover{background:#0b1729;border-color:#3b5a85}
.trust{display:flex;flex-wrap:wrap;gap:0;margin-top:24px;color:#72819a;font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12.5px;letter-spacing:0;text-transform:none}
.trust span:before{content:"/";padding:0 9px;color:#3f5270}

.panel{overflow:hidden;transform:none;background:#081526;border:1px solid var(--rule-strong);border-radius:6px;box-shadow:0 30px 70px -48px #000}
.panel-bar{padding:14px 16px;border-bottom:1px solid var(--rule);font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px}
.panel-bar .live{color:var(--ink-soft)}
.stamp{padding:2px 6px;color:var(--faint);border:1px solid var(--rule);border-radius:2px;font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px;letter-spacing:0;text-transform:none}
.chart{padding:24px 18px 7px}
.chart svg g{display:none}
.chart svg path[id^="fill"]{opacity:.52}
.axis{padding:0 18px 12px;color:var(--faint)}
.legend{padding:0 18px 17px;color:var(--muted)}
.readout{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0;border-top:1px solid var(--rule)}
.ro{padding:14px 16px;border:0}
.ro:nth-child(even){border-left:1px solid var(--rule)}
.ro:nth-child(n+3){border-top:1px solid var(--rule)}
.ro span{font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;color:var(--faint);letter-spacing:0;text-transform:none}
.ro b{margin-top:4px;font-size:18px}
.ro b.acc{color:var(--accent)}
.ro b.sig{color:var(--signal)}

.stats-band{background:#091a32;border-bottom:1px solid var(--rule)}
.stats-band .wrap{max-width:var(--maxw)}
.strip{padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:0}
.strip div{padding:30px 26px;border:0;border-left:1px solid #1b3152}
.strip div:first-child{padding-left:0;border-left:0}
.strip b{font-size:26px;font-weight:600;letter-spacing:-.035em}
.strip span{margin-top:3px;color:#8595ad;font-size:12.5px}

.feature-section{background:var(--paper)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;border:1px solid var(--rule);border-radius:0}
.cell,.cell:nth-child(3n+2),.cell:nth-child(3n+3){min-height:200px;padding:30px 30px 32px;background:transparent;border:0;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0}
.cell:nth-child(3n){border-right:0}
.cell:nth-child(n+4){border-bottom:0}
.cell:hover{background:#091526}
.cell h3{margin:0 0 12px;font-size:19px;font-weight:600;letter-spacing:-.02em}
.cell p{color:var(--muted);font-size:14px;line-height:1.68}

.pricing-section{background:var(--paper)}
.plans{max-width:980px;display:grid;grid-template-columns:1.08fr .92fr;gap:16px;align-items:stretch}
.plan,.soon{display:flex;flex-direction:column;height:100%;padding:34px;border-radius:5px}
.plan{background:#0a1729;border:1px solid #35558c;box-shadow:none}
.soon{background:transparent;border:1px solid var(--rule)}
.plan h3,.soon h3{margin-top:14px;font-size:23px}
.price{margin:11px 0 8px}
.price b{font-size:49px}
.plan .note,.soon>p{color:var(--muted)}
.plan ul{margin:25px 0;border-top-color:var(--rule)}
.plan li{padding:11px 0;border-bottom-color:var(--rule);font-size:14px}
.soon li{color:var(--muted);font-size:14px}
.soon li i{width:5px;height:5px;margin-top:9px;background:var(--accent);border:0;border-radius:50%}
.plan .btn,.soon .btn{margin-top:auto}

.band{background:#0c1d3a;border-top:1px solid #203a64;border-bottom:1px solid #203a64}
.band-in{max-width:760px;padding:92px 0}
.band h2{max-width:720px;margin:17px 0 15px;font-size:clamp(34px,4.2vw,50px);letter-spacing:-.045em}
.band p{max-width:620px;margin-bottom:31px;color:#9aabc3;font-size:16.5px}
footer{background:#040914;border-top:0}
footer .wrap{padding-top:30px;padding-bottom:30px}
.foot a{font-size:13px}
.foot .copy{font-family:"Instrument Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;letter-spacing:0}

@media(max-width:1000px){
  :root{--pad:28px}
  .hero{min-height:0;padding:82px 0 90px;grid-template-columns:1fr;gap:50px}
  .panel{max-width:700px}
  .sec-pad{padding:90px 0}
  .grid{grid-template-columns:repeat(2,1fr)}
  .cell,.cell:nth-child(3n+2),.cell:nth-child(3n+3){border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
  .cell:nth-child(2n){border-right:0}
  .cell:nth-child(n+5){border-bottom:0}
  .plans{grid-template-columns:1fr;max-width:700px}
}

@media(max-width:760px){
  :root{--pad:20px}
  .nav{height:64px}
  .nav-mid{top:64px;background:var(--paper)}
  .hero{padding:62px 0 70px}
  h1{font-size:clamp(40px,12vw,54px)}
  .lead{font-size:16px}
  .sec-pad{padding:72px 0}
  .strip{grid-template-columns:1fr 1fr}
  .strip div{padding:23px 0;border-left:0}
  .strip div:nth-child(even){padding-left:20px;border-left:1px solid #1b3152}
  .strip div:nth-child(n+3){border-top:1px solid #1b3152}
  .grid{grid-template-columns:1fr}
  .cell,.cell:nth-child(3n+2),.cell:nth-child(3n+3){min-height:0;padding:26px;border-right:0;border-bottom:1px solid var(--rule)}
  .cell:nth-child(n+5){border-bottom:1px solid var(--rule)}
  .cell:last-child{border-bottom:0}
  .plan,.soon{padding:27px 23px}
  .band-in{padding:74px 0}
}

@media(max-width:430px){
  .cta .btn{width:100%}
  .legend{gap:12px;flex-wrap:wrap}
}