:root{color-scheme:light;--ink:#194236;--green:#116b50;--muted:#537469}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f9f2;color:var(--ink);font-family:system-ui,-apple-system,sans-serif;line-height:1.55}a{color:var(--green)}.top{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 20px}.top a{text-decoration:none}.logo{font-size:1.1rem;font-weight:850}.quiet{font-weight:650;font-size:.92rem}main{max-width:1180px;margin:0 auto;padding:0 20px 40px}.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center;min-height:570px;padding:38px;background:linear-gradient(135deg,#effcf3,#e1f3fa);border-radius:30px;overflow:hidden}.label{letter-spacing:.13em;font-size:.73rem;font-weight:900;color:#5d8974}h1{font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.058em;line-height:1.08;margin:15px 0 18px}em{color:#0b9970;font-style:normal}.copy p{color:var(--muted);font-size:1.06rem;max-width:550px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 18px;border-radius:15px;font-weight:800;text-decoration:none;min-height:50px;text-align:center}.primary{background:var(--green);color:white;box-shadow:0 10px 20px #0e634a20}.secondary{color:#145643;background:white;border:1px solid #c9e3d6}.primary:hover{background:#064b39}.copy .hint{font-size:.82rem;color:#658075}.scene{height:390px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:33px;background:radial-gradient(circle at 50% 18%,#c8f9ec,#56bfa1 80%);overflow:hidden;box-shadow:inset 0 2px 18px #448f7238}.sky{font-size:3.8rem;position:absolute;top:18px;opacity:.75;animation:float 5s ease-in-out infinite alternate}.island{font-size:clamp(3.5rem,6vw,5.6rem);letter-spacing:-.12em;filter:drop-shadow(0 20px 11px #175c4649);transform:rotate(-3deg);animation:float 4s ease-in-out infinite alternate}.scene-label{position:absolute;bottom:26px;background:#ffffffd9;padding:12px 18px;border-radius:999px;font-size:.86rem;font-weight:800}.details{padding:75px 10px}.details h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:10px 0 25px;letter-spacing:-.035em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{padding:28px;border-radius:23px;background:white;border:1px solid #dbe9e0;box-shadow:0 15px 27px #1957470a}.cards article span{font-size:2.5rem}.cards h3{margin:15px 0 9px;font-size:1.16rem}.cards p{color:var(--muted);margin:0}.callout{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:28px 34px;background:#dcf5e6;border-radius:24px}.callout h2{margin:0 0 6px}.callout p{max-width:700px;margin:0;color:var(--muted)}.callout .primary{flex:none}footer{text-align:center;color:#557669;font-size:.82rem;padding:30px 15px}a:focus-visible{outline:3px solid #e9a54b;outline-offset:4px}@keyframes float{to{transform:translateY(-12px)}}@media(max-width:850px){.hero{grid-template-columns:1fr;padding:25px;min-height:0}.scene{height:300px}.cards{grid-template-columns:1fr}.callout{flex-wrap:wrap}}@media(max-width:480px){.top{padding:16px 13px}.logo{font-size:.93rem}.quiet{font-size:.79rem}main{padding:0 12px 25px}.hero{padding:22px 17px;border-radius:22px}.scene{height:235px}.scene-label{font-size:.73rem}.island{font-size:3rem}.sky{font-size:2.4rem}.actions a{flex:1 0 100%}.details{padding:45px 2px}.callout{padding:22px}.callout .primary{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
