:root{--paper:#F0F0F0;--surface:#fff;--ink:#111113;--ink2:#55565C;--line:rgba(0,0,0,.12);--lime:#C5F23C;--lime-soft:rgba(197,242,60,.22);--focus:#111113}
@media (prefers-color-scheme:dark){:root{--paper:#161618;--surface:#1E1E21;--ink:#F2F2F2;--ink2:#B4B4BA;--line:rgba(255,255,255,.14);--lime-soft:rgba(197,242,60,.12);--focus:#C5F23C}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.55 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}
a{color:inherit;text-underline-offset:.2em}
a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
.skip{position:absolute;left:-999px;top:0;background:var(--lime);color:#111;padding:.6rem 1rem;z-index:10}
.skip:focus{left:0}
header{padding:1.5rem 0 0}
header img{display:block;width:min(16rem,70vw);height:auto}
.hero{padding:3rem 0 2rem}
h1{font-weight:800;font-size:clamp(2.25rem,9vw,3.75rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 1.25rem}
h1 .block{background:var(--lime);color:#111;padding:0 .15em;display:inline-block}
h2{font-weight:700;font-size:1.5rem;letter-spacing:-.02em;line-height:1.15;margin:0 0 .75rem}
.lead{font-size:1.25rem;color:var(--ink2);margin:0 0 1.75rem;max-width:34rem}
.btn{display:inline-block;background:var(--lime);color:#111;font-weight:700;text-decoration:none;padding:.9rem 1.5rem;border-radius:12px;border:1px solid rgba(0,0,0,.35)}
.btn:hover{filter:brightness(.95)}
section{padding:1.75rem 0;border-top:1px solid var(--line)}
.note{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--lime);border-radius:12px;padding:1.1rem 1.25rem}
.note p{margin:0 0 .6rem}.note p:last-child{margin:0}
ol.kits{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.5rem}
ol.kits li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.7rem .9rem;display:flex;gap:.75rem;align-items:baseline}
ol.kits .ep{flex:none;background:var(--lime);color:#111;font:600 .8125rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;padding:.35rem .5rem;border-radius:7px}
.muted{color:var(--ink2)}
footer{border-top:1px solid var(--line);padding:1.75rem 0 3rem;color:var(--ink2);font-size:.9375rem}
footer p{margin:0 0 .6rem}
@media (min-width:40rem){ol.kits{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}