*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#f8f5e9;color:#243f36;font-family:Inter,"Segoe UI","Malgun Gothic",sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 40px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;letter-spacing:2px}.brand img{width:44px;height:44px;object-fit:contain}.brand b{color:#388b79}nav{display:flex;background:#e9ecdf;padding:4px;border-radius:25px}nav a{padding:7px 15px;text-decoration:none;font-size:13px;border-radius:22px}nav a[aria-current=true]{background:#254e42;color:#fff}main{padding:0 40px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:35px 0 80px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;color:#568072;margin:0 0 19px}h1{font-size:clamp(35px,4vw,56px);line-height:1.3;letter-spacing:-2.5px;margin:0 0 26px}h1 em{font-style:normal;color:#278c88}p{word-break:keep-all}.intro{color:#68766c;font-size:17px;line-height:1.9;margin-bottom:30px}.button{display:inline-flex;gap:26px;background:#285b47;color:#fff;padding:15px 23px;border-radius:8px;text-decoration:none;box-shadow:0 4px 0 #193e31;font-weight:600;font-size:14px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.hero-note{font-size:12px;color:#778476;margin:20px 0 40px}.residents{display:flex;align-items:center;gap:8px}.residents img{width:48px;height:48px;object-fit:contain;background:#e8ead6;border-radius:50%}.residents span{font-size:12px;color:#6d7869;margin-left:6px}.hero-art{position:relative;border-radius:180px 180px 24px 24px;overflow:hidden;height:620px;box-shadow:0 18px 45px #264f3920;background:#59c4e3}.hero-art>img{width:100%;height:100%;object-fit:cover}.art-label{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:2px;background:#fff8e5e8;padding:8px 18px;border-radius:20px;color:#425d42}.discover{text-align:center;padding:62px 0 75px;border-top:1px solid #dce1cf}h2{font-size:clamp(25px,3vw,34px);line-height:1.4;letter-spacing:-1.2px;margin:0 0 15px}.section-intro{color:#738075;margin:0 0 45px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:left}.screen{height:390px;overflow:hidden;border-radius:18px;background:#2b9bba;border:6px solid #fffdf5;box-shadow:0 10px 25px #355c3c18;margin-bottom:28px}.screen img{width:100%;height:100%;object-fit:cover;object-position:top}.island-screen img{object-position:center}.features .eyebrow{font-size:10px;margin-bottom:8px}h3{font-size:22px;margin:0 0 10px;letter-spacing:-.6px}.features article>p:last-child{font-size:14px;color:#728072;margin:0}.how{border-top:1px solid #dce1cf;border-bottom:1px solid #dce1cf;padding:45px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px}.how ol{margin:0;padding:0;list-style:none;counter-reset:steps}.how li{counter-increment:steps;display:flex;align-items:center;gap:15px;font-size:14px;padding:12px 0;color:#65776a}.how li:before{content:counter(steps);display:grid;place-items:center;flex:none;background:#e5ebd8;color:#456b4e;width:32px;height:32px;border-radius:50%;font-weight:700}.faq{max-width:760px;padding:75px 0;margin:auto}.faq h2{margin-bottom:30px}details{border-bottom:1px solid #dce1cf;padding:20px 0}summary{cursor:pointer;font-size:15px;font-weight:600}details p{color:#6d7b6c;font-size:14px;margin:15px 0 2px}.contact{display:flex;gap:30px;justify-content:center;align-items:center;padding:32px;background:#e7eedc;border-radius:20px;margin-bottom:70px}.contact img{width:100px;height:100px;object-fit:contain}.contact h2{font-size:25px}.contact p{font-size:14px;color:#71806e;margin:0 0 12px}.contact a{font-size:14px}footer{border-top:1px solid #dce1cf;display:flex;justify-content:space-between;gap:20px;padding:28px 40px;color:#758073;font-size:11px}footer div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}footer a{text-decoration:none}footer a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #d49c47;outline-offset:5px}.policy{max-width:850px;min-height:75vh;padding-top:45px;padding-bottom:70px}.back{display:inline-block;font-size:13px;margin-bottom:55px}.policy h1{font-size:40px}.policy-lead{font-size:18px;color:#627464}.policy section{padding:24px 0;border-bottom:1px solid #dce1cf}.policy section h2{font-size:22px}.policy section p{color:#6b786c}@media(min-width:1400px){.hero{padding-top:50px}}@media(max-width:800px){header{padding:20px 24px}main{padding:0 24px}.hero{gap:28px;padding:30px 0 50px}.hero-art{height:480px;border-radius:130px 130px 18px 18px}h1{font-size:36px}.intro{font-size:14px}.residents{flex-wrap:wrap}.features{gap:15px}.screen{height:310px}.how{grid-template-columns:1fr;gap:16px}footer{padding:25px 24px;flex-wrap:wrap}.contact{margin-bottom:40px}}@media(max-width:580px){.brand{font-size:12px;letter-spacing:1px}.brand img{width:32px;height:32px}nav a{padding:6px 11px}.hero{grid-template-columns:1fr;gap:30px}.hero-copy{padding-top:10px}h1{font-size:41px}.hero-art{height:530px;max-width:390px;width:100%;margin:auto}.hero-note{margin-bottom:24px}.features{grid-template-columns:1fr;gap:40px}.screen{height:460px;max-width:340px;margin-left:auto;margin-right:auto}.discover{padding:45px 0}.section-intro{font-size:14px}.contact{padding:25px 20px;gap:15px}.contact img{width:65px;height:65px}.contact h2{font-size:20px}.contact a{font-size:12px;overflow-wrap:anywhere}footer{font-size:10px}footer div{gap:8px}.policy h1{font-size:32px}.policy-lead{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}h1{word-break:keep-all}@media(min-width:581px) and (max-width:800px){.hero h1{font-size:30px;letter-spacing:-1.5px}}
