*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#0B2B4C;--navy-dark:#071E36;--blue:#0E9BD8;--gray:#F4F7FA;--text:#1E2A38;--muted:#5B6B7E}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--gray);color:var(--text);line-height:1.7}
a{color:inherit}.container{max-width:980px;margin:0 auto;padding:0 22px}
header{background:var(--navy-dark);color:#fff;padding:14px 0;position:sticky;top:0;z-index:20}
.header-inner{max-width:1120px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.logo{font-size:21px;font-weight:800;text-decoration:none}.logo span{color:#7FCDF0}
nav{display:flex;gap:20px}nav a{color:#DCE6F0;text-decoration:none;font-size:14px;font-weight:600}nav a:hover{color:#fff}
.breadcrumb{padding:18px 22px;font-size:14px;color:var(--muted)}.breadcrumb a{color:var(--navy);text-decoration:none}
.hero{background:linear-gradient(125deg,#071E36,#0B4E76);color:#fff;padding:70px 0}
.hero .eyebrow{color:#85D7F7;font-weight:800;letter-spacing:.08em;font-size:13px;margin-bottom:8px}
.hero h1{font-size:clamp(31px,5vw,48px);line-height:1.16;margin-bottom:15px;max-width:800px}
.hero p{color:#D9E8F2;font-size:18px;max-width:760px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;margin-top:32px;margin-bottom:46px}
.content,.side{background:#fff;border-radius:16px;padding:34px;box-shadow:0 4px 18px rgba(11,43,76,.07)}
.content h2{color:var(--navy);font-size:24px;margin:28px 0 11px}.content h2:first-child{margin-top:0}
.content p{margin-bottom:14px}.content ul{margin:10px 0 20px 22px}.content li{margin-bottom:7px}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 24px}.chips a{border:1px solid #C9D8E5;border-radius:999px;padding:8px 14px;text-decoration:none;color:var(--navy);font-weight:700;font-size:13px}.chips a:hover{border-color:var(--blue);color:var(--blue)}
.side{height:max-content;position:sticky;top:82px}.side h2{color:var(--navy);font-size:21px;margin-bottom:8px}.side p{font-size:14px;color:var(--muted);margin-bottom:15px}
.btn{display:block;text-align:center;text-decoration:none;font-weight:800;border-radius:11px;padding:13px 18px;margin-top:10px;background:#25D366;color:#fff}.btn-blue{background:var(--navy)}
.areas{margin-top:27px;border-top:1px solid #E5ECF2;padding-top:20px}.areas h3{font-size:15px;color:var(--navy);margin-bottom:9px}.areas a{display:block;color:var(--muted);font-size:14px;padding:4px 0}.areas a:hover{color:var(--blue)}
footer{background:var(--navy-dark);color:#9FB2C7;text-align:center;padding:28px 0;font-size:14px}footer a{color:#85D7F7}
@media(max-width:760px){nav{display:none}.layout{grid-template-columns:1fr}.side{position:static}.content,.side{padding:25px}.hero{padding:52px 0}}