@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Fraunces:opsz,wght@9..144,700&display=swap');
:root{--deep:#063f49;--teal:#087784;--aqua:#28b6ad;--sun:#ffd56a;--cream:#fffbed;--ink:#143c39;--white:#fff;--shadow:0 28px 70px rgba(2,49,56,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:'DM Sans',system-ui,sans-serif;font-size:17px}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(360px,.86fr) minmax(480px,1.14fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(28px,6vw,88px);overflow:hidden;background:radial-gradient(circle at 18% 15%,rgba(255,213,106,.22),transparent 30%),linear-gradient(135deg,#075b68 0%,#087b83 58%,#16a79d 100%);color:var(--white)}.hero-copy{max-width:680px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;font-weight:700;color:var(--sun);margin:0 0 18px}.hero h1,.how h2{font-family:'Fraunces',Georgia,serif;line-height:.98;letter-spacing:-.035em}.hero h1{font-size:clamp(3.5rem,7.6vw,7.4rem);margin:0 0 28px;max-width:780px}.lead{font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.65;color:rgba(255,255,255,.9);max-width:640px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:38px 0 44px}.primary{display:inline-flex;align-items:center;gap:14px;background:var(--sun);color:#193f3c;text-decoration:none;font-weight:800;padding:17px 24px;border-radius:999px;box-shadow:0 12px 32px rgba(0,0,0,.16);transition:.2s transform,.2s box-shadow}.primary:hover,.primary:focus-visible{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.22)}.quiet{color:white;text-underline-offset:5px;font-weight:700}.facts{display:flex;list-style:none;padding:0;margin:0;gap:clamp(24px,4vw,54px)}.facts li{display:grid;gap:2px}.facts strong{font-family:'Fraunces',Georgia,serif;font-size:2rem;color:var(--sun)}.facts span{font-size:.85rem;color:rgba(255,255,255,.74)}.hero-visual{position:relative;min-width:0;filter:drop-shadow(var(--shadow))}.hero-visual:before{content:"";position:absolute;inset:-8%;background:radial-gradient(circle,rgba(255,231,148,.3),transparent 68%)}.hero-visual img{display:block;position:relative;width:100%;max-height:82svh;object-fit:cover;aspect-ratio:1.12;border-radius:44px;border:8px solid rgba(255,255,255,.82)}.map-note{position:absolute;left:-22px;bottom:8%;display:flex;align-items:center;gap:13px;background:rgba(255,251,237,.96);color:var(--ink);padding:14px 18px;border-radius:18px;box-shadow:0 16px 40px rgba(3,47,54,.28)}.map-note>span{font-size:1.7rem}.map-note div{display:grid}.map-note small{margin-top:2px;color:#55716d}.how{padding:clamp(70px,10vw,140px) clamp(24px,8vw,130px);text-align:center;background:radial-gradient(circle at 80% 30%,rgba(40,182,173,.1),transparent 30%),var(--cream)}.how .eyebrow{color:#1a8c83}.how h2{font-size:clamp(2.6rem,5vw,5.2rem);margin:0 0 52px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto 48px;text-align:left}.steps article{background:white;padding:32px;border:1px solid rgba(15,96,97,.13);border-radius:25px;box-shadow:0 16px 42px rgba(12,84,80,.08)}.steps article>span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e1f6ef;color:#08726f;font-weight:800}.steps h3{font-family:'Fraunces',Georgia,serif;font-size:1.55rem;margin:22px 0 10px}.steps p{margin:0;line-height:1.65;color:#55716d}.final-cta{margin-top:10px}
@media(max-width:960px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-copy{max-width:760px}.hero-visual{max-width:760px}.hero-visual img{max-height:none}.map-note{left:18px}.steps{grid-template-columns:1fr}.how{text-align:left}.how .final-cta{margin-left:0}}
@media(max-width:560px){.hero{padding:36px 20px 50px}.hero h1{font-size:3.5rem}.facts{gap:22px}.facts strong{font-size:1.65rem}.hero-visual img{border-width:5px;border-radius:26px}.map-note{position:relative;left:auto;bottom:auto;margin:-24px 14px 0}.how{padding:70px 20px}.steps article{padding:25px}.actions{align-items:flex-start;flex-direction:column}.primary{justify-content:center;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary{transition:none}}