:root{
  --bg0:#070c0a;--bg1:#0d1512;--bg2:#111b17;--bg3:#16241e;
  --line:#1d2f27;--line2:#274036;
  --tx:#e7f3ed;--tx2:#a7bfb3;--tx3:#6f8a7d;
  --ac:#35e0a1;--ac2:#19b98b;--ac3:#0d9488;
  --amber:#ffc24d;--red:#ff7a70;--cyan:#5ad7e0;--lime:#8ef0b0;
  --mono:ui-monospace,"JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --rad:4px;--rad-lg:8px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg0);color:var(--tx);font-family:var(--sans);font-size:15.5px;line-height:1.6;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:44px 44px;background-position:center top;min-height:100vh}
body::before{content:"";position:fixed;inset:0;background:radial-gradient(1200px 500px at 70% -10%,rgba(13,148,136,.16),transparent 60%),radial-gradient(900px 420px at 12% 0%,rgba(53,224,161,.07),transparent 55%);pointer-events:none;z-index:0}
a{color:var(--ac);text-decoration:none}
a:hover{color:var(--tx)}
::selection{background:var(--ac2);color:#04110c}
.wrap{max-width:1120px;margin:0 auto;padding:0 22px;position:relative;z-index:1}

header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:rgba(10,15,12,.82);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:26px;height:62px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--tx)}
.brand svg{display:block}
.brand b{font-family:var(--mono);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase}
.brand b i{font-style:normal;color:var(--ac)}
.nav-links{display:flex;gap:4px;margin-left:auto}
.nav-links a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);padding:8px 12px;border:1px solid transparent;border-radius:var(--rad)}
.nav-links a:hover{color:var(--tx);border-color:var(--line2);background:var(--bg2)}
.nav-links a.active{color:var(--ac);border-color:var(--line2)}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:11px 18px;border-radius:var(--rad);cursor:pointer;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;text-decoration:none}
.btn-solid{background:linear-gradient(135deg,var(--ac),var(--ac3));color:#04120c;box-shadow:0 0 0 1px rgba(53,224,161,.25),0 6px 22px -8px rgba(13,148,136,.55)}
.btn-solid:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 0 0 1px rgba(53,224,161,.4),0 10px 26px -8px rgba(13,148,136,.7)}
.btn-solid:active{transform:translateY(0) scale(.985)}
.btn-ghost{background:transparent;color:var(--tx);border-color:var(--line2)}
.btn-ghost:hover{border-color:var(--ac2);color:var(--ac);transform:translateY(-1px)}
.btn:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.btn-lg{padding:14px 22px;font-size:13px}

.tag{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ac);
  border:1px solid var(--line2);background:var(--bg2);padding:6px 10px;border-radius:999px}
.tag::before{content:"";width:6px;height:6px;background:var(--ac);border-radius:1px;box-shadow:0 0 8px var(--ac)}
.tag.green::before{background:var(--lime);--lime:#8ef0b0}
.tag::before{background:var(--ac)}

.hero{padding:92px 0 66px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.hero h1{font-family:var(--mono);font-size:clamp(34px,5vw,54px);line-height:1.04;letter-spacing:-.01em;font-weight:800}
.hero h1 .grad{background:linear-gradient(90deg,var(--ac),#2dd4bf);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.sub{margin:20px 0 30px;color:var(--tx2);font-size:17px;max-width:52ch}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-meta{margin-top:26px;display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--tx3);letter-spacing:.08em}
.hero-meta span{display:flex;gap:7px;align-items:center}

.term{border:1px solid var(--line2);border-radius:var(--rad-lg);background:linear-gradient(180deg,var(--bg2),var(--bg1));box-shadow:0 30px 60px -30px rgba(0,0,0,.7),0 0 0 1px rgba(53,224,161,.06);overflow:hidden}
.term-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg3)}
.term-bar i{width:10px;height:10px;border-radius:50%;background:var(--line2);display:block}
.term-bar i:first-child{background:var(--ac2)}
.term-bar b{margin-left:auto;font-family:var(--mono);font-weight:400;font-size:11px;color:var(--tx3);letter-spacing:.1em}
.term-body{padding:18px;font-family:var(--mono);font-size:12.8px;line-height:1.75;color:var(--tx2);white-space:pre-wrap}
.term-body .p{color:var(--ac)}
.term-body .c{color:var(--tx3)}
.term-body .w{color:var(--amber,#ffc24d)}
.caret{display:inline-block;width:8px;height:15px;background:var(--ac);vertical-align:-2px;animation:blink 1.05s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

section.block{padding:64px 0;border-top:1px solid var(--line)}
.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:38px}
.sec-head .no{font-family:var(--mono);color:var(--ac);font-size:13px;letter-spacing:.2em}
.sec-head h2{font-family:var(--mono);font-size:24px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.sec-head .hint{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--tx3);letter-spacing:.1em}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden}
.step{background:var(--bg1);padding:26px 24px 30px}
.step .n{font-family:var(--mono);font-size:44px;font-weight:800;color:transparent;-webkit-text-stroke:1px var(--line2)}
.step:hover .n{color:transparent;-webkit-text-stroke:1px var(--ac2)}
.step h3{font-family:var(--mono);font-size:14px;letter-spacing:.12em;text-transform:uppercase;margin:14px 0 10px;color:var(--tx)}
.step p{color:var(--tx2);font-size:14px}
.step code{font-family:var(--mono);font-size:12px;color:var(--ac);background:var(--bg3);padding:2px 6px;border-radius:3px}

.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feat{border:1px solid var(--line);border-radius:var(--rad);background:var(--bg1);padding:20px}
.feat:hover{border-color:var(--line2);background:var(--bg2);transition:background .15s ease,border-color .15s ease}
.feat .k{font-family:var(--mono);font-size:11px;color:var(--ac);letter-spacing:.14em}
.feat h3{font-family:var(--mono);font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 8px}
.feat p{color:var(--tx2);font-size:13.5px;line-height:1.6}

.tbl{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden}
.tbl-wrap{border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden;background:var(--bg1)}
.tbl-wrap table{width:100%;border-collapse:collapse}
.tbl-wrap th{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3);text-align:left;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--bg2)}
.tbl-wrap td{padding:14px 18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--tx2)}
.tbl-wrap tr:last-child td{border-bottom:none}
.tbl-wrap tr:hover td{background:var(--bg2);color:var(--tx)}
.tbl-wrap td.pid{font-family:var(--mono);color:var(--ac);width:64px}
.tbl-wrap td .os{color:var(--tx);font-weight:600}
.tbl-wrap td .mono{font-family:var(--mono);font-size:12.5px}

