:root { --navy:#071d4f; --navy-deep:#031333; --ink:#0e1c36; --teal:#008995; --amber:#f6ad17; --paper:#fbfaf6; --mist:#edf5f2; --line:#dbe3e1; --serif:Georgia,"Times New Roman",serif; --sans:Inter,Avenir,"Segoe UI",sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); line-height:1.5; } a { color:inherit; text-decoration:none; }
.site-header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px clamp(20px,4vw,72px); background:rgba(251,250,246,.96); border-bottom:1px solid rgba(7,29,79,.08); position:sticky; top:0; z-index:10; backdrop-filter:blur(14px); }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--navy); font:700 22px/1 var(--serif); white-space:nowrap; } .brand img { width:35px; height:28px; object-fit:contain; } nav { display:flex; align-items:center; gap:clamp(16px,2vw,32px); font-size:14px; font-weight:650; } nav a,.text-link,footer a { border-bottom:1px solid transparent; } nav a:hover,.text-link:hover,footer a:hover { border-bottom-color:currentColor; } .header-actions { display:flex; align-items:center; gap:16px; font-size:14px; font-weight:650; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 20px; background:var(--amber); border:1px solid var(--amber); border-radius:4px; color:var(--navy-deep); font-size:15px; font-weight:800; transition:transform .18s ease,background .18s ease; } .button:hover { transform:translateY(-2px); background:#ffc03b; } .button-small { min-height:40px; padding:9px 14px; font-size:13px; } .button-quiet { background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.66); } .button-quiet:hover { background:#fff; color:var(--navy); } .button-dark { background:var(--navy); color:#fff; border-color:var(--navy); } .button-dark:hover { background:#123a86; }
.hero { min-height:min(760px,calc(100svh - 76px)); position:relative; display:flex; align-items:flex-end; color:#fff; overflow:hidden; } .hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; } .hero-shade { position:absolute; inset:0; background:rgba(3,19,51,.42); } .hero-copy { position:relative; max-width:735px; margin:0 0 clamp(74px,10vh,130px) clamp(20px,9vw,150px); padding:28px; background:rgba(3,19,51,.77); } .eyebrow { margin:0 0 15px; color:var(--teal); font-size:12px; font-weight:850; letter-spacing:1.5px; text-transform:uppercase; } .hero .eyebrow { color:#a9e5df; } h1,h2,h3,p { margin-top:0; } h1,h2,h3 { color:var(--navy); } h1 { margin-bottom:16px; color:#fff; font:400 clamp(58px,9vw,120px)/.92 var(--serif); } h2 { font:400 clamp(35px,4.6vw,62px)/1.02 var(--serif); letter-spacing:0; } h3 { font:700 20px/1.2 var(--serif); } .hero-lead { max-width:620px; margin-bottom:28px; font-size:clamp(18px,2vw,23px); line-height:1.42; } .hero-actions { display:flex; flex-wrap:wrap; gap:12px; } .hero-note { position:absolute; right:clamp(20px,4vw,72px); bottom:26px; width:min(230px,35vw); margin:0; font-size:12px; line-height:1.45; color:rgba(255,255,255,.82); }
.intro { max-width:970px; padding:clamp(88px,12vw,170px) clamp(20px,9vw,150px); } .intro h2 { max-width:790px; margin-bottom:24px; } .intro>p:last-child { max-width:690px; font-size:18px; color:#405169; }
.day { padding:clamp(70px,9vw,122px) clamp(20px,9vw,150px); background:var(--mist); } .section-heading { max-width:740px; margin-bottom:54px; } .section-heading h2 { margin-bottom:0; } .timeline { max-width:1000px; padding:0; margin:0; list-style:none; } .timeline li { display:grid; grid-template-columns:124px minmax(0,1fr); gap:28px; padding:26px 0; border-top:1px solid rgba(7,29,79,.17); } .timeline li:last-child { border-bottom:1px solid rgba(7,29,79,.17); } .time { color:var(--teal); font:400 29px/1 var(--serif); } .timeline h3 { margin-bottom:7px; } .timeline p { max-width:640px; margin:0; color:#405169; }
.capabilities { display:grid; grid-template-columns:repeat(3,1fr); } .capabilities article { min-height:430px; padding:clamp(34px,5vw,76px); background:#fff; border-right:1px solid var(--line); } .capabilities article:last-child { border-right:0; } .capabilities article>img { display:block; width:70px; height:55px; margin:0 0 60px; object-fit:contain; } .capabilities h2 { font-size:clamp(30px,3.2vw,44px); } .capabilities p { color:#405169; } .capabilities .eyebrow { color:var(--teal); } .capability-highlight { background:var(--navy)!important; } .capability-highlight h2,.capability-highlight p { color:#fff; } .capability-highlight .eyebrow { color:#9fe0dc; } .arrow-link { display:inline-block; margin-top:24px; padding-bottom:3px; border-bottom:1px solid var(--amber); color:#fff; font-weight:750; } .arrow-link span { color:var(--amber); font-size:22px; }
.care { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr); gap:clamp(40px,8vw,130px); padding:clamp(84px,11vw,155px) clamp(20px,9vw,150px); background:#e9efd8; } .care h2 { margin:0; } .care-copy { align-self:end; } .care-copy p { margin-bottom:28px; font-size:18px; color:#34464e; }
.portal { padding:clamp(90px,12vw,170px) clamp(20px,9vw,150px); background:var(--navy-deep); color:#fff; } .portal-kicker { margin-bottom:18px; color:var(--amber); font:700 14px/1 var(--sans); letter-spacing:1.5px; text-transform:uppercase; } .portal h2 { max-width:870px; margin-bottom:22px; color:#fff; } .portal p { max-width:670px; margin-bottom:32px; color:#c5d1e5; font-size:18px; }
.trust { padding:clamp(82px,10vw,140px) clamp(20px,9vw,150px); } .trust>h2 { max-width:700px; } .trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; margin-top:56px; } .trust-grid div { padding-top:20px; border-top:3px solid var(--teal); } .trust-grid h3 { margin-bottom:9px; } .trust-grid p { color:#405169; }
footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px clamp(20px,4vw,72px); border-top:1px solid var(--line); color:#4a5870; font-size:13px; } footer>div { display:flex; gap:22px; } footer p { margin:0; color:var(--navy); font-weight:750; letter-spacing:1.1px; text-transform:uppercase; }
@media (max-width:900px) { .site-header nav { display:none; } .hero { min-height:680px; } .hero-copy { margin-left:clamp(20px,6vw,64px); } .capabilities,.trust-grid { grid-template-columns:1fr; } .capabilities article { min-height:auto; border-right:0; border-bottom:1px solid var(--line); } .capabilities article>img { margin-bottom:36px; } .care { grid-template-columns:1fr; } .care-copy { align-self:auto; } }
@media (max-width:620px) { .site-header { min-height:68px; padding:12px 18px; } .brand { font-size:20px; } .header-actions { gap:11px; font-size:13px; } .text-link { display:none; } .button-small { min-height:37px; padding:8px 11px; } .hero { min-height:650px; } .hero-image { object-position:65% center; } .hero-copy { margin:0 20px 74px; padding:20px; } .hero-note { display:none; } h1 { font-size:62px; } .hero-lead { font-size:18px; } h2 { font-size:36px; } .timeline li { grid-template-columns:1fr; gap:10px; } .time { font-size:24px; } footer { align-items:flex-start; flex-direction:column; } footer>div { flex-wrap:wrap; gap:12px 20px; } }