@font-face{font-family:Plex;src:url(/f/s400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url(/f/s500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Plex;src:url(/f/s600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:PlexMono;src:url(/f/m400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:PlexMono;src:url(/f/m500.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--bg:#f6f7f9;--paper:#fff;--ink:#0e1b2c;--mute:#5b6676;--line:#dde2e8;--cobalt:#2546d0;--cobalt-d:#1a35a6;--amber:#f3e3c3;--amber-ink:#6b4a0e;--r:4px;--w:1120px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 Plex,system-ui,sans-serif}
a{color:var(--cobalt)}a:hover{color:var(--cobalt-d)}
h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(30px,4.4vw,46px)}h2{font-size:24px}h3{font-size:18px}
p{margin:0 0 1em}
.band{background:var(--ink);color:#cfd6df;font:500 12px/1.4 PlexMono,monospace;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:7px 16px}
.top{max-width:var(--w);margin:0 auto;display:flex;align-items:center;gap:28px;padding:18px 20px;border-bottom:1px solid var(--line)}
.mark{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;color:var(--ink);text-decoration:none;margin:0}
.glyph{display:inline-grid;place-items:center;width:30px;height:30px;border:1.5px solid var(--ink);font:500 13px PlexMono,monospace}
.top nav{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}
.top nav a,.cartlink{color:var(--ink);text-decoration:none;font-size:15px}
.top nav a[aria-current]{color:var(--cobalt);text-decoration:underline;text-underline-offset:5px}
.cartlink{border:1px solid var(--ink);padding:6px 12px;border-radius:var(--r);font-family:PlexMono,monospace;font-size:14px}
main{display:block}
.wrap{max-width:var(--w);margin:0 auto;padding:44px 20px}
.narrow{max-width:760px}
.head{padding-bottom:8px}
.hero{max-width:var(--w);margin:0 auto;padding:72px 20px 40px}
.hero h1{max-width:16ch}
.kicker{font:500 13px PlexMono,monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);margin-bottom:12px}
.kicker a{color:var(--mute)}
.lede{font-size:19px;color:#2b3747;max-width:62ch}
.mute{color:var(--mute)}.small{font-size:14px}
.notice{background:var(--amber);color:var(--amber-ink);border-left:3px solid #c98a1b;padding:12px 14px;font-size:14px;max-width:62ch;margin-top:28px}
.btn{display:inline-block;background:var(--cobalt);color:#fff;border:0;border-radius:var(--r);padding:12px 20px;font:500 15px Plex,sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--cobalt-d);color:#fff}
.steps{list-style:none;counter-reset:s;padding:0;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.steps li{counter-increment:s;background:var(--paper);border:1px solid var(--line);padding:22px;border-radius:var(--r)}
.steps li::before{content:"0" counter(s);font:500 13px PlexMono,monospace;color:var(--cobalt);display:block;margin-bottom:10px}
.split{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.cat{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line)}
.cat th{text-align:left;font:500 12px PlexMono,monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);padding:12px 14px;border-bottom:1px solid var(--line)}
.cat td{padding:14px;border-bottom:1px solid var(--line);vertical-align:top}
.cat tr:last-child td{border-bottom:0}
.cat td a{font-weight:600;text-decoration:none}
.mw{display:block;font:400 12px PlexMono,monospace;color:var(--mute);margin-top:2px}
.seq{font:400 13px/1.5 PlexMono,monospace;word-break:break-word;color:#334155}
.num{font-family:PlexMono,monospace;text-align:right;white-space:nowrap}
.prod{display:grid;gap:48px;grid-template-columns:minmax(0,1fr) 340px;align-items:start}
.prose{max-width:68ch}.prose h3{margin-top:1.6em}.prose ul,.prose ol{padding-left:1.2em}
.spec{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;margin:0 0 24px;background:var(--paper);border:1px solid var(--line);padding:18px;border-radius:var(--r)}
.spec dt{font:500 12px PlexMono,monospace;text-transform:uppercase;letter-spacing:.05em;color:var(--mute);padding-top:3px}
.spec dd{margin:0}
.buy{position:sticky;top:20px;background:var(--paper);border:1px solid var(--line);padding:22px;border-radius:var(--r)}
.buy fieldset{border:0;padding:0;margin:0 0 16px}
.buy legend{font:500 12px PlexMono,monospace;text-transform:uppercase;color:var(--mute);margin-bottom:8px}
.buy label{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r);margin-bottom:8px;cursor:pointer}
.buy label .num{margin-left:auto}
.buy .btn{width:100%}
.card{background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:var(--r)}
.cta{text-align:center}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:500;cursor:pointer}
.faq details p{margin:12px 0 0}
.form{display:grid;gap:14px}
.form label{display:grid;gap:6px;font-size:14px;font-weight:500}
.form input,.form textarea{font:inherit;font-weight:400;padding:10px 12px;border:1px solid #b9c2cd;border-radius:var(--r);background:#fff;width:100%}
.form .check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.form .check input{width:auto;margin-top:5px}
.hp{position:absolute;left:-9999px;width:1px;height:1px}
.ok{color:#14532d}.err{color:#991b1b}
.cartt{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);margin-bottom:12px}
.cartt td,.cartt th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left}
.cartt th{font:500 12px PlexMono,monospace;text-transform:uppercase;color:var(--mute)}
.cartt input{width:64px;padding:6px;font:inherit}
.cartt button{background:none;border:0;color:var(--cobalt);cursor:pointer;font:inherit;text-decoration:underline}
.totals{display:grid;grid-template-columns:1fr auto;gap:6px 20px;max-width:320px;margin-left:auto}
.totals .t{font-weight:600}
.foot{max-width:var(--w);margin:40px auto 0;padding:40px 20px;border-top:1px solid var(--line);display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));font-size:15px}
.foot .links{display:grid;gap:8px;align-content:start}.foot .links a{color:var(--ink)}
.fine{grid-column:1/-1;font-size:13px;color:var(--mute);margin:0}
@media (max-width:760px){.top{flex-wrap:wrap;gap:12px}.top nav{margin-left:0;order:3;width:100%;gap:14px}.cartlink{margin-left:auto}.prod{grid-template-columns:1fr}.buy{position:static}.hide-s{display:none}.hero{padding-top:44px}}
