:root{--ink:#071a3a;--muted:#536174;--line:#d8e0ea;--soft:#f5f8fc;--teal:#13b7a8;--orange:#ff8a00}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:white}
header{padding:54px 24px 30px;background:linear-gradient(180deg,#f8fbff,#fff);border-bottom:1px solid var(--line)}
.page-header{padding:40px 24px}
nav,main,footer div{max-width:960px;margin:0 auto}
nav{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px;gap:16px}
.brand-wrap{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.brand-wrap img{width:36px;height:36px;border-radius:10px}
.brand{font-weight:800;color:var(--ink)}
.nav-links{display:flex;gap:14px;flex-wrap:wrap}
.kicker{max-width:960px;margin:34px auto 0;color:var(--teal);text-transform:uppercase;font-weight:800;letter-spacing:.12em;font-size:13px}
h1{max-width:960px;margin:18px auto 16px;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.05em}
.page-header h1{margin-top:0}
.lead{max-width:960px;margin:0 auto;font-size:22px;color:var(--muted)}
main{padding:34px 24px 74px}
.page-main{padding:60px 24px}
p,li{font-size:18px;color:#172642}
h2{margin-top:44px;font-size:28px;line-height:1.2;letter-spacing:-.03em}
h3{margin-top:28px;font-size:21px}
a{color:#0b63ce;text-decoration:none}
a:hover{text-decoration:underline}
.badges{max-width:960px;margin:22px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.badge{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:13px;color:var(--muted);background:white}
.callout{border:1px solid var(--line);background:var(--soft);border-radius:18px;padding:20px 22px;margin:28px 0}
.warning{border-color:#ffd7a3;background:#fff8ee}
pre{background:#071a3a;color:#e8f3ff;border-radius:16px;padding:20px;overflow-x:auto;font-size:14px;line-height:1.45}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:.92em}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px}
table{border-collapse:collapse;width:100%;font-size:16px}
th,td{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
th{background:var(--soft)}
tr:last-child td{border-bottom:none}
.cta{margin-top:46px;padding:28px;border-radius:22px;background:var(--ink);color:white}
.cta h2,.cta p{color:white;margin-top:0}
.cta a{color:#8ff4e9;font-weight:700}
blockquote{border-left:4px solid var(--teal);margin:28px 0;padding:8px 0 8px 20px;color:var(--muted);font-size:20px}
footer{border-top:1px solid var(--line);padding:28px 24px;color:var(--muted);font-size:14px}
ol{padding-left:24px}
.article-list li{margin:0 0 12px}
.hero-figure,.figure{margin:30px 0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--soft)}
.hero-figure img,.figure img{display:block;width:100%;height:auto}
.hero-figure figcaption,.figure figcaption{padding:14px 18px;color:var(--muted);font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:28px}
.tile{border:1px solid var(--line);border-radius:22px;padding:22px;background:white}
.tile h3{margin-top:0}
@media (max-width:700px){nav{align-items:flex-start;flex-direction:column}.nav-links{gap:10px}}