:root{--ink:#0e1b2e;--slate:#16202e;--body:#48586a;--muted:#92a0af;--paper:#fff;--mist:#f4f7fb;--line:#e3e9f0;--signal:#2563eb;--ok:#16a34a;--warn:#d88200;--risk:#dc2626;--display:"Hanken Grotesk", system-ui, sans-serif;--sans:"Inter", system-ui, sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}body{background:var(--mist);color:var(--body);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}.doc{background:var(--paper);border-left:1px solid var(--line);border-right:1px solid var(--line);max-width:820px;min-height:100vh;margin:0 auto}.pad{padding:0 clamp(28px,6vw,72px)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.head{background:var(--ink);color:#fff;padding:clamp(40px,7vw,72px) 0 clamp(36px,6vw,56px)}.brand{font:700 19px/1 var(--display);letter-spacing:-.01em;color:#fff;align-items:center;gap:9px;margin-bottom:30px;display:flex}.brand b{background:var(--signal);border-radius:3px;width:10px;height:10px;display:inline-block}.brand__logo{filter:brightness(0)invert();width:auto;height:30px;display:block}.head .eyebrow{color:#7fa8ff}.head h1{font:700 clamp(28px, 4.4vw, 42px)/1.1 var(--display);letter-spacing:-.02em;color:#fff;max-width:18ch;margin:14px 0 0}.head .sub{color:#b9c6d6;max-width:62ch;margin-top:16px;font-size:16.5px}.head .meta{font:500 12px/1 var(--mono);letter-spacing:.04em;color:#8fa1b5;border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:8px 22px;margin-top:26px;padding-top:22px;display:flex}.head .meta span{align-items:center;gap:8px;display:flex}.eyebrow{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--signal);align-items:center;gap:9px;display:inline-flex}.eyebrow:before{content:"";opacity:.7;background:currentColor;width:18px;height:1px}section{border-bottom:1px solid var(--line);padding:clamp(36px,5vw,52px) 0}section:last-of-type{border-bottom:0}.sec-i{font:500 12px/1 var(--mono);color:var(--signal);letter-spacing:.06em}h2{font:700 clamp(22px, 2.8vw, 28px)/1.18 var(--display);letter-spacing:-.018em;color:var(--slate);max-width:24ch;margin:10px 0 0}h3{font:600 16px/1.4 var(--sans);color:var(--slate);margin:26px 0 6px}p{max-width:66ch;margin:14px 0 0}strong{color:var(--slate);font-weight:600}.lead-p{color:#3c4b5c;font-size:17.5px}.pull{background:var(--mist);border:1px solid var(--line);border-left:3px solid var(--signal);border-radius:0 10px 10px 0;margin:22px 0 4px;padding:18px 22px}.pull p{font:500 16px/1.5 var(--sans);color:var(--slate);max-width:64ch;margin:0}ul.clean{margin:16px 0 0;padding:0;list-style:none}ul.clean li{border-top:1px solid var(--line);max-width:68ch;padding:14px 0 14px 26px;position:relative}ul.clean li:first-child{border-top:0}ul.clean li:before{content:"";background:var(--signal);border-radius:50%;width:8px;height:8px;position:absolute;top:21px;left:0}ul.clean li b{color:var(--slate);font-weight:600}ul.clean.rag li:nth-child(3n+1):before{background:var(--ok)}ul.clean.rag li:nth-child(3n+2):before{background:var(--warn)}ul.clean.rag li:nth-child(3n+3):before{background:var(--risk)}.grid2{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.tile{border:1px solid var(--line);border-radius:12px;padding:18px 20px}.tile .k{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tile .v{font:600 15px/1.4 var(--sans);color:var(--slate);margin-top:8px}.tile .d{margin-top:6px;font-size:14px}.swatches{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.sw{border:1px solid var(--line);font:500 12.5px/1 var(--sans);color:var(--slate);border-radius:10px;align-items:center;gap:10px;padding:9px 13px;display:flex}.sw i{border:1px solid #0000000f;border-radius:5px;width:18px;height:18px;display:block}.chip{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 11px}.foot{color:var(--muted);font:500 12px/1.5 var(--mono);letter-spacing:.05em;padding:30px 0}.foot b{color:var(--slate)}a{color:var(--signal);text-decoration:none}@media (width<=640px){.grid2{grid-template-columns:1fr}.pad{padding:0 20px}.doc{border-left:0;border-right:0}.head{padding:36px 0 30px}.head h1{max-width:none;font-size:26px;line-height:1.14}.head .sub{max-width:none;font-size:15.5px}section{padding:30px 0}h2{max-width:none;font-size:21px}.lead-p{font-size:16.5px}.pull{padding:16px 16px 16px 18px}.pull p{max-width:none;font-size:15px}ul.clean li{max-width:none;padding-left:22px}p{max-width:none}}@media (width<=420px){.pad{padding:0 16px}.head h1{font-size:24px}}