
:root{color-scheme:light;--ink:#15223a;--muted:#54647c;--blue:#2157ce;--edge:#e4e9f1;--panel:#f4f8ff}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f8faff;font:17px/1.78 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:#164da8;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#0a326f}
.wrap{max-width:1180px;margin:auto;padding:0 24px}.site-header{background:#111f3b;color:#fff}.site-header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:17px;padding-bottom:17px}.logo{font-weight:900;color:#fff;text-decoration:none;font-size:1.35rem}.site-header nav{display:flex;gap:19px;flex-wrap:wrap}.site-header nav a{color:#e5efff;font-size:.89rem;text-decoration:none}
.breadcrumb{padding-top:29px;padding-bottom:5px;font-size:.86rem;color:#64738a}.breadcrumb a{color:#476a96}
.hero{padding-top:28px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#245cc0;font-size:.78rem;font-weight:800}.hero h1{font-size:clamp(2.2rem,4.2vw,3.95rem);line-height:1.17;letter-spacing:-.045em;max-width:980px;margin:10px 0 14px}.lead{font-size:1.18rem;color:#495b76;max-width:840px;line-height:1.67}.byline{color:#6b798d;font-size:.86rem;margin:21px 0 27px}.cover{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:22px;box-shadow:0 20px 45px #1428501a}.caption{font-size:.75rem;color:#7b8797;margin-top:6px}
.grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:44px;align-items:start;padding-top:39px}.main{background:#fff;border:1px solid var(--edge);border-radius:23px;padding:31px 39px;min-width:0}.main h2{font-size:1.65rem;line-height:1.3;letter-spacing:-.025em;margin:36px 0 16px}.main h2:first-child{margin-top:0}.main h3{font-size:1.11rem;line-height:1.4;margin:20px 0 6px}.main p{margin:0 0 19px;color:#384761}.main li{margin-bottom:13px;color:#384761}.main ol{padding-left:27px}.main ul{padding-left:23px}.main strong{color:#203858}.box{background:#eef5ff;border-left:4px solid #3574df;padding:17px 21px;border-radius:10px;margin:21px 0;color:#2b456d}.box.safe{background:#fff8e6;border-color:#e9af37}
.side{position:sticky;top:24px}.card{background:#fff;border:1px solid var(--edge);border-radius:20px;padding:22px;box-shadow:0 8px 26px #0b214b0d;margin-bottom:18px}.card h2{font-size:1.08rem;margin:0 0 12px}.card p{font-size:.91rem;color:#55647a;line-height:1.52}.btn{display:block;border-radius:13px;background:#245bd2;color:#fff!important;text-align:center;text-decoration:none;padding:13px 15px;margin:10px 0;font-weight:750;font-size:.94rem}.btn.sub{background:#eff4ff;color:#1e53ac!important;border:1px solid #dae6ff}.pill{display:inline-block;background:#e8efff;padding:2px 10px;border-radius:100px;color:#2355a1;font-weight:700;font-size:.77rem}.list-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(242px,1fr));gap:20px;margin:28px 0 44px}.app-tile{background:#fff;border:1px solid var(--edge);border-radius:19px;overflow:hidden;box-shadow:0 10px 21px #0b214b08}.app-tile img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.app-tile div{padding:17px}.app-tile h2{font-size:1.1rem;line-height:1.4;margin:7px 0}.app-tile p{font-size:.85rem;color:#57667e;line-height:1.54}.app-tile a.more{font-weight:800;text-decoration:none}.intro{margin:28px 0 44px;max-width:840px;color:#54647b}.footer{margin-top:57px;background:#101d38;color:#d9e6fb;padding:42px 0;font-size:.88rem}.footer a{color:#b7d8ff}.related a{display:block;border-top:1px solid #eef1f6;padding:9px 0;text-decoration:none;line-height:1.4;font-size:.88rem}
@media(max-width:870px){.grid{grid-template-columns:1fr;gap:22px}.side{position:static}.main{padding:24px}.site-header .wrap{display:block}.site-header nav{margin-top:12px}}@media(max-width:500px){.wrap{padding:0 16px}.main{padding:20px}.hero h1{font-size:2rem}.cover{border-radius:13px}.site-header nav{gap:11px}.site-header nav a{font-size:.77rem}}
