:root{--ink:#12202e;--navy:#1b3249;--steel:#2e4b66;--blue:#3f6a8e;--mist:#e3ebf2;--paper:#f5f8fb;--white:#fff;--line:#c5d3df;--muted:#3d5266;--hv:#e4ee2b;--link:#1c4f7c;--ok:#1f5f46;--warn:#7a4a00;--radius:10px;--max:1020px;--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font:1.0625rem/1.6 var(--font);color:var(--ink);background:var(--paper)}
a{color:var(--link);text-underline-offset:.18em}a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--navy);outline-offset:2px;box-shadow:0 0 0 6px var(--hv)}
.skip{position:absolute;left:-999px;top:0;background:var(--hv);color:var(--ink);padding:.75rem 1rem;z-index:100;font-weight:700}.skip:focus{left:0}
.wrap{max-width:var(--max);margin:0 auto;padding:0 1rem}
h1,h2,h3{line-height:1.2;color:var(--navy);letter-spacing:-.01em}h1{font-size:clamp(1.9rem,6vw,2.8rem);margin:.2em 0 .4em;font-weight:800}h2{font-size:clamp(1.4rem,4vw,1.8rem);margin:2.2rem 0 .6rem;font-weight:800}h3{font-size:1.15rem;margin:0 0 .3rem}
p,ul,ol{margin:.6rem 0}.muted{color:var(--muted)}.small{font-size:.9rem}
.hazard{height:6px;background:repeating-linear-gradient(-45deg,var(--navy) 0 12px,var(--hv) 12px 24px)}
.site-header{background:var(--navy);color:#fff}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 1rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;font-weight:800;line-height:1.1}.brand:hover{color:#fff}
.mark{display:inline-grid;place-items:center;width:2.6rem;height:2.6rem;border:2px solid var(--hv);color:var(--hv);font-weight:900;font-size:1.25rem;border-radius:6px;background:rgba(255,255,255,.06)}
.brand small{display:block;font-weight:500;opacity:.85;font-size:.78rem}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:.2rem;flex-wrap:wrap}nav a{display:block;color:#fff;text-decoration:none;padding:.5rem .7rem;border-radius:6px;font-weight:600}nav a:hover,nav a[aria-current=page]{background:rgba(255,255,255,.14);color:#fff}
.hero{background-color:var(--navy);color:#fff;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:32px 32px;padding:2.2rem 0 2.6rem;position:relative;overflow:hidden}
.hero h1{color:#fff}.hero p{max-width:46rem}.kicker{display:inline-block;background:var(--hv);color:var(--ink);font-weight:800;font-size:.8rem;padding:.2rem .6rem;border-radius:4px;letter-spacing:.04em;text-transform:uppercase}
.big09{position:absolute;right:-1rem;top:-2rem;font-size:14rem;font-weight:900;color:rgba(255,255,255,.05);line-height:1}
.urlbox{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.urlbox code{flex:1;min-width:16rem;background:#0e1a27;color:#fff;border:2px solid var(--hv);border-radius:8px;padding:.7rem .9rem;font:600 1rem var(--mono);overflow-wrap:anywhere}
.btn,button{font:inherit;font-weight:800;background:var(--hv);color:var(--ink);border:2px solid var(--hv);border-radius:8px;padding:.6rem 1rem;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover,button:hover{background:#fff;color:var(--navy)}
.btn.alt,button.alt{background:transparent;color:var(--navy);border-color:var(--navy)}.btn.alt:hover{background:var(--navy);color:#fff}
.chips{display:flex;gap:.4rem;flex-wrap:wrap;margin:.8rem 0}.chip{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.4);padding:.3rem .7rem;border-radius:99px;text-decoration:none;font-weight:600;font-size:.92rem}.chip:hover{background:#fff;color:var(--navy)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin:.9rem 0}
details.card summary{cursor:pointer;font-weight:800;color:var(--navy);font-size:1.12rem}details.card[open] summary{margin-bottom:.5rem}
pre{background:#0e1a27;color:#e8f0f7;border-radius:8px;padding:.8rem 1rem;overflow:auto;font:.9rem/1.5 var(--mono);position:relative;margin:.6rem 0}pre code{font:inherit}
.copy{position:absolute;right:.4rem;top:.4rem;padding:.15rem .5rem;font-size:.75rem;border-radius:5px}
.grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.pack{border:2px solid var(--line);border-radius:var(--radius);padding:1rem;background:#fff;display:flex;flex-direction:column;gap:.3rem}.pack.hot{border-color:var(--navy);box-shadow:0 0 0 4px var(--hv)}.pack .price{font-size:2rem;font-weight:900;color:var(--navy)}.pack .per{color:var(--muted);font-size:.9rem}
table{border-collapse:collapse;width:100%;background:#fff}th,td{border:1px solid var(--line);padding:.5rem .7rem;text-align:left;vertical-align:top}th{background:var(--mist);color:var(--navy)}
.note{border-left:6px solid var(--hv);background:#fff;padding:.7rem 1rem;border-radius:0 8px 8px 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.tag{display:inline-block;font-size:.75rem;font-weight:800;padding:.1rem .5rem;border-radius:4px;background:var(--mist);color:var(--navy);margin-left:.4rem;vertical-align:middle}.tag.ok{background:#d8efe4;color:var(--ok)}.tag.warn{background:#fdebc8;color:var(--warn)}
input[type=text],input[type=password]{font:inherit;padding:.6rem .8rem;border:2px solid var(--line);border-radius:8px;width:100%;max-width:34rem}
footer{margin-top:3rem;background:var(--navy);color:#fff;padding:1.5rem 0}footer a{color:#fff}
.out{white-space:pre-wrap}