:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#080e19;--panel:#101b2b;--line:#273749;--ink:#eff8ff;--muted:#a7b9cb;--cyan:#73e6d0;--orange:#ffcd91}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse 900px 550px at 80% -120px,#174350 0,transparent 66%),radial-gradient(ellipse 670px 420px at 0 55%,#132b3c 0,transparent 68%),var(--bg);font-size:16px;line-height:1.65}
button,a{font:inherit}a{color:var(--cyan);text-underline-offset:4px}
.wrap{max-width:1140px;margin:auto;padding:24px clamp(18px,4vw,58px) 48px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 60px}
.logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:780;letter-spacing:-.055em;color:var(--ink);text-decoration:none}
.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--cyan);color:#06352e;font:800 23px ui-monospace,monospace}
.topmeta{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:5px 12px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.89fr);gap:clamp(25px,5vw,65px);align-items:center;padding-bottom:55px}
.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.21em;font-size:11px;font-weight:800}
h1{font-size:clamp(40px,5vw,68px);letter-spacing:-.07em;line-height:1.08;margin:18px 0 22px;max-width:650px}
.lead{color:var(--muted);font-size:clamp(16px,2vw,18px);max-width:600px;margin:0 0 28px}
.status{display:flex;align-items:center;gap:12px;margin:0 0 18px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#101d2b;color:#dce9f4;font-size:14px}
.status.pending{border-color:#725533;background:#252012;color:#ffdaa9}.status.good{border-color:#267267;background:#0e302c;color:#bdfff1}.status.bad{border-color:#86573f;background:#2b1b1b;color:#ffc8b3}
.dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:11px;padding:12px 18px;text-decoration:none;font-weight:750;font-size:14px;cursor:pointer;border:1px solid var(--line);background:#162536;color:var(--ink);transition:transform .12s,border .15s}
.btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--cyan)}.btn:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.btn.primary{background:var(--cyan);color:#092f30;border-color:var(--cyan)}.btn:disabled{opacity:.45;cursor:not-allowed}
.hero-note{color:var(--muted);font-size:13px;margin:10px 0 0}
.window{min-width:0;overflow:hidden;border:1px solid #34495b;border-radius:18px;background:#0b1320;box-shadow:0 25px 80px #0006}
.window-head{display:flex;align-items:center;gap:7px;padding:13px 18px;border-bottom:1px solid #24364a;background:#142132;color:#b7c7d4;font:12px ui-monospace,monospace}
.window-head span{width:10px;height:10px;background:#354b5d;border-radius:50%}.window-head span:first-child{background:#e77b71}.window-head span:nth-child(2){background:#e9bc6e}.window-head span:nth-child(3){background:#6cc7a1}.window-title{margin-left:12px}
pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.code-illustration{padding:27px 24px 30px;font:13px/2.05 ui-monospace,"SFMono-Regular",Consolas,monospace;color:#d4e6ed}
.term-prompt{color:var(--cyan)}.term-comment{color:#839daf}.term-accent{color:var(--orange)}
.release-meta{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.pill{font-size:12px;padding:5px 11px;border:1px solid var(--line);border-radius:10px;color:#c3d4e2}
.section-head{margin:18px 0 23px}h2{font-size:clamp(25px,3.5vw,34px);letter-spacing:-.04em;margin:0 0 7px;line-height:1.18}h3{letter-spacing:-.025em;font-size:18px;margin:0 0 8px}
.section-head p,.small{color:var(--muted);margin:0}
.install{border-top:1px solid var(--line);padding-top:46px}
.commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:20px}
.command-card,.info-card{border:1px solid var(--line);background:linear-gradient(145deg,#122237f0,#0e1929f5);border-radius:15px;padding:19px;min-width:0}
.command-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.command-top h3{margin:0}.copy-btn{background:#1d3945;color:var(--cyan);padding:7px 12px;border:1px solid #326276;font-size:12px;border-radius:9px;cursor:pointer;font-weight:750}
.copy-btn:disabled{opacity:.4;cursor:not-allowed}
.command-code{min-height:56px;background:#07111e;border:1px solid #233549;border-radius:10px;padding:14px;font:12.5px/1.65 ui-monospace,monospace;color:#c9eeeb;overflow-wrap:anywhere;white-space:pre-wrap}
.guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:0 0 36px}
.step-number{display:inline-flex;width:31px;height:31px;align-items:center;justify-content:center;border:1px solid #326c67;background:#183a3c;color:var(--cyan);border-radius:9px;font:bold 13px ui-monospace,monospace;margin-bottom:14px}
.info-card p{color:var(--muted);margin:0;font-size:14px}
.inline-code{font:12px/1.7 ui-monospace,Consolas,monospace;color:#b4f3e7;overflow-wrap:anywhere}
.note{display:flex;align-items:flex-start;gap:13px;border-top:1px solid var(--line);padding-top:28px;color:var(--muted);font-size:14px}
.note strong{color:var(--ink)}
footer{margin-top:46px;padding-top:22px;border-top:1px solid var(--line);color:#71899a;font-size:12px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
[hidden]{display:none!important}
@media(max-width:820px){header{padding-bottom:28px}.hero{grid-template-columns:1fr;gap:22px;padding-bottom:37px}.window{max-width:620px}.commands{grid-template-columns:1fr}.guide{grid-template-columns:1fr}h1{max-width:680px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}