:root{--bg:#080d15;--bg2:#0d1520;--panel:#111b29;--panel2:#142131;--line:#27384a;--muted:#96a8b9;--text:#e9f2f5;--accent:#9cfaaf;--cyan:#5edfd4;--orange:#ffc99d;--radius:16px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 'Inter',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.01em}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% -12%,rgba(25,90,95,.23),transparent 43%),radial-gradient(ellipse at 0 55%,rgba(32,48,79,.13),transparent 40%)}
a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit;cursor:pointer}.wrap{width:min(1140px,calc(100% - 52px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,13,21,.91);border-bottom:1px solid rgba(65,90,109,.45);backdrop-filter:blur(18px)}.navbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:780;letter-spacing:-.045em}.mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid #3e6c69;border-radius:9px;background:#142e2d;color:var(--accent);font-size:20px}.brand small{color:var(--muted);font-size:10px;display:block;letter-spacing:.2em;text-transform:uppercase;font-weight:600;line-height:1}.navlinks{display:flex;align-items:center;gap:30px;font-size:13px;color:#b7c5d0}.navlinks .active{color:var(--accent)}.head-status{display:flex;gap:9px;align-items:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#bedfd0;border:1px solid #244b3f;background:#0c281f;padding:8px 12px;border-radius:100px}.dot{background:#8deeb0;width:7px;height:7px;border-radius:50%;box-shadow:0 0 12px #8deeb073}
.hero{position:relative;padding:94px 0 86px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px}.eyebrow{display:flex;align-items:center;gap:11px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.23em;text-transform:uppercase}.eyebrow:before{content:'';width:24px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-weight:750;font-size:clamp(43px,5.1vw,69px);letter-spacing:-.065em;line-height:1.08;margin:24px 0}h1 em{font-style:normal;color:var(--accent)}.lead{font-size:17px;color:#a5b7c7;max-width:575px;line-height:1.85}.actions{display:flex;gap:13px;flex-wrap:wrap;margin:31px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:#0a1a16;padding:12px 20px;border-radius:9px;font-size:13px;font-weight:800;border:1px solid var(--accent);transition:transform .15s,background .15s}.btn:hover{color:#071b10;background:#befccb;transform:translateY(-2px)}.btn.secondary{background:#132130;border-color:#314658;color:#d6e6ec}.btn.secondary:hover{background:#192d3a;color:var(--accent)}.micro{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;color:#6e8a97;letter-spacing:.08em}.hero .micro{margin-top:27px}
.viz{position:relative;border:1px solid #2a4351;border-radius:20px;background:linear-gradient(140deg,#112030,#09121c 68%);min-height:378px;overflow:hidden;box-shadow:0 25px 80px #0006}.viz:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#7fbac00d 1px,transparent 1px),linear-gradient(90deg,#7fbac00d 1px,transparent 1px);background-size:34px 34px}.viz .bar{height:42px;position:relative;border-bottom:1px solid #28434c;display:flex;align-items:center;padding:0 17px;gap:6px}.viz .bar i{width:7px;height:7px;border-radius:100%;background:#486471}.viz .bar span{margin-left:auto;color:#83b3ba;font:10px ui-monospace,monospace}.viz svg{position:absolute;top:48px;left:0;width:100%;height:235px;opacity:.9}.viz .m1{position:absolute;left:22px;bottom:31px;right:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.viz .metric{background:#101f2ce8;border:1px solid #31505c;border-radius:10px;padding:12px 16px}.metric label{display:block;color:#8eacb5;font:10px ui-monospace,monospace}.metric strong{display:block;font:600 18px ui-monospace,monospace;color:#d7f9ed;margin-top:2px}.metric small{color:#7b939f;font-size:10px}
.section{padding:76px 0;border-top:1px solid #1e2e3e}.section-head{display:flex;gap:25px;align-items:flex-end;justify-content:space-between;margin-bottom:33px}.section h2,.page h1{font-size:clamp(32px,3.3vw,45px);letter-spacing:-.055em;line-height:1.17;margin:16px 0}.section-head>p{max-width:430px;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.panel{background:linear-gradient(145deg,#142131,#0e1825);border:1px solid #2a3a4a;border-radius:var(--radius);padding:27px;min-height:215px;position:relative;overflow:hidden}.panel:hover{border-color:#4b6b68}.panel .number{color:#56818a;font:11px ui-monospace,monospace;letter-spacing:.1em}.panel h3{font-size:19px;letter-spacing:-.035em;margin:24px 0 9px}.panel p{font-size:13px;color:var(--muted);margin:0}.panel .arrow{position:absolute;top:24px;right:24px;color:#88a8b3}.tag{color:var(--accent);font:11px ui-monospace,monospace}.band{background:#101d29;border:1px solid #2a4050;border-radius:16px;padding:27px 33px;display:flex;align-items:center;justify-content:space-between;gap:25px}.band h3{font-size:23px;letter-spacing:-.04em;margin:0 0 7px}.band p{margin:0;color:var(--muted)}.footer{border-top:1px solid #233547;padding:38px 0 55px}.footer-inner{display:grid;grid-template-columns:1fr 2fr;gap:25px}.foot-nav{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.foot-copy{color:#71899b;font-size:12px;margin-top:13px}
.page{padding:70px 0 95px;min-height:68vh}.page-intro{max-width:760px;margin-bottom:42px}.page-intro h1{font-size:clamp(38px,4vw,55px)}.page-intro p{font-size:16px;color:var(--muted)}.article{max-width:810px}.article h2{font-size:23px;letter-spacing:-.03em;margin:38px 0 14px}.article h3{font-size:17px;margin:26px 0 12px}.article p,.article li{color:#b1c1cb;line-height:1.85}.article li{margin-bottom:7px}.article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article code,.code{font:12px ui-monospace,monospace;color:#9de1d7;background:#122733;border:1px solid #2b4c52;border-radius:5px;padding:3px 7px}.callout{margin:22px 0;padding:18px 22px;border-left:3px solid var(--accent);background:#14242f;color:#bdced3}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tool{background:var(--panel);border:1px solid #314354;border-radius:14px;padding:28px;min-height:215px}.tool-top{display:flex;justify-content:space-between;align-items:center;color:#9bb2be;font:11px ui-monospace,monospace;letter-spacing:.08em}.tool-data{font-size:27px;font-weight:700;letter-spacing:-.045em;margin:25px 0 10px;overflow-wrap:anywhere}.tool-info{color:#8ca6b4;font-size:12px}.tool button{margin-top:14px}.result-good{color:var(--accent)}.result-bad{color:#ffb59c}.table{border:1px solid #2b4050;border-radius:12px;overflow:hidden}.tr{display:grid;grid-template-columns:200px 1fr;border-bottom:1px solid #233647}.tr:last-child{border-bottom:0}.tr div{padding:16px 19px;color:#b3c7cf}.tr div:first-child{color:#86adaf;background:#0e1c27;font:12px ui-monospace,monospace}.link-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.link-card{display:block;border:1px solid #2b3f4b;background:#121f2d;border-radius:13px;padding:24px}.link-card b{display:block;font-size:17px;margin:5px 0}.link-card p{font-size:13px;color:var(--muted);margin:0}.docs-index{display:grid;grid-template-columns:220px 1fr;gap:44px}.toc{border-right:1px solid #253b4a;padding-right:25px;font-size:13px;color:#a1b6c0}.toc a{display:block;padding:8px 0}.toc strong{font-size:11px;letter-spacing:.14em;color:#8ef3ad}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.viz{max-width:600px;width:100%;margin-top:8px}.grid3{grid-template-columns:1fr 1fr}.docs-index{grid-template-columns:1fr}.toc{border-right:0;border-bottom:1px solid #253b4a;padding-bottom:15px}.hero{padding-top:55px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.navbar{height:auto;min-height:68px;flex-wrap:wrap;padding:15px 0}.navlinks{order:3;flex-basis:100%;justify-content:space-between;gap:12px}.head-status{font-size:9px;padding:6px 8px}.hero{padding:50px 0 60px}.grid3,.tools-grid,.link-cards{grid-template-columns:1fr}.section{padding:56px 0}.section-head,.band{display:block}.band .btn{margin-top:20px}.footer-inner{grid-template-columns:1fr}.foot-nav{justify-content:flex-start}.tr{grid-template-columns:125px 1fr}.tr div{padding:12px 13px}.tool-data{font-size:23px}.viz{min-height:345px}.viz svg{height:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}