:root{--blue:#183b79;--bright:#285bd2;--ink:#101d35;--muted:#58677e;--yellow:#f3c12e;--green:#11a85b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f7f9fd;font-family:Arial,sans-serif;line-height:1.65}a{color:var(--bright)}header{height:84px;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce4ef;background:#fff;position:sticky;top:0;z-index:10}.brand img{width:270px;max-width:38vw}nav{display:flex;align-items:center;gap:26px}nav a{color:#23334e;font-weight:700;text-decoration:none}.demo,.primary{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:11px;color:#fff!important;background:var(--green);font-weight:800;text-decoration:none}.hero,main>section,.guide>section{width:min(1160px,calc(100% - 40px));margin:auto}.hero{padding:78px 0 68px}.hero>span,.eyebrow{color:#315baa;font-size:12px;font-weight:900;letter-spacing:.12em}.hero h1{max-width:900px;margin:16px 0;font-size:clamp(44px,6vw,76px);line-height:1;letter-spacing:-.045em}.hero>p{max-width:760px;color:var(--muted);font-size:19px}.crumb{margin-bottom:30px;color:#7b8799;font-size:13px}.crumb a{color:#516584}main>section,.guide>section{padding:68px 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:42px}.split h2,section>h2{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.03em}.split p,section>p{color:var(--muted);font-size:17px}ul{padding-left:20px}li{margin:12px 0}aside,.answer{padding:36px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#102755,#214b97)}aside h2,.answer h2{color:#fff}.cards,.listing{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}.cards article,.listing article{padding:28px;border:1px solid #d8e1ed;border-radius:18px;background:#fff}.cards b{color:#285bd2}.cards h3{font-size:20px}.listing article>span{color:#315baa;font-size:10px;font-weight:900;letter-spacing:.12em}.listing h2{font-size:25px;line-height:1.2}.listing h2 a{color:var(--ink);text-decoration:none}.answer{display:flex;align-items:center;justify-content:space-between;gap:30px}.answer p{color:#c8d6ef}.answer .primary{flex:0 0 auto;background:#f2c53d;color:#15264a!important}.guide{width:100%}.problem,.solution{padding:50px!important;border-radius:24px}.problem{background:#fff2f2}.solution{color:#fff;background:#163a78}.solution h2{color:#fff}.solution .eyebrow{color:#9fbcff}ol{list-style:none;padding:0}ol li{padding:20px;display:flex;gap:18px;border-bottom:1px solid #dce4ef}ol b{color:#285bd2}.related{padding-top:24px;border-top:1px solid #dce4ef}footer{margin-top:70px;padding:50px max(24px,calc((100vw - 1160px)/2));display:grid;grid-template-columns:1fr 1fr;gap:40px;color:#d9e5fb;background:#0d1e43}footer strong{font-size:24px}footer a{display:block;margin:7px 0;color:#d9e5fb}@media(max-width:720px){header{height:72px}.brand img{max-width:225px}nav a:not(.demo){display:none}.demo{padding:10px 12px;font-size:12px}.hero{padding:52px 0}.hero h1{font-size:44px}.hero>p{font-size:16px}.split,.cards,.listing{grid-template-columns:1fr}.answer{display:block;padding:26px}.answer .primary{margin-top:18px;width:100%}footer{grid-template-columns:1fr}.crumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
.hero{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:42px;padding:64px 0}.hero>figure{margin:0;overflow:hidden;border-radius:24px;box-shadow:0 24px 55px rgba(20,45,91,.18)}.hero>figure img{width:100%;height:auto;display:block}.hero-copy>span{color:#315baa;font-size:12px;font-weight:900;letter-spacing:.12em}.hero-copy>p{max-width:760px;color:var(--muted);font-size:18px}@media(max-width:720px){.hero{grid-template-columns:1fr;padding:42px 0}.hero>figure{border-radius:17px}.hero-copy>p{font-size:16px}}