@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--dark:#003c45;--darker:#002e37;--green:#20e67c;--teal:#00c5bd;--ink:#0a1e2b;--muted:#526477}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:var(--ink);background:#f7fbfe}a{text-decoration:none;color:inherit}.container{width:min(1432px,calc(100% - 72px));margin:auto}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;border-bottom:1px solid #ffffff17}.nav-wrap{display:flex;align-items:center;gap:34px;min-height:87px}.brand{flex-shrink:0}.brand img{width:285px;max-width:100%;display:block}.nav{display:flex;align-items:center;gap:35px;margin-left:auto}.nav a{color:#fff;font-size:16px;font-weight:600;white-space:nowrap;padding:16px 0;position:relative}.nav a:hover,.nav a.active{color:#fff}.nav a.active:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:3px;background:#67ef80}.nav-login{border:1px solid #35f5a6;background:linear-gradient(120deg,#15d87c,#148d85);color:white;border-radius:35px;padding:13px 25px;font-weight:700;display:flex;align-items:center;gap:9px;white-space:nowrap;margin-left:auto}.nav-login svg{width:19px;fill:white}.menu-toggle{display:none}.hero{min-height:755px;padding:128px 0 110px;background:radial-gradient(ellipse at 82% 62%,#009c9a 0%,transparent 45%),radial-gradient(ellipse at 5% 85%,#009e97 0%,transparent 36%),linear-gradient(115deg,#00313b,#004750 58%,#005961);position:relative;overflow:hidden;color:white}.hero:after{content:"";position:absolute;bottom:-130px;left:-15%;width:130%;height:240px;background:#00bbb1;border-radius:50% 50% 0 0/65% 60% 0 0;opacity:.65}.hero-wave{position:absolute;pointer-events:none;border-radius:50%;border:1px solid #12f1df45}.wave-a{width:900px;height:400px;right:-180px;bottom:-60px;transform:rotate(-25deg);background:linear-gradient(135deg,transparent,#00d7ca44)}.wave-b{width:600px;height:300px;left:-340px;bottom:80px;transform:rotate(23deg);background:#00a59b44}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px}.hero-copy{padding:0 0 18px 10px}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;background:#ffffff24;border:1px solid #ffffff0e;border-radius:30px;font-size:15px;font-weight:700}.eyebrow i{width:12px;height:12px;border-radius:50%;background:#39f281}.hero h1{font-size:clamp(43px,4.6vw,72px);line-height:1.05;letter-spacing:-2.5px;margin:20px 0 16px;font-weight:900}.hero h1 em{font-style:normal;color:#30e879}.hero-sub{font-size:clamp(17px,1.65vw,24px);line-height:1.5;max-width:590px;margin:0 0 30px}.hero-actions{display:flex;gap:20px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:18px 25px;border-radius:40px;font-weight:800;font-size:18px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(100deg,#35ed84,#7cf15d);border:2px solid white;color:#002e32;box-shadow:0 7px 28px #0002}.btn-outline{border:2px solid #43ddd4;color:white;background:#003b4580}.benefits{display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;font-size:15px}.benefits span:first-letter{color:#27e883}.hero-art{height:495px;position:relative;display:grid;place-items:center;filter:drop-shadow(0 20px 40px #001f2470)}.orbit{position:absolute;width:500px;height:410px;border:1.5px solid #05e8d5;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 25px #00e8d566}.orbit-two{width:390px;height:390px;opacity:.25;transform:rotate(20deg)}.bubble{position:absolute;border-radius:48% 48% 45% 45%;box-shadow:inset -16px -22px 25px #001e2b33,0 24px 25px #00272b66}.bubble:after{content:"";position:absolute;width:90px;height:90px;bottom:-15px;left:20px;transform:rotate(15deg);clip-path:polygon(0 0,100% 0,0 100%);background:inherit;border-radius:15px}.bubble-back{width:300px;height:225px;background:linear-gradient(135deg,#2dff8a,#00b98b);transform:translate(100px,56px) rotate(10deg)}.bubble-front{width:310px;height:235px;background:linear-gradient(135deg,#fff,#c9dfe6);transform:translate(-50px,-45px) rotate(-10deg);display:grid;place-items:center;z-index:2;border:2px solid white}.bubble-front b{color:#02c982;font-size:38px;text-shadow:1px 3px 1px #007d6c;letter-spacing:2px}.float-icon{position:absolute;z-index:4;border:1px solid #03f3dc;border-radius:50%;background:#00545d99;color:#42efb3;width:75px;height:75px;display:grid;place-items:center;font-size:36px;box-shadow:0 0 25px #00ebd255}.people{top:5px;left:15%}.heart{top:30px;right:9%;color:white}.smile{bottom:75px;left:10%}.tiny{bottom:70px;right:5%;font-size:25px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:5;margin-top:-65px}.feature{display:flex;align-items:center;gap:17px;padding:24px;background:linear-gradient(135deg,#fff,#edf5fa);border-radius:22px;box-shadow:0 14px 36px #12435c1c;min-height:132px}.feature-icon{width:78px;height:78px;flex:0 0 78px;border-radius:50%;display:grid;place-items:center;background:#c8f9ec;color:#05a874;font-size:48px;font-weight:900}.feature h2{font-size:18px;margin:0 0 8px;letter-spacing:-.5px}.feature p{margin:0;font-size:15px;line-height:1.55;color:#304457}.section{padding:80px 0;scroll-margin-top:30px}.rooms{text-align:center;padding-top:60px}.section-line{width:74px;height:3px;background:#36e78c;margin:0 auto 27px}.section h2{font-size:clamp(28px,3vw,43px);letter-spacing:-1.2px;margin:0 0 12px;font-weight:900}.section h2 span{color:#06ae72}.section-lead{font-size:19px;color:#405267;margin:0 auto 35px}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:left}.room-card{background:white;padding:30px;border-radius:22px;box-shadow:0 12px 36px #0a405315;border:1px solid #e5f1f3}.room-emoji{font-size:36px}.room-card h3{font-size:21px;margin:16px 0 8px}.room-card p{color:#526477;line-height:1.65}.room-card a{color:#009e79;font-weight:800}.room-note{font-size:13px;color:#6b7d8b;margin-top:24px}.about,.muted{background:#e9f8f5}.narrow{max-width:850px}.narrow p{font-size:18px;line-height:1.8;color:#45586a}.footer{background:#00343d;color:white;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p{color:#b7d2d4;font-size:14px}
@media(max-width:1250px){.nav{gap:17px}.nav a{font-size:14px}.brand img{width:220px}.nav-wrap{gap:16px}.nav-login{padding:11px 16px}.feature{padding:18px;gap:12px}.feature-icon{width:60px;height:60px;flex-basis:60px;font-size:35px}.feature h2{font-size:16px}}
@media(max-width:950px){.container{width:min(100% - 38px,760px)}.site-header{background:#00343dd9}.nav-wrap{min-height:75px}.brand img{width:225px}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;margin-left:auto;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:25px;height:3px;background:white;border-radius:2px}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#003c45;flex-direction:column;align-items:stretch;gap:0;padding:15px 24px 25px;box-shadow:0 15px 20px #0003}.nav.open{display:flex}.nav a{padding:12px;font-size:16px}.nav a.active:after{display:none}.nav-login{margin-left:0}.hero{padding:130px 0 110px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-copy{padding:0}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions,.benefits{justify-content:center}.hero-art{height:370px}.orbit{width:360px;height:320px}.orbit-two{width:280px;height:280px}.bubble-front{width:230px;height:180px}.bubble-back{width:225px;height:175px;transform:translate(80px,45px) rotate(10deg)}.float-icon{width:58px;height:58px;font-size:27px}.features{grid-template-columns:repeat(2,1fr)}.room-grid{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:calc(100% - 30px)}.nav-login{font-size:0;padding:10px}.nav-login svg{width:21px}.brand img{width:195px}.hero{padding-top:125px;padding-bottom:110px}.hero h1{font-size:clamp(36px,10vw,51px);letter-spacing:-1.5px}.hero-sub{font-size:17px}.eyebrow{font-size:12px}.btn{font-size:15px;padding:15px 17px;gap:8px}.hero-actions{gap:10px}.benefits{gap:12px;font-size:12px}.hero-art{height:290px}.orbit{width:290px;height:240px}.orbit-two{width:240px;height:240px}.bubble-front{width:185px;height:145px}.bubble-front b{font-size:25px}.bubble-back{width:175px;height:135px;transform:translate(65px,40px) rotate(10deg)}.bubble:after{width:55px;height:55px}.float-icon{width:43px;height:43px;font-size:20px}.features{grid-template-columns:1fr;margin-top:-75px}.feature{min-height:100px}.section{padding:65px 0}.rooms{padding-top:50px}.section-lead{font-size:16px}.footer-inner{flex-direction:column;text-align:center}.narrow p{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}