:root{--ink:#093553;--muted:#587083;--aqua:#1eb7c6;--pale:#eff8fa;--line:#d8e8ed;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--white)}.container{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{max-width:760px;margin:0 auto}.site-header{position:sticky;top:0;z-index:3;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav-wrap,.site-footer>div{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:20px;font-weight:750;text-decoration:none}.brand span span{color:var(--aqua)}.brand svg{width:31px;height:31px;fill:#d7f5f8;stroke:var(--aqua);stroke-width:3}.site-header nav{display:flex;gap:22px}.site-header nav a,.site-footer a{color:var(--muted);text-decoration:none}.site-header nav a:hover,.site-footer a:hover{color:var(--aqua)}.hero{overflow:hidden;background:linear-gradient(125deg,#073959,#075a76);color:white;padding:78px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--aqua);font-weight:800;font-size:.75rem;margin:0 0 12px}.hero .eyebrow{color:#82e9ee}.hero h1{font-size:clamp(2.35rem,5vw,4.3rem);letter-spacing:-.045em;line-height:1.05;margin:0 0 23px;max-width:690px}.lead{font-size:1.12rem;color:#d5edf3;max-width:640px;margin-bottom:30px}.button{display:inline-block;background:var(--aqua);color:#06374c;border-radius:8px;padding:12px 20px;text-decoration:none;font-weight:800}.button:hover{background:#68e0e5}.hero-art{height:340px;position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(#9ee7ec 0 10%,#226c87 10%,#08405f);box-shadow:0 20px 40px #002a4380}.surface{position:absolute;top:31px;width:100%;border-top:2px solid #dffeff}.vessel{position:absolute;left:38%;top:5px;width:92px;height:32px;background:#fff;border-radius:7px 7px 18px 18px;transform:skewX(-10deg)}.vessel:after{content:"";position:absolute;left:38px;bottom:-16px;border:8px solid transparent;border-top-color:#56e0e3}.wave{position:absolute;left:calc(50% - 12px);top:61px;width:24px;height:24px;border:2px solid #77eef0;border-radius:50%;transform:scaleY(.55);opacity:.9}.wave-one{animation:pulse 3s infinite}.wave-two{animation:pulse 3s 1s infinite}.wave-three{animation:pulse 3s 2s infinite}@keyframes pulse{0%{transform:scale(.6,.25);opacity:.9}100%{transform:scale(11,8);opacity:0}}.seabed{position:absolute;bottom:-25px;width:115%;height:80px;background:#527177;transform:rotate(-4deg);border-top:3px solid #b2d6d0}.section{padding:88px 0}.section h2,.callout h2{font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:-.035em;line-height:1.15;margin:0 0 18px}.section p{color:var(--muted)}.section-muted{background:var(--pale)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:34px}.card{background:var(--white);padding:30px;border:1px solid var(--line);border-radius:14px}.card h3{margin:12px 0 7px;font-size:1.2rem}.card p{margin:0}.card-icon{color:var(--aqua);font-size:2.1rem;font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:center}.steps{list-style:none;padding:0;margin:0;counter-reset:items}.steps li{position:relative;display:grid;gap:2px;padding:16px 0 16px 55px;border-bottom:1px solid var(--line);counter-increment:items}.steps li:before{content:counter(items);position:absolute;left:0;top:17px;display:grid;place-items:center;width:34px;height:34px;color:var(--aqua);border:1px solid var(--aqua);border-radius:50%;font-weight:800}.steps span{color:var(--muted)}.callout{padding:65px 0;background:#083c5d;color:#fff;text-align:center}.callout h2{margin-bottom:10px}.callout p{margin:0;color:#c0e9ed}.site-footer{background:#062d45;color:#bad2dc;font-size:.9rem}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;z-index:5;background:#fff;padding:8px;color:#000}@media(max-width:700px){.site-header nav{display:none}.hero{padding:58px 0}.hero-grid,.split{grid-template-columns:1fr;gap:35px}.hero-art{height:230px}.card-grid{grid-template-columns:1fr}.section{padding:62px 0}.site-footer>div{min-height:80px;align-items:flex-start;justify-content:center;flex-direction:column;gap:2px;padding:12px 0}}