:root { --brand: #005470; --brand-dark: #003d52; --accent: #ffd200; --ink: #22313a; --muted: #61717a; --surface: #f4f7f8; }
html, body { overflow-x: hidden; }
body { font-family: 'Open Sans', sans-serif; color: var(--ink); background: var(--surface); }
.site-nav { box-shadow: 0 2px 8px rgba(0,0,0,.04); }
.site-nav .nav-link { color: #344b56; font-weight: 600; padding: .9rem .8rem !important; border-bottom: 3px solid transparent; }
.site-nav .nav-link:hover, .site-nav .nav-link.active { color: var(--brand); border-bottom-color: var(--brand); }
.hero { background: linear-gradient(115deg, rgba(0,84,112,.97), rgba(0,61,82,.9)); color: #fff; padding: 5.5rem 0; position: relative; overflow: hidden; }
.hero::after { content: ''; position: absolute; width: 430px; height: 430px; border: 70px solid rgba(255,255,255,.06); border-radius: 50%; right: -120px; top: -170px; }
.hero .container { position: relative; z-index: 1; }
.eyebrow { color: #ffe56c; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; font-weight: 700; }
.hero h2 { max-width: 780px; font-weight: 700; line-height: 1.2; }
.hero p { max-width: 680px; color: #d8ebf1; font-size: 1.08rem; line-height: 1.8; }
.btn-brand { background: var(--accent); color: #172126; border: 0; font-weight: 700; padding: .85rem 1.2rem; }
.btn-brand:hover { background: #ffe04d; color: #172126; }
.btn-outline-light:hover { color: var(--brand); }
.section-pad { padding: 5rem 0; }
.section-title { color: var(--brand); font-weight: 700; }
.info-card { background: #fff; border: 1px solid #dfe7ea; height: 100%; padding: 1.75rem; box-shadow: 0 5px 20px rgba(25,61,75,.05); }
.info-card .icon { width: 48px; height: 48px; display: grid; place-items: center; background: #e4f1f5; color: var(--brand); font-size: 1.15rem; margin-bottom: 1.1rem; }
.info-card h3 { font-size: 1.05rem; font-weight: 700; }
.info-card p { color: var(--muted); line-height: 1.75; margin-bottom: 0; }
.content-copy p, .content-copy li { color: var(--muted); line-height: 1.85; }
.number-step { display: flex; gap: 1rem; align-items: flex-start; }
.number-step .number { flex: 0 0 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--brand); color: #fff; font-weight: 700; }
.fact-band { background: #e5f1f4; border-top: 1px solid #cfe2e7; border-bottom: 1px solid #cfe2e7; }
.cta-band { background: var(--brand); color: #fff; }
.footer-link { color: #c7d4d9; text-decoration: none; }
.footer-link:hover { color: #fff; text-decoration: underline; }
.page-hero { background: #e6f1f4; padding: 3.5rem 0; border-bottom: 1px solid #ccdee4; }
.page-hero h2 { color: var(--brand); font-weight: 700; }
.aside-box { background: #fff; border-left: 4px solid var(--brand); padding: 1.5rem; }
@media (max-width: 991px) { .hero { padding: 4rem 0; } .site-nav .nav-link { border-bottom: 0; padding: .65rem 0 !important; } }