:root{--bg:#0b1220;--panel:#121c2e;--line:#22324d;--ink:#e8f0ff;--mut:#9fb0cc;--lime:#c6ff3d;--teal:#22e3c4;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:var(--teal)}img,svg{max-width:100%}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:var(--lime);color:#000;padding:8px;z-index:9}
:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.top{position:sticky;top:0;z-index:5;background:rgba(11,18,32,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;min-height:64px;flex-wrap:wrap}.logo{height:42px;width:auto;display:block}
.menu{background:none;border:1px solid var(--line);color:var(--ink);padding:8px 14px;border-radius:10px;font:inherit}
nav{display:none;width:100%;flex-direction:column;padding:8px 0 14px}nav.open{display:flex}
nav a{color:var(--ink);text-decoration:none;padding:10px 4px;font-weight:600}nav a[aria-current]{color:var(--lime)}
@media(min-width:900px){.menu{display:none}nav{display:flex;flex-direction:row;width:auto;padding:0;gap:4px}nav a{padding:8px 10px;font-size:.95rem}}
h1,h2,h3{line-height:1.15;margin:0 0 .5em}h1{font-size:clamp(2.2rem,6vw,4rem);font-weight:900;letter-spacing:-.02em}h2{font-size:clamp(1.5rem,3.5vw,2.2rem)}
.hl{color:var(--lime)}.tag{font-family:ui-monospace,Consolas,monospace;color:var(--teal);margin:0 0 10px}.lead{font-size:1.15rem;color:#cfdbef;max-width:60ch}.fine{font-size:.85rem;color:var(--mut)}
.hero{padding:56px 0 64px;background:radial-gradient(circle at 80% 20%,rgba(34,227,196,.18),transparent 45%),linear-gradient(#0b1220,#0e1a2e);border-bottom:1px solid var(--line);
background-image:radial-gradient(circle at 80% 20%,rgba(34,227,196,.18),transparent 45%),linear-gradient(rgba(34,50,77,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(34,50,77,.35) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
.hgrid{display:grid;gap:40px;align-items:center}@media(min-width:900px){.hgrid{grid-template-columns:1.3fr 1fr}}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.btn{display:inline-block;background:var(--lime);color:#0b1220;font-weight:800;padding:14px 22px;border-radius:12px;text-decoration:none;border:0;font-size:1rem;cursor:pointer}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--teal)}.btn.sm{padding:10px 16px}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid var(--line);background:var(--panel);padding:6px 12px;border-radius:99px;font-size:.9rem;font-family:ui-monospace,monospace}
.beaker{position:relative;height:320px;border:2px solid var(--teal);border-radius:24px 24px 60px 60px;background:linear-gradient(transparent 35%,rgba(198,255,61,.14) 35%);overflow:hidden;max-width:360px;margin:0 auto;width:100%}
.stack i{position:absolute;width:90px;height:126px;border-radius:9px;border:2px solid var(--teal);background:var(--panel);left:50%;top:90px}
.stack i:nth-child(1){transform:translateX(-50%) rotate(-18deg) translateX(-50px)}.stack i:nth-child(2){transform:translateX(-50%) rotate(-8deg) translateX(-22px)}.stack i:nth-child(3){transform:translateX(-50%);border-color:var(--lime)}.stack i:nth-child(4){transform:translateX(-50%) rotate(9deg) translateX(24px)}.stack i:nth-child(5){transform:translateX(-50%) rotate(19deg) translateX(52px)}
.readout{position:absolute;left:16px;right:16px;bottom:18px;display:grid;grid-template-columns:auto 1fr auto auto;gap:6px 10px;align-items:baseline;font-family:ui-monospace,monospace;background:rgba(11,18,32,.85);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.readout span{color:var(--mut);font-size:.75rem}.readout b{font-size:1.4rem}
@media (prefers-reduced-motion:no-preference){.stack i:nth-child(3){animation:bob 3s ease-in-out infinite}@keyframes bob{50%{margin-top:-10px}}}
.sec{padding:56px 20px}.band{background:var(--panel);border-block:1px solid var(--line);padding:56px 0}
.steps{list-style:none;padding:0;display:grid;gap:18px}@media(min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps li,.card,.tile{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}.band .card{background:var(--bg)}
.n{font-family:ui-monospace,monospace;color:var(--lime);font-size:2rem;font-weight:800}
.two,.grid3,.grid2{display:grid;gap:22px}@media(min-width:760px){.two{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr 1fr}}
.tile{display:block;color:var(--ink);text-decoration:none;transition:border-color .2s}.tile:hover{border-color:var(--lime)}.tile p{color:var(--mut);margin:0}
.ticks,.xs{list-style:none;padding:0}.ticks li,.xs li{padding:6px 0 6px 28px;position:relative}.ticks li:before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:900}.xs li:before{content:"✕";position:absolute;left:0;color:#ff6b6b;font-weight:900}
.ok{border-top:4px solid var(--lime)}.no{border-top:4px solid #ff6b6b}.plain{list-style:none;padding:0}.plain li{padding:4px 0}
.phead{padding:48px 0 32px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#0e1a2e,#0b1220)}.center{text-align:center}
.form{display:grid;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px}.row{display:grid;gap:14px}@media(min-width:640px){.row{grid-template-columns:1fr 1fr}}
label{display:grid;gap:6px;font-weight:600;font-size:.95rem}input,select,textarea{font:inherit;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:12px}
.chk{display:flex;align-items:center;gap:10px;font-weight:500}.chk input{width:20px;height:20px}
.tbl{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:520px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--teal);font-family:ui-monospace,monospace;font-size:.85rem}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:12px}summary{font-weight:700;cursor:pointer}
.video{aspect-ratio:16/9;border:2px dashed var(--teal);border-radius:var(--r);display:grid;place-items:center;font-family:ui-monospace,monospace;color:var(--mut);margin-bottom:20px}
.note{margin-top:24px}.photo{margin-top:16px;border:2px dashed var(--line);border-radius:12px;padding:40px 10px;text-align:center;color:var(--mut)}
.foot{border-top:1px solid var(--line);padding:40px 0 20px;margin-top:40px;color:var(--mut)}.fgrid{display:grid;gap:24px}@media(min-width:760px){.fgrid{grid-template-columns:1.2fr 1fr 1fr}}.foot h3{color:var(--ink);font-size:1rem}
.legal{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;font-size:.8rem}