.plan{border:1px solid var(--line2);border-radius:var(--rad-lg);background:linear-gradient(180deg,var(--bg2),var(--bg1));padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.plan .price{font-family:var(--mono);font-size:64px;font-weight:800;color:var(--ac);line-height:1;text-shadow:0 0 34px rgba(53,224,161,.35)}
.plan .price small{font-size:16px;color:var(--tx3);letter-spacing:.1em}
.plan ul{list-style:none;display:grid;gap:11px}
.plan li{display:flex;gap:11px;align-items:center;color:var(--tx2);font-size:14.5px}
.plan li::before{content:"→";font-family:var(--mono);color:var(--ac)}
.plan li b{color:var(--tx)}

.auth{max-width:420px;margin:90px auto 0;border:1px solid var(--line2);border-radius:var(--rad-lg);background:var(--bg1);padding:34px}
.auth h1{font-family:var(--mono);font-size:22px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.auth p.sub{color:var(--tx3);font-family:var(--mono);font-size:12px;margin-bottom:24px;letter-spacing:.08em}
.field{margin-bottom:16px}
.field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3);margin-bottom:7px}
.field input{width:100%;background:var(--bg0);border:1px solid var(--line2);border-radius:var(--rad);color:var(--tx);font-family:var(--mono);font-size:14px;padding:11px 12px}
.field input:focus{outline:none;border-color:var(--ac2);box-shadow:0 0 0 3px rgba(53,224,161,.12)}
.field input::placeholder{color:var(--tx3)}

footer.foot{border-top:1px solid var(--line);margin-top:70px;padding:30px 0 44px}
.foot-in{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:var(--tx3);font-family:var(--mono);font-size:12px;letter-spacing:.08em}
.foot-in .sp{margin-left:auto;display:flex;gap:18px}
.foot-in a{color:var(--tx3)}
.foot-in a:hover{color:var(--ac)}
.inf{color:var(--ac)}

