:root{color-scheme:dark;--bg:#0b1120;--navy:#111c30;--panel:#14233a;--line:#314158;--mint:#85e8da;--txt:#eef4f8;--muted:#b1c1d1;--focus:#8eeade}*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
header{border-bottom:1px solid #263850;background:#0d1627;position:sticky;top:0;z-index:4}nav{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 26px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:760;letter-spacing:-.6px}.brand svg{width:36px;height:36px}.navlinks{display:flex;gap:24px;color:#dae5f3;font-size:14px}
.wrap{max-width:1160px;margin:auto;padding:0 26px}.hero{display:grid;grid-template-columns:1.18fr .82fr;align-items:center;gap:65px;min-height:555px;padding-top:58px;padding-bottom:75px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--mint);font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,5.9vw,74px);line-height:1.06;letter-spacing:-.055em;margin:16px 0 22px;max-width:760px}.hero h1 span{color:var(--mint)}.lead{font-size:19px;color:var(--muted);max-width:600px;margin-bottom:30px}.actions{display:flex;flex-wrap:wrap;gap:14px}.btn{border:1px solid transparent;border-radius:11px;font-weight:720;padding:13px 19px;background:var(--mint);color:#102333;display:inline-flex;align-items:center;gap:9px;cursor:pointer}.btn.secondary{background:transparent;color:var(--txt);border-color:#55667f}.btn:hover{text-decoration:none;filter:brightness(1.06)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.visual{background:linear-gradient(150deg,#1b3652,#111a30);border:1px solid #3b536b;border-radius:24px;padding:24px;box-shadow:0 35px 75px #0005;transform:rotate(2deg)}.visual-top{display:flex;justify-content:space-between;color:#bad0e0;font-size:13px;margin-bottom:23px}.dots{display:flex;gap:6px}.dots b{width:9px;height:9px;border-radius:50%;background:#87bdb5}.terminal{background:#091524;padding:22px;border:1px solid #385069;border-radius:15px;font:14px/1.9 ui-monospace,Consolas,monospace;color:#d4e3ed}.terminal .good{color:#7fe2b6}.terminal .label{color:#c3d1e1}.terminal .dim{color:#8094ab}.tagline{color:#a2bccd;display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;font-size:13px}.chip{background:#20334b;border:1px solid #425a70;padding:4px 10px;border-radius:100px}
.band{border-top:1px solid #283b54;border-bottom:1px solid #283b54;background:#111d2e}.metrics{display:grid;grid-template-columns:repeat(3,1fr);padding-top:24px;padding-bottom:24px;gap:18px}.metric{display:flex;gap:13px;align-items:center}.metric .symbol{border:1px solid #40596c;border-radius:10px;padding:8px 12px;color:var(--mint);font-size:19px}.metric strong{display:block}.metric small{color:var(--muted)}
section.products{padding:90px 0 78px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.sectionhead h2{font-size:36px;letter-spacing:-.04em;line-height:1.15;margin:8px 0}.sectionhead p{color:var(--muted);max-width:440px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.card{background:#111e30;border:1px solid #34465a;padding:27px;border-radius:19px;min-height:340px;display:flex;flex-direction:column}.card .glyph{font-size:28px;width:55px;height:55px;border:1px solid #425773;border-radius:13px;display:grid;place-items:center;margin-bottom:24px}.card h3{font-size:22px;letter-spacing:-.03em;margin:8px 0}.card p{color:var(--muted);font-size:14px;line-height:1.65}.card .pill{font-size:11px;letter-spacing:.07em;font-weight:780;text-transform:uppercase;color:var(--mint)}.card .bottom{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #34465a}.card .price{color:#ccdae6;font-size:13px}.card .link{font-weight:740;color:var(--mint)}
.info{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding-bottom:100px}.infobox{background:#132135;border:1px solid #314157;border-radius:18px;padding:32px}.infobox h2{font-size:26px;margin:8px 0;letter-spacing:-.03em}.infobox p{color:var(--muted)}.infobox a{color:var(--mint);font-weight:720}.infobox ul{color:var(--muted);padding-left:19px}
footer{border-top:1px solid #2b3f58;padding:30px 0 40px;color:var(--muted);font-size:13px}.foot{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}footer a{color:#c5dfeb}
.demo{max-width:900px;margin:auto;padding:56px 26px 95px}.demo h1{font-size:clamp(34px,4vw,56px);line-height:1.07;letter-spacing:-.045em;margin:12px 0}.demo .notice{padding:14px 17px;background:#16304a;border-left:3px solid var(--mint);border-radius:6px;color:#d1e2ee;margin:20px 0}.demo .grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.demo .pane{background:#131f31;border:1px solid #405269;border-radius:15px;padding:22px;min-width:0}.demo pre{white-space:pre-wrap;word-break:break-word;color:#dfedf5;font-size:12px;line-height:1.7;background:#091524;padding:14px;border:1px solid #32445a;border-radius:10px}.demo table{width:100%;border-collapse:collapse;color:#dce9f2;font-size:13px}.demo th,.demo td{padding:9px;text-align:left;border-bottom:1px solid #3a4d65;vertical-align:top}.demo th{color:#b1c4d4}.demo button{border:none;background:var(--mint);color:#0b1f2b;border-radius:8px;padding:11px 16px;font-weight:740;cursor:pointer}.demo .ready{min-height:140px;display:grid;align-items:center;color:#a3b6c8}.narrow{max-width:800px;margin:65px auto 110px;padding:0 26px}.narrow h1{font-size:42px;letter-spacing:-.035em}.narrow p,.narrow li{color:var(--muted)}
@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:unset;gap:35px;padding-top:60px}.visual{transform:none}.cards{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr}.info{grid-template-columns:1fr}.demo .grid{grid-template-columns:1fr}}@media(max-width:580px){.navlinks{gap:13px;font-size:12px}.brand{font-size:18px}.hero h1{font-size:45px}.sectionhead{display:block}.cards{grid-template-columns:1fr}.card{min-height:unset}.wrap{padding:0 19px}nav{padding:14px 19px}}