:root{--bg:#eef3f7;--surface:#fff;--ink:#10212f;--muted:#607180;--line:#d8e2ea;--brand:#0a66c2;--energy:#f5cf18}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--brand)}header{height:68px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:0 18px;gap:12px;position:sticky;top:0;z-index:3}header img{width:44px;height:44px}header strong{font-size:1.05rem}header nav{margin-left:auto;display:flex;gap:8px}header nav a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:800;font-size:.82rem}main{max-width:1000px;margin:0 auto;padding:30px 18px 70px}.hero{padding:28px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#eaf4ff,#fff);margin-bottom:18px}.hero span{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:900;color:var(--brand)}h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1;margin:7px 0 10px}p,li{line-height:1.6;color:var(--muted)}section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;margin:14px 0}h2{margin-top:0}.callout{border-left:5px solid var(--energy)}code{background:#edf2f6;padding:2px 5px;border-radius:5px}footer{padding:30px 18px;text-align:center;color:var(--muted)}@media(max-width:620px){header nav a:not(:first-child){display:none}.hero{padding:20px}}