.trk-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:34px 0 22px}
.trk-top h1{font-family:var(--mono);font-size:clamp(20px,3vw,30px);font-weight:800;letter-spacing:.02em}
.trk-top .sid{font-family:var(--mono);font-size:12px;color:var(--tx3);border:1px dashed var(--line2);padding:4px 9px;border-radius:3px}
.pill{margin-left:auto;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:7px 13px;border-radius:999px;border:1px solid var(--line2);color:var(--tx2);background:var(--bg2)}
.pill.q{color:var(--amber);border-color:rgba(255,194,77,.35)}
.pill.r{color:var(--cyan,#5ad1c9);border-color:rgba(45,212,191,.35)}
.pill.g{color:var(--lime,#8ef0b0);border-color:rgba(142,240,176,.4)}
.pill.x{color:var(--red,#ff7a70);border-color:rgba(255,122,112,.4)}

.stepper{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--rad-lg);overflow:hidden;margin-bottom:22px}
.stp{background:var(--bg1);padding:15px 17px;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);position:relative}
.stp-no{display:block;font-size:10px;color:var(--tx3);margin-bottom:6px;letter-spacing:.2em}
.stp-txt{color:var(--tx3)}
.stepper .on{background:linear-gradient(180deg,var(--bg3),var(--bg1));color:var(--ac)}
.stepper .on .stp-no{color:var(--ac)}
.stepper .on::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--ac),var(--ac3))}
.stepper .done{color:var(--lime,#8ef0b0)}
.stepper .done .stp-no{color:var(--lime,#8ef0b0)}

.meter{border:1px solid var(--line2);border-radius:var(--rad-lg);background:var(--bg1);padding:20px 22px;margin-bottom:22px}
.meter-row{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}
.meter-row b{font-family:var(--mono);font-size:26px;color:var(--ac)}
.meter-row span{font-family:var(--mono);font-size:12px;color:var(--tx3);letter-spacing:.1em;text-transform:uppercase}
.meter-bar{height:10px;background:var(--bg3);border-radius:2px;overflow:hidden;position:relative}
.meter-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--ac2),var(--ac));transition:width .5s ease}
.meter-msg{margin-top:11px;color:var(--tx2);font-size:13.5px}

.console{border:1px solid var(--line2);border-radius:var(--rad-lg);background:#050a08;overflow:hidden;margin-bottom:22px}
.console-bar{display:flex;align-items:center;gap:9px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--bg2);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3)}
.console-bar .dot{width:7px;height:7px;background:var(--ac);border-radius:1px;animation:blink 1.2s steps(1) infinite}
.console-body{padding:16px 18px;font-family:var(--mono);font-size:12.6px;line-height:1.8;color:#9fe8c4;min-height:150px;max-height:340px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.console-body .ok{color:#8ef0b0}
.console-body .em{color:var(--ac)}

.ok-panel{border:1px solid rgba(142,240,176,.4);border-radius:var(--rad-lg);background:linear-gradient(180deg,rgba(53,224,161,.08),var(--bg1));padding:24px;margin-bottom:22px;display:none}
.ok-panel.show{display:block;animation:rise .35s ease}
@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ok-panel h3{font-family:var(--mono);color:#8ef0b0;letter-spacing:.1em;text-transform:uppercase;font-size:15px;margin-bottom:16px}
.cred{display:grid;grid-template-columns:86px 1fr auto;gap:12px;align-items:center;font-family:var(--mono);font-size:14px;padding:9px 0;border-bottom:1px dashed var(--line)}
.cred-k{color:var(--tx3);text-transform:uppercase;font-size:11px;letter-spacing:.14em}
.cred-v{color:var(--tx)}
.copy{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);background:transparent;border:1px solid var(--line2);border-radius:3px;padding:5px 10px;cursor:pointer;transition:all .15s ease}
.copy:hover{border-color:var(--ac);background:rgba(53,224,161,.08);transform:translateY(-1px)}
.ok-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}

.notes{border:1px dashed var(--line2);border-radius:var(--rad-lg);background:var(--bg1);padding:20px 22px;color:var(--tx2);font-size:13.5px}
.notes h4{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--tx3);margin-bottom:12px}
.notes ul{list-style:none;display:grid;gap:8px}
.notes li{padding-left:18px;position:relative}
.notes li::before{content:">";position:absolute;left:0;color:var(--ac);font-family:var(--mono)}

.modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center}
.modal.open{display:flex}
.modal .veil{position:absolute;inset:0;background:rgba(3,8,6,.72);backdrop-filter:blur(3px);animation:fade .18s ease;cursor:pointer}
@keyframes fade{from{opacity:0}}
.modal .card{position:relative;width:min(420px,92vw);border:1px solid var(--line2);border-radius:var(--rad-lg);background:var(--bg1);box-shadow:0 40px 80px -30px #000;animation:pop .22s cubic-bezier(.34,1.56,.64,1);padding:26px}
@keyframes pop{from{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}
.modal h3{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;font-size:14px;margin-bottom:16px;color:var(--ac)}
.modal .row{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-family:var(--mono);font-size:13.5px}
.modal .row:last-child{border-bottom:none}
.modal .k{color:var(--tx3);text-transform:uppercase;font-size:11px;letter-spacing:.14em;padding-top:2px}
.modal .x{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--tx3);font-size:16px;cursor:pointer;transition:color .15s ease,transform .2s ease}
.modal .x:hover{color:var(--ac);transform:rotate(90deg)}

.soon{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx3);border:1px dashed var(--line2);padding:4px 10px;border-radius:999px}

.info-rows{display:grid;gap:10px;margin-top:18px}
.info-rows .ir{display:flex;gap:12px;font-family:var(--mono);font-size:12.5px;color:var(--tx2);min-width:0}
.info-rows .ir b{color:var(--ac);flex:0 0 auto;min-width:92px;font-weight:400}
.info-rows .ir span,.info-rows .ir a{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;word-break:break-all;white-space:normal}
.modal .card{max-width:100%;overflow:hidden}

@media(max-width:920px){
  .hero{grid-template-columns:1fr;padding:60px 0 46px}
  .steps{grid-template-columns:1fr}
  .feats{grid-template-columns:1fr 1fr}
  .plan{grid-template-columns:1fr}
  .stepper{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
}
@media(max-width:560px){
  .feats{grid-template-columns:1fr}
  .stepper{grid-template-columns:1fr}
  .trk-top .pill{margin-left:0}
  .ok-panel .cred-v{word-break:break-all}
}