:root{color-scheme:light;--ink:#092c29;--sea:#1d687d;--mist:#e5efe7;--paper:#fffdf7;--line:#ccd9d4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}
a{color:inherit}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line)}
.brand{font-size:1.35rem;font-weight:850;text-decoration:none}.nav nav{display:flex;gap:22px}.nav nav a{text-decoration:none}
.hero{min-height:calc(100vh - 72px);max-width:1120px;margin:auto;padding:72px 24px;display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.eyebrow{font-size:.78rem;font-weight:800;color:var(--sea)}h1{font-size:clamp(3.5rem,9vw,7.5rem);line-height:.95;margin:12px 0 24px}h2{font-size:2.3rem}.lead{max-width:620px;font-size:1.25rem}
.button{display:inline-block;margin-top:20px;padding:12px 18px;background:var(--ink);color:white;text-decoration:none;border-radius:6px;font-weight:750}
.tide{min-height:360px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;color:white;background:linear-gradient(145deg,var(--ink),var(--sea));border-radius:8px;box-shadow:0 24px 55px #092c2930}
.tide span{font-size:3.5rem;font-weight:850}.tide b{font-size:1.25rem}.band{background:var(--mist);padding:80px max(24px,calc((100% - 1120px)/2))}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.grid article{border-top:3px solid var(--sea)}footer{padding:32px max(24px,calc((100% - 1120px)/2));display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line)}
@media(max-width:720px){.nav nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding-top:46px}.tide{min-height:260px}.grid{grid-template-columns:1fr}h1{font-size:4rem}}