:root{--bg:#0b0f19;--panel:#ffffff0f;--panel-2:#ffffff17;--text:#ffffffeb;--muted:#ffffffb8;--muted-2:#fff9;--border:#ffffff1f;--shadow:0 18px 60px #00000059;--radius:16px;--radius-sm:12px;--max:1120px;--ok:#33d17a;--warn:#fc0;--bad:#ff6b6b;--accent:#7aa2ff;--accent-2:#a67cff;--link:#9bb6ff;--focus:0 0 0 3px #7aa2ff59;--font:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(900px 500px at 10% -10%,#7aa2ff38,transparent 60%),radial-gradient(700px 500px at 90% 10%,#a67cff2e,transparent 60%),radial-gradient(800px 600px at 50% 120%,#33d17a1f,transparent 65%),var(--bg);margin:0;line-height:1.6}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{box-shadow:var(--focus);border-radius:10px;outline:none}.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}.nav{justify-content:space-between;align-items:center;gap:14px;display:flex}.brand{align-items:center;gap:10px;min-width:220px;display:flex}.logo{background:linear-gradient(135deg,#7aa2fff2,#a67cfff2);border-radius:12px;width:34px;height:34px;box-shadow:0 12px 30px #7aa2ff2e}.brand strong{letter-spacing:.2px;font-size:15px}.brand span{color:var(--muted);margin-top:-2px;font-size:12px;display:block}.nav-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.btn{border:1px solid var(--border);color:var(--text);letter-spacing:.15px;cursor:pointer;white-space:nowrap;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{background:#ffffff17;text-decoration:none}.btn.primary{color:#071021;background:linear-gradient(135deg,#7aa2fff2,#a67cfff2);border-color:#fff0;box-shadow:0 16px 40px #7aa2ff2e}.btn.primary:hover{filter:brightness(1.03)}.hero{padding:90px 0 18px}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:start;gap:24px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.hero .card{padding:22px}.eyebrow{color:var(--muted);letter-spacing:.35px;text-transform:uppercase;background:#7aa2ff1f;border:1px solid #7aa2ff38;border-radius:999px;align-items:center;gap:10px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}h1{letter-spacing:-.4px;margin:12px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.15}.lead{color:var(--muted);max-width:68ch;margin:0 0 16px;font-size:16px}.meta{color:var(--muted-2);flex-wrap:wrap;gap:16px;margin-top:14px;font-size:13px;display:flex}.meta code{font-family:var(--mono);border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:999px;padding:2px 8px;font-size:12px}.hero-aside{padding:18px}.hero-aside h2{letter-spacing:-.2px;margin:0 0 8px;font-size:16px}.aside-list{margin:0;padding:0;list-style:none}.aside-list li{border-top:1px solid var(--border);color:var(--muted);padding:10px 0;font-size:14px}.aside-list li:first-child{border-top:0}.aside-list strong{color:var(--text);margin-bottom:2px;font-size:13px;display:block}main{padding:18px 0 60px}.layout{grid-template-columns:300px 1fr;align-items:start;gap:22px;display:grid}.toc{padding:16px;position:sticky;top:86px}.toc h2{color:var(--muted);text-transform:uppercase;letter-spacing:.35px;margin:0 0 10px;font-size:14px}.toc ol{color:var(--muted);margin:0;padding-left:18px}.toc li{margin:8px 0}.toc a{color:var(--muted)}.toc a:hover{color:var(--text);text-decoration:none}.toc .toc-cta{gap:10px;margin-top:12px;display:grid}.content .section{margin-bottom:16px;padding:18px}.content h2{letter-spacing:-.25px;margin:0 0 8px;font-size:20px}.content h3{letter-spacing:-.2px;margin:18px 0 8px;font-size:16px}.content p{color:var(--muted);margin:0 0 12px}.callout{border-radius:var(--radius-sm);background:#33d17a1a;border:1px solid #33d17a4d;margin-top:12px;padding:14px}.callout strong{color:var(--text)}.callout p{margin:6px 0 0}.pill-row{flex-wrap:wrap;gap:10px;margin:10px 0 0;display:flex}.pill{border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.dot{background:#ffffff59;border-radius:999px;width:9px;height:9px}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.table-wrap{border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.35px;color:var(--muted);border-bottom:1px solid var(--border);background:#ffffff08;padding:14px;font-size:12px;position:sticky;top:0}tbody td{border-top:1px solid var(--border);vertical-align:top;color:var(--muted);padding:14px;font-size:14px}tbody tr:hover td{color:var(--text);background:#ffffff08}.badge{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.badge.reco{background:#7aa2ff1f;border-color:#7aa2ff59}.badge.avoid{background:#ff6b6b1f;border-color:#ff6b6b59}.kpi{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.kpi .mini{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0d;padding:12px}.kpi .mini strong{color:var(--text);margin-bottom:4px;font-size:13px;display:block}.kpi .mini span{color:var(--muted);font-size:13px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px;display:grid}.panel{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0d;padding:14px}.panel h3,.panel h4{color:var(--text);margin:0 0 8px;font-size:14px}.panel ul{color:var(--muted);margin:0;padding-left:18px}.panel li{margin:6px 0}.reco-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.reco-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:#ffffff0d;padding:14px}.reco-card strong{color:var(--text);margin-bottom:6px;font-size:14px;display:block}.reco-card p{color:var(--muted);margin:0;font-size:13px}details{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff0d;margin-top:10px;padding:12px}summary{cursor:pointer;color:var(--text);font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}details p{color:var(--muted);margin:10px 0 0}footer{border-top:1px solid var(--border);color:var(--muted-2);padding:26px 0 40px;font-size:13px}.foot-grid{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}@media (width<=980px){.hero-grid,.layout{grid-template-columns:1fr}.toc{position:static}.kpi,.grid-2,.reco-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:target{scroll-margin-top:140px}