:root{--bg: #0a0e1a;--panel: #131a2c;--hairline: #232c44;--text: #eaf0ff;--text-2: #93a0bf;--blue: #3aa6ff;--yellow: #ffc53a;--green: #34f0a0;--red: #ff4a64}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}main{max-width:680px;margin:0 auto;padding:0 24px 40px}section{padding:44px 0 12px}h1,h2{text-wrap:balance;line-height:1.15}h2{font-size:1.35rem;margin-bottom:14px;letter-spacing:.01em}p{color:var(--text-2);max-width:58ch}a{color:var(--blue);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}a:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.hero{text-align:center;padding:76px 0 20px}.wordmark{font-size:clamp(3rem,12vw,4.4rem);font-weight:900;letter-spacing:-.03em}.wordmark .fall{color:var(--blue)}.tagline{margin:10px auto 0;font-size:1.05rem}.ink-line{height:5px;width:min(320px,70%);margin:30px auto 0;border-radius:999px;background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 18px #3aa6ff8c}.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;padding:13px 26px;border-radius:999px;font-weight:700;color:#06121f;background:var(--blue)}.btn:hover{text-decoration:none;filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--text-2);border:1px solid var(--hairline)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:6px}.card{background:var(--panel);border:1px solid var(--hairline);border-radius:14px;padding:16px}.card b{display:block;margin-bottom:4px;color:var(--text)}.card p{font-size:.92rem}ol.steps{list-style:none;counter-reset:step;display:grid;gap:10px;margin-top:6px}ol.steps li{counter-increment:step;background:var(--panel);border:1px solid var(--hairline);border-radius:14px;padding:14px 16px 14px 54px;position:relative;color:var(--text-2)}ol.steps li:before{content:counter(step);position:absolute;left:16px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:var(--blue);color:#06121f;font-weight:800;display:grid;place-items:center;font-size:.9rem}ol.steps b{color:var(--text)}.family{border-left:3px solid var(--green);padding-left:18px}.family ul{list-style:none;margin-top:8px;color:var(--text-2)}.family li:before{content:"✓ ";color:var(--green);font-weight:700}.prose h2{margin-top:34px}.prose p,.prose li{margin-top:10px}.prose ul{padding-left:20px}.updated{font-size:.9rem;color:var(--text-2)}footer{text-align:center;padding:34px 24px 44px;border-top:1px solid var(--hairline);margin-top:40px}footer p{max-width:none}footer .fine{font-size:.85rem;margin-top:6px}@media(prefers-reduced-motion:no-preference){.ink-line{animation:glow 2.6s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 10px #3aa6ff59}to{box-shadow:0 0 26px #3aa6ffb3}}}.fine-row{margin:14px auto 0;font-size:.88rem;color:var(--text-2);max-width:none;text-align:center}.vignette-wrap{height:230px;margin-top:26px;display:grid;place-items:start center;overflow:hidden}.vignette{position:relative;width:560px;height:230px;transform-origin:top center}@media(max-width:620px){.vignette-wrap{height:175px}.vignette{transform:scale(.72)}}.hb-static{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.5),transparent 45%),var(--bc, var(--red));box-shadow:0 0 12px color-mix(in srgb,var(--bc, var(--red)) 50%,transparent)}.hb-static.red{--bc: var(--red);top:186px;left:212px}.hb-static.blue{--bc: var(--blue)}.hb-static.yellow{--bc: var(--yellow)}.hb-static.falling{top:62px;left:300px}.hb-static.in-basket{top:178px;left:462px}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:680px;margin:0 auto;padding:18px 24px 0}.site-nav .brand{font-weight:900;font-size:1.25rem;letter-spacing:-.02em;color:var(--text)}.site-nav .brand .fall{color:var(--blue)}.site-nav .brand:hover{text-decoration:none}.site-nav .links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-nav .links a{color:var(--text-2);font-size:.95rem;font-weight:600}.site-nav .links a[aria-current=page]{color:var(--text)}.site-nav .links a:hover{color:var(--text);text-decoration:none}.site-nav .btn.small{padding:8px 16px;font-size:.9rem;color:#06121f}@media(max-width:480px){.site-nav{flex-direction:column;gap:10px}}