:root{--navy:#0A2540;--blue:#2FA8E1;--light:#A8D8F0;--ice:#E8F4FD;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:9999;border:2px solid var(--blue)}
header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;height:72px;padding:0 16px}
header nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}
header nav a{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#111}
header nav a[aria-current=page]{color:var(--blue);border-bottom:2px solid var(--blue)}
main{max-width:var(--max);margin:0 auto}
.hero{position:relative;min-height:720px;background:var(--navy);color:#fff;display:grid;overflow:hidden}
.hero-bg{position:absolute;inset:0}.hero-bg img{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;opacity:.4}
.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px}
.hero-content{position:relative;z-index:1;padding:64px 16px}
.badge{display:inline-flex;gap:8px;padding:8px 16px;border-radius:9999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);font-size:11px;font-weight:700}
.btn{display:inline-flex;padding:16px 32px;border-radius:9999px;font-weight:700;text-decoration:none}
.btn-primary{background:#fff;color:var(--navy)} .btn-secondary{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:#fff}
.trust{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin-top:40px}
.trust li{display:flex;gap:12px;padding:12px 16px;border-radius:9999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;list-style:none;padding:0}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;list-style:none;padding:0}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;list-style:none;padding:0}
article{border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff}
article figure{margin:0} article figure img{width:100%;height:200px;object-fit:cover;display:block}
article figcaption{font-size:10px;font-weight:700;color:var(--blue);padding:8px 16px 0;text-transform:uppercase;letter-spacing:.1em}
article h3{margin:8px 16px;font-size:18px} article p{margin:0 16px 16px;font-size:13px;color:rgba(0,0,0,.6)}
.dark{background:var(--navy);color:#fff;padding:48px 16px} .banner{background:var(--ice);padding:48px 16px}
footer{background:var(--ice);border-top:1px solid #e5e7eb;padding:48px 16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
aside.call{position:fixed;bottom:0;left:0;right:0;height:68px;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--navy);animation:blink 1.4s infinite}
aside.call a{color:#fff;font-weight:800;font-size:18px;text-decoration:none}
@keyframes blink{0%,100%{background:#0E2A47}50%{background:#2FA8E1}}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}