:root{--sea:#0d3b43;--teal:#2b7f86;--forest:#1f5d3a;--gold:#e0a526;--mist:#eef3f1;--ink:#14282b;--r:14px}
@media (prefers-color-scheme:dark){:root{--mist:#10201f;--ink:#e6efed}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;font:17px/1.7 "Be Vietnam Pro",system-ui,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--mist)}
h1,h2,h3{font-family:Lora,Georgia,serif;line-height:1.2;margin:0 0 .6em}
h2{font-size:clamp(1.7rem,3.5vw,2.5rem)}h3{font-size:1.25rem}
a{color:inherit}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.nav{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:14px 5vw;color:#fff;transition:.3s}
.nav.solid{background:var(--sea);box-shadow:0 2px 12px #0004}
.brand{font:700 1.4rem Lora,serif;text-decoration:none}
nav a{margin-left:24px;text-decoration:none;font-weight:500}nav a:hover{color:var(--gold)}
nav .cta{background:var(--gold);color:#222;padding:8px 18px;border-radius:99px}nav .cta:hover{color:#222}
.burger{display:none;background:none;border:0;color:#fff;font-size:1.7rem}
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;color:#fff;overflow:hidden;background:var(--sea)}
.scene{position:absolute;inset:0;width:100%;height:100%}
.boat{animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{to{transform:translateX(560px)}}
.hero-text{position:relative;padding:120px 5vw 80px;max-width:760px;text-shadow:0 2px 14px #0007}
.kicker{margin:0 0 12px;font-weight:500;color:#ffe9b0}
.hero h1{font-size:clamp(3rem,9vw,6.5rem);margin:0 0 .25em}
.lead{font-size:1.2rem;max-width:56ch}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;background:var(--gold);color:#222;border:0;padding:13px 26px;border-radius:99px;font:700 1rem "Be Vietnam Pro",system-ui,sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{filter:brightness(1.08)}.btn.ghost{background:#0003;color:#fff;border:2px solid #fff;text-shadow:none}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));background:var(--sea);color:#fff;text-align:center}
.facts div{padding:28px 12px}.facts b{display:block;font:700 2.2rem Lora,serif;color:var(--gold)}.facts span{font-size:.95rem;opacity:.85}
.wrap{max-width:1120px;margin:auto;padding:88px 5vw}.narrow{max-width:640px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.band{padding:0}.forest{background:#dfeee3}.sun{background:#f6e7bd}.contact{background:var(--sea);color:#fff}
.forest,.sun{color:#14282b}
@media (prefers-color-scheme:dark){.forest{background:#16301f;color:#e6efed}.sun{background:#3a2f12;color:#e6efed}}
.ph{margin:0}.ph img,.ph svg{width:100%;height:auto;border-radius:var(--r);display:block;aspect-ratio:4/3;object-fit:cover}
.ph figcaption{font-size:.85rem;opacity:.7;margin-top:8px}
.ticks{padding:0;list-style:none}.ticks li{padding-left:28px;margin:.6em 0;position:relative}
.ticks li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:var(--forest)}
.intro{max-width:60ch}.note{border-left:4px solid var(--gold);padding-left:14px;font-weight:500}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:32px}
.cards article{padding:26px;border-radius:var(--r);background:#fff;color:#14282b;border-top:5px solid var(--teal)}
.cards article:nth-child(2){border-color:var(--gold)}.cards article:nth-child(3){border-color:var(--forest)}
.tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}
.tabs button{padding:10px 20px;border-radius:99px;border:2px solid var(--teal);background:none;color:inherit;font:500 1rem "Be Vietnam Pro",system-ui,sans-serif;cursor:pointer}
.tabs button[aria-selected=true]{background:var(--teal);color:#fff}
.panel{max-width:68ch;animation:fade .3s}.panel[hidden]{display:none}@keyframes fade{from{opacity:0}}
.form{display:grid;gap:14px;margin-top:20px}.form label{display:grid;gap:6px;font-weight:500}
.form input,.form select{padding:12px;border-radius:10px;border:0;font:inherit;color:#14282b}
#msg{min-height:1.5em;color:#ffe9b0;margin:0}
footer{padding:24px 5vw;text-align:center;font-size:.85rem;background:#081f24;color:#9db8b6}footer p{margin:0}
@media (max-width:820px){
 .split{grid-template-columns:1fr;gap:28px}.rev .ph{order:2}.wrap{padding:60px 5vw}
 .burger{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--sea);padding:12px 5vw 20px;flex-direction:column}
 nav.open{display:flex}nav a{margin:10px 0}}
@media (prefers-reduced-motion:reduce){.boat{animation:none}html{scroll-behavior:auto}}