:root{--bg:#07110e;--panel:#0b1915;--ink:#eafff5;--muted:#8da99e;--green:#58f2ac;--blue:#5b8cff;--red:#ff7676;--line:#28634c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 0,#15362a 0,transparent 35%),var(--bg);color:var(--ink);font:16px/1.6 Inter,Segoe UI,sans-serif}a{color:var(--green);text-decoration:none}nav{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100% - 1160px)/2));border-bottom:1px solid #17392d;background:#07110ee8;backdrop-filter:blur(14px)}nav div{display:flex;gap:24px;align-items:center}.brand{color:var(--ink);font-weight:800}.brand span{color:#07110e;background:var(--green);padding:6px;border-radius:7px;margin-right:8px}.github{border:1px solid var(--line);padding:6px 14px;border-radius:999px}main{max-width:1160px;margin:auto;padding:0 24px}.hero{min-height:780px;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--green);font:700 13px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.16em}.hero h1{font-size:clamp(55px,8vw,100px);line-height:.96;letter-spacing:-.065em;margin:25px 0}.hero h1 em{font-style:normal;color:var(--green)}.lede{color:#b8d2c8;font-size:22px;max-width:650px}.flow{display:flex;align-items:center;gap:18px;margin:42px 0}.flow div{min-width:190px;border:1px solid var(--line);border-radius:14px;padding:16px 20px;background:var(--panel)}.flow small,.flow strong{display:block}.flow small{color:var(--muted);font:12px ui-monospace,monospace}.flow .hot{border-color:var(--red)}.cta{align-self:flex-start;font-weight:700}.case,.panel,.limits{background:linear-gradient(145deg,#0d201a,#09140f);border:1px solid var(--line);border-radius:22px}.case{padding:36px;margin-bottom:26px}.case header{display:flex;justify-content:space-between;align-items:start}.case h2,.panel h2,.limits h2{font-size:31px;margin:8px 0 14px}.badge{background:#163a2d;color:var(--green);padding:7px 13px;border-radius:99px;font-size:12px;font-weight:800}.summary{color:#b8d2c8;max-width:800px}.graph{display:flex;align-items:center;justify-content:space-between;margin-top:36px}.graph button{color:var(--ink);background:#07110e;border:1px solid var(--line);border-radius:12px;padding:12px 17px;cursor:pointer}.graph button:hover,.graph button:focus{border-color:var(--green);transform:translateY(-2px)}.graph button span{display:block;color:var(--green);font:12px ui-monospace,monospace}.graph i{color:var(--muted)}.graph-info{color:var(--muted);min-height:26px}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}.panel{padding:30px}.panel pre{background:#030806;border-radius:12px;padding:20px;overflow:auto;font-size:14px}.del{color:#7bdca7}.add{color:#ff8b8b}.alert{border-left:3px solid var(--red);padding:4px 0 4px 18px}.alert b{color:var(--red)}.heat div{display:grid;grid-template-columns:125px 1fr 90px;gap:12px;align-items:center;margin:24px 0}.heat span{display:block;height:10px;width:var(--w);background:linear-gradient(90deg,var(--blue),var(--green));border-radius:10px}.heat small,.muted{color:var(--muted)}.tests{padding:0;list-style:none}.tests li{border-bottom:1px solid #18362b;padding:9px 0;font-family:ui-monospace,monospace}.tests li:before{content:'✓';color:var(--green);margin-right:10px}.replay button{background:var(--green);color:#06100d;border:0;border-radius:9px;padding:11px 17px;font-weight:800;cursor:pointer}#terminal{margin-top:16px;background:#030806;border-radius:10px;padding:16px;font:13px/1.8 ui-monospace,monospace;color:#b8d2c8;min-height:58px}#terminal span{display:block}.limits{margin:26px 0 80px;padding:36px}.limits>div{display:grid;grid-template-columns:1fr 1fr;gap:50px}.limits strong{color:var(--green)}footer{border-top:1px solid #17392d;display:flex;justify-content:space-between;padding:30px max(24px,calc((100% - 1160px)/2));color:var(--muted)}@media(max-width:800px){nav div a:not(.github){display:none}.hero{min-height:680px}.flow{align-items:stretch;flex-direction:column}.flow b{display:none}.grid{grid-template-columns:1fr}.graph{align-items:stretch;flex-direction:column}.graph i{transform:rotate(90deg);align-self:center}.limits>div{grid-template-columns:1fr}footer{flex-direction:column;gap:12px}}
:where(.grid>.panel){min-width:0}:where(.panel pre){max-width:100%}