:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08110d;--panel:#101b16;--line:#263a30;--text:#f2f7f4;--muted:#a9b9b0;--accent:#8ff0b6}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(circle at 75% 0%, #173d2b 0, transparent 34rem), var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{width:min(1120px,100% - 40px);margin:auto}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}nav strong{letter-spacing:-.02em;font-size:20px}a{color:var(--muted);text-decoration:none}.hero{max-width:860px;padding:88px 0 64px}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:12px;font-weight:800}h1{letter-spacing:-.055em;margin:18px 0 24px;font-size:clamp(44px,7vw,82px);line-height:.98}.lede{color:var(--muted);max-width:760px;font-size:clamp(18px,2vw,23px);line-height:1.55}.badges{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.badges span{border:1px solid var(--line);color:#d7e5dd;background:#0b1711aa;border-radius:999px;padding:8px 12px;font-size:13px}.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}article{border:1px solid var(--line);background:linear-gradient(160deg,#13221a,#0b1510);border-radius:18px;min-height:255px;padding:24px}.price{color:var(--accent);font-size:26px;font-weight:800}.price small{color:var(--muted);font-size:13px;font-weight:500}h2{margin:36px 0 12px;font-size:24px}article p,.principles p{color:var(--muted);line-height:1.55}article code{color:#d8fbe6;overflow-wrap:anywhere;margin-top:24px;font-size:12px;display:block}.terminal{border:1px solid var(--line);background:#050a07;border-radius:18px;margin:48px 0;overflow:hidden}.terminal-head{border-bottom:1px solid var(--line);gap:7px;padding:14px 16px;display:flex}.terminal-head span{background:#466052;border-radius:50%;width:9px;height:9px}pre{color:#c9f8dc;margin:0;padding:26px;line-height:1.6;overflow:auto}.principles{grid-template-columns:repeat(3,1fr);gap:28px;padding:36px 0 64px;display:grid}.principles strong{font-size:18px}footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 44px;font-size:13px}@media (max-width:800px){.grid,.principles{grid-template-columns:1fr}.hero{padding-top:56px}}