*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0b0e13;--bg2:#0f141b;--panel:#141a22;--line:#222c37;--ink:#e9eef4;--dim:#8a97a6;--acc:#4ea3ff;--acc2:#7bd88f;--rad:12px}
html{scroll-behavior:smooth}
body{font:15px/1.65 Inter,-apple-system,Segoe UI,Roboto,Helvetica,sans-serif;color:var(--ink);
  background:radial-gradient(1200px 600px at 70% -10%,#16324e33,transparent),var(--bg)}
a{color:inherit;text-decoration:none}code{font:13px ui-monospace,SFMono-Regular,Menlo,monospace;
  background:#0b0e1366;border:1px solid var(--line);border-radius:6px;padding:1px 5px}
header{display:flex;align-items:center;gap:18px;padding:14px 28px;border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:5;background:#0b0e13d9;backdrop-filter:blur(10px)}
.logo{font-size:18px;font-weight:700}.logo b{color:var(--acc)}
.tag{font:11px ui-monospace,monospace;color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:2px 6px;margin-left:8px}
header nav{display:flex;gap:22px;margin-left:8px}header nav a{color:var(--dim);font-size:14px}header nav a:hover{color:var(--ink)}
header>.btn{margin-left:auto}
.btn{display:inline-block;background:var(--acc);color:#04121f;font-weight:600;font-size:14px;
  padding:9px 16px;border-radius:9px;border:1px solid transparent}
.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--acc)}
main{max-width:1060px;margin:0 auto;padding:0 24px 80px}
.hero{padding:64px 0 40px}
.badge{display:inline-flex;align-items:center;gap:8px;color:var(--acc2);font-size:13px;
  border:1px solid #2b5a3a;background:#12351f4d;border-radius:999px;padding:5px 12px;margin-bottom:20px}
.badge.big{font-size:14px;padding:8px 14px;margin-bottom:8px}
.hero h1{font-size:42px;line-height:1.1;letter-spacing:-.02em;margin-bottom:16px;max-width:15ch;text-wrap:balance}
.lead{color:var(--dim);font-size:17px;max-width:60ch}
.cta{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.stats{display:flex;gap:44px;flex-wrap:wrap;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}
.stats b{display:block;font-size:26px;letter-spacing:-.01em}.stats span{color:var(--dim);font-size:13px}
h2{font-size:22px;margin:64px 0 20px;letter-spacing:-.01em}
.muted{color:var(--dim);font-weight:400}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.card{background:linear-gradient(180deg,#141a2233,var(--panel));border:1px solid var(--line);border-radius:var(--rad);padding:22px;position:relative}
.card .ic{font-size:22px;color:var(--acc);margin-bottom:10px}
.card h3{font-size:16px;margin-bottom:6px}.card p{color:var(--dim);font-size:14px}
.cards.price .card{display:flex;flex-direction:column}
.price{font-size:32px;margin:8px 0 14px}.price span{font-size:14px;color:var(--dim)}
.card ul{list-style:none;color:var(--dim);font-size:14px;margin-bottom:18px;flex:1}
.card li{padding:4px 0;border-bottom:1px dashed #1c2530}.card li:last-child{border:0}
.card.hot{border-color:#2f5c86;box-shadow:0 0 0 1px #2f5c8644,0 20px 40px -24px #1a4a7a}
.pin,.card .pin{position:absolute;top:-10px;right:16px;background:var(--acc);color:#04121f;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.item{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.item img{display:block;width:100%;height:112px;object-fit:cover}
.item .m{display:flex;justify-content:space-between;padding:7px 10px;font-size:12px;color:var(--dim)}
footer{max-width:1060px;margin:0 auto;padding:26px 24px;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
footer b{color:var(--ink)}footer span{color:var(--dim);font-size:13px;margin-left:10px}
footer nav{display:flex;gap:18px}footer nav a{color:var(--dim);font-size:13px}footer nav a:hover{color:var(--ink)}
.doc{display:grid;grid-template-columns:200px 1fr;gap:40px;padding-top:36px}
.doc aside{position:sticky;top:80px;align-self:start;display:flex;flex-direction:column;gap:7px}
.doc aside b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--dim);margin-bottom:6px}
.doc aside a{color:var(--dim);font-size:14px}.doc aside a:hover{color:var(--acc)}
.doc article h1{font-size:30px;margin-bottom:10px;letter-spacing:-.01em}
.doc article h2{font-size:19px;margin:34px 0 12px}
.doc article p{color:var(--dim);margin-bottom:10px}
pre{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:16px;overflow:auto;margin:14px 0}
pre code{background:none;border:0;padding:0;color:#cdd7e2;line-height:1.7}
table{width:100%;border-collapse:collapse;margin:12px 0}
td{border-bottom:1px solid var(--line);padding:8px 6px;font-size:14px;color:var(--dim);vertical-align:top}
td:first-child{white-space:nowrap;width:120px}
.edges{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0 20px}
.edge{display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px}
.edge .ok{color:var(--acc2);font-size:11px}
.comp{display:flex;justify-content:space-between;padding:12px 14px;border:1px solid var(--line);border-radius:9px;margin-bottom:8px;background:var(--panel)}
.comp .ok{color:var(--acc2);font-size:13px}
@media(max-width:720px){.doc{grid-template-columns:1fr}.doc aside{position:static;flex-flow:row wrap}.hero h1{font-size:32px}header nav{display:none}}

.page{max-width:820px;margin:0 auto;padding:40px 24px 80px}
.page h1{font-size:30px;margin:10px 0}
.page h2{font-size:19px;margin:30px 0 12px}
.page article{max-width:none!important}