:root{color-scheme:dark;--bg:#0b1720;--panel:#142733;--ink:#eef7fa;--muted:#b6cad4;--accent:#6be3d7;--line:#29434f;--warm:#ffc58c;font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 90% 0,#1b4652 0,transparent 42rem),var(--bg);color:var(--ink)}a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{color:#fff}a:focus-visible{outline:3px solid var(--warm);outline-offset:5px;border-radius:4px}header,footer{max-width:1160px;margin:auto;padding:26px 32px;display:flex;gap:22px;align-items:center;justify-content:space-between}header{border-bottom:1px solid var(--line)}nav{display:flex;gap:8px 20px;flex-wrap:wrap}nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;text-decoration:none;color:var(--muted)}nav a[aria-current=page]{color:var(--accent)}.brand{display:flex;gap:12px;align-items:center;font-weight:850;font-size:25px;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand img{border-radius:13px}.accent{color:var(--accent)}main{max-width:1000px;margin:auto;padding:64px 32px 82px;min-height:65vh}h1{font-size:clamp(34px,6vw,62px);line-height:1.08;letter-spacing:-2px;margin:12px 0 24px}h2{font-size:25px;line-height:1.3;margin:44px 0 14px;letter-spacing:-.5px}h3{font-size:19px;margin:22px 0 8px}p{margin:12px 0 20px}li{margin:9px 0}ul,ol{padding-left:24px}.eyebrow{color:var(--warm);font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}.lead{font-size:clamp(18px,2.8vw,23px);color:var(--muted);max-width:700px}.meta{color:var(--muted);font-size:14px}.card,.callout{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:26px;margin:24px 0}.callout{border-left:4px solid var(--accent)}.callout p:last-child,.card p:last-child{margin-bottom:0}.hero{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:52px;align-items:center;margin-bottom:52px}.hero img{width:100%;height:auto;border-radius:44px;box-shadow:0 25px 75px #0006;transform:rotate(7deg)}.hero h1{font-size:clamp(46px,7vw,80px)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{display:block;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:20px;text-decoration:none;color:var(--ink)}.tile:hover{border-color:var(--accent)}.tile span{display:block;font-size:12px;color:var(--warm);font-weight:700;letter-spacing:1px}.tile h2{margin:14px 0;font-size:24px}.tile p{font-size:15px;color:var(--muted);margin:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 22px;border-radius:12px;background:var(--accent);color:#09262b;text-decoration:none;font-weight:750}.button:hover{background:#adfff5;color:#09262b}.toc{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;list-style:none;padding:0;margin:0}.toc a{display:block;padding:6px 0;font-size:15px}.prose{max-width:800px}.prose section{scroll-margin-top:25px}footer{border-top:1px solid var(--line);color:var(--muted);font-size:13px;align-items:flex-start;padding-top:24px;padding-bottom:30px}.skip{position:absolute;left:16px;top:-100px;background:var(--ink);color:var(--bg);padding:10px;z-index:2}.skip:focus{top:10px}strong{color:var(--ink)}
@media(max-width:700px){header,footer{padding:20px;align-items:flex-start;flex-direction:column;gap:12px}header nav,footer nav{gap:4px 20px}main{padding:40px 20px 58px}.hero{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.hero img{width:125px;grid-row:1;border-radius:27px;transform:rotate(5deg)}.hero h1{letter-spacing:-1.8px}.grid{grid-template-columns:1fr}.tile{padding:24px}.tile h2{margin:7px 0}.toc{grid-template-columns:1fr}.card,.callout{padding:20px}h1{overflow-wrap:anywhere;letter-spacing:-1px}h2{font-size:23px}.prose{font-size:16px}}
@media print{body{background:white;color:#111;font-size:11pt}header,footer,.toc,.skip{display:none}main{max-width:none;padding:0}.prose{max-width:none}a,.accent,strong,.meta,.lead,.eyebrow{color:inherit}.card,.callout{background:none;border:1px solid #bbb;break-inside:avoid}h1{font-size:28pt}h2{font-size:17pt;break-after:avoid}}