@font-face{font-family:Oswald;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/oswald-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/oswald-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Oswald;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/oswald-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jost-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jost-latin-500-normal.woff2)format("woff2")}:root{--canvas:#e6e9f2;--white:#fff;--ink:#0b1220;--ink-2:#3d4a63;--muted:#69727d;--indigo:#3856dd;--mint:#00d9a7;--orange:#f3714e;--gold:#b08d42;--font-display:"Oswald","Arial Narrow",sans-serif;--font-body:"Jost","Helvetica Neue",system-ui,sans-serif;--border:2px solid var(--ink);--sh-sm:3px 3px 0 var(--ink);--sh-md:6px 6px 0 var(--ink)}*{box-sizing:border-box}html,body{background:var(--canvas);margin:0}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;position:relative}body:before{content:"";z-index:0;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(11,18,32,.043) 1px,transparent 1px),linear-gradient(90deg,rgba(11,18,32,.043) 1px,transparent 1px);background-size:72px 72px;position:fixed;top:0;bottom:0;left:0;right:0}.wrap{z-index:1;max-width:760px;padding:48px max(20px,env(safe-area-inset-right))72px max(20px,env(safe-area-inset-left));margin:0 auto;position:relative}.brandbar{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--ink);border-bottom:none;align-items:center;gap:12px;margin-bottom:24px;font-size:1.15rem;font-weight:700;text-decoration:none;display:inline-flex}.brandbar:hover{color:var(--orange)}.brandbar img{object-fit:contain;border:var(--border);background:var(--white);border-radius:5px;width:34px;height:34px;padding:4px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.brandbar:hover img{box-shadow:var(--sh-sm);transform:rotate(-6deg)scale(1.06)}.brandbar span:before{content:"← ";color:var(--orange)}header{background:var(--white);border:var(--border);box-shadow:var(--sh-md);border-radius:10px;margin-bottom:24px;padding:32px 28px}h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.005em;margin:0 0 10px;font-size:max(2rem,min(6vw,2.9rem));font-weight:700;line-height:1.05}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin:0 0 14px;font-size:.9rem;font-weight:500}.meta{color:var(--muted);margin:0;font-size:.9rem}code{border:1.5px solid var(--ink);background:var(--canvas);border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.intro{color:var(--ink-2);margin:18px 0 0;font-size:1.02rem}section{background:var(--white);border:var(--border);box-shadow:var(--sh-sm);border-radius:10px;margin-bottom:16px;padding:26px 28px;transition:transform .22s,box-shadow .22s}section:hover{box-shadow:6px 6px 0 var(--indigo);transform:translate(-3px,-3px)}h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0 0 12px;font-size:1.2rem;font-weight:600;line-height:1.3}p,li{color:var(--ink-2);margin:0 0 10px;font-size:1rem}strong{color:var(--ink);font-weight:500}ul{margin:0;padding-left:1.15rem}li{margin-bottom:10px}li::marker{color:var(--orange)}a{color:var(--indigo);border-bottom:1.5px solid;text-decoration:none}a:hover{color:var(--orange)}footer{border:var(--border);background:var(--ink);color:rgba(255,255,255,.6);font-family:var(--font-body);letter-spacing:.06em;text-align:center;border-radius:10px;margin-top:36px;padding:20px 24px;font-size:.85rem}@media (hover:none) and (pointer:coarse){section:hover{box-shadow:var(--sh-sm);transform:none}}@media (max-width:640px){.wrap{padding:28px max(16px,env(safe-area-inset-right))52px max(16px,env(safe-area-inset-left))}header{padding:24px 18px}section{padding:20px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important}}