:root{--bg:#dff2fc;--card:#ffffff;--text:#0c2f4a;--muted:#3e6485;--brand:#00b4e6;--brand2:#17cfa4;--coral:#ff8a5c;--sunny:#ffd166;--sand:#ffe9c2;--danger:#ff4d6d;--ring: rgba(0,180,230,.3);--shadow: 0 20px 60px rgba(12,60,100,.18);--shadow-lg: 0 30px 80px rgba(12,60,100,.22);--glow: 0 0 40px rgba(0,180,230,.15)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;scroll-behavior:smooth;overflow-x:clip}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#9fdcf9,#cdeefb 45%,#ffeed2),var(--bg);color:var(--text);line-height:1.6}.container{position:relative;z-index:1}a{color:inherit;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.container{width:min(1200px,94%);margin:0 auto}.main{position:relative;z-index:1;padding-top:80px;min-height:calc(100vh - 200px)}.bg-scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-scene svg{width:100%;height:100%;display:block}.scene-sun{animation:sun-breathe 8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes sun-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.scene-wave-1{animation:wave-drift 18s linear infinite}.scene-wave-2{animation:wave-drift 28s linear infinite reverse}@keyframes wave-drift{to{transform:translate(-1440px)}}.scene-palm{transform-box:fill-box;transform-origin:bottom center;animation:palm-sway 7s ease-in-out infinite alternate}.scene-palm-r{animation-duration:9s;animation-delay:1.2s}@keyframes palm-sway{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.8deg)}}.scene-wheel-spokes{transform-box:fill-box;transform-origin:center;animation:wheel-spin 46s linear infinite}@keyframes wheel-spin{to{transform:rotate(360deg)}}.scene-gull{animation:gull-drift 26s linear infinite}.scene-gull-2{animation-duration:34s;animation-delay:-12s}@keyframes gull-drift{0%{transform:translate(-120px)}to{transform:translate(1560px)}}@media(max-width:700px){.scene-sun-pos{transform:translate(-330px)}.scene-wheel-pos{transform:translate(340px)}.scene-palm-pos-l{transform:translate(425px)}.scene-palm-pos-r{transform:translate(-445px)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffb8;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid rgba(12,47,74,.08);box-shadow:0 4px 24px #0c3c641a}.nav-inner{display:flex;align-items:center;gap:10px;padding:5px 0}.brand{display:flex;gap:14px;align-items:center;margin-right:auto;transition:opacity .3s ease}.brand:hover{opacity:.9}.brand-logo{height:70px;width:auto;border-radius:8px;opacity:.95;transition:all .3s ease}.brand:hover .brand-logo{opacity:1}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:15px;font-weight:600;color:var(--text);letter-spacing:-.01em}.brand-tagline{font-size:13px;color:var(--muted);font-weight:400;opacity:.85}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{padding:10px 16px;border-radius:12px;color:var(--muted);font-weight:500;font-size:15px;position:relative}.nav-links a:hover{background:#00b4e614;color:var(--text)}.nav-links a:after{content:"";position:absolute;left:16px;right:16px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand),var(--brand2));transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.65,0,.35,1)}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta{display:flex;gap:10px;align-items:center;margin-left:12px}.nav-toggle{display:none;position:relative;width:44px;height:44px;flex-shrink:0;border:1px solid rgba(12,47,74,.15);border-radius:12px;background:#ffffffb3;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.nav-toggle:hover{border-color:#00b4e680}.nav-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-color:var(--brand)}.nav-toggle span{position:absolute;left:11px;right:11px;height:2.5px;border-radius:2px;background:var(--text);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,top .3s cubic-bezier(.4,0,.2,1),background .3s ease}.nav-toggle span:nth-child(1){top:14px}.nav-toggle span:nth-child(2){top:20.5px}.nav-toggle span:nth-child(3){top:27px}.nav-toggle.is-open span:nth-child(1){top:20.5px;transform:rotate(45deg);background:var(--brand)}.nav-toggle.is-open span:nth-child(2){opacity:0;transform:translate(-10px)}.nav-toggle.is-open span:nth-child(3){top:20.5px;transform:rotate(-45deg);background:var(--brand)}.nav-mobile{display:none}.nav-mobile-link{padding:13px 16px;border-radius:12px;font-weight:600;font-size:17px;color:var(--muted)}.nav-mobile-link:hover,.nav-mobile-link.active{background:#00b4e61a;color:var(--text)}.nav-mobile-link.active{box-shadow:inset 0 0 0 1px #00b4e659}.nav-mobile-cta{display:flex;gap:10px;margin-top:10px}.nav-mobile-cta .btn{flex:1;justify-content:center}@media(max-width:900px){.nav-toggle{display:block}.nav-mobile{display:flex;flex-direction:column;gap:4px;position:absolute;top:100%;left:0;right:0;padding:12px max(4%,14px) 18px;background:linear-gradient(180deg,#fff,#eefaff);border-bottom:1px solid rgba(12,47,74,.08);box-shadow:0 18px 30px #0c3c6426;opacity:0;visibility:hidden;transform:translateY(-14px);pointer-events:none;transition:opacity .3s ease,transform .35s cubic-bezier(.4,0,.2,1),visibility .3s}.nav-mobile.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}}@media(max-width:760px){.nav-cta{display:none}}.btn{--ripple: rgba(0,180,230,.35);position:relative;display:inline-flex;align-items:center;gap:8px;overflow:hidden;isolation:isolate;border:1px solid rgba(12,47,74,.18);background:#ffffffb8;color:var(--text);padding:12px 24px;border-radius:10px;cursor:pointer;font-weight:600;font-size:15px;font-family:inherit;line-height:1.6;transition:border-color .3s ease,color .3s ease,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;-webkit-tap-highlight-color:transparent}.btn-label{position:relative;z-index:2}.btn:after{content:"";position:absolute;left:50%;top:115%;width:240%;height:0;padding-bottom:240%;margin-left:-120%;border-radius:42%;background:linear-gradient(180deg,#00b4e64d,#17cfa438);animation:liquid-spin 6s linear infinite;transition:top .65s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}.btn:hover:after{top:-80%}@keyframes liquid-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn:hover{border-color:#00b4e699;color:var(--text);transform:translateY(-2px);box-shadow:0 8px 24px #0c3c642e,0 0 20px #00b4e626}.btn:active{transform:translateY(0) scale(.97);transition-duration:.1s}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring),0 8px 24px #0c3c642e;border-color:var(--brand)}.btn-ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--ripple) 0%,transparent 70%);transform:scale(0);animation:btn-ripple .7s ease-out forwards;pointer-events:none;z-index:1}@keyframes btn-ripple{to{transform:scale(1);opacity:0}}.btn-arrow{position:relative;z-index:2;display:inline-block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn:hover .btn-arrow{transform:translate(5px);animation:arrow-bob 1.1s ease-in-out .3s infinite}@keyframes arrow-bob{0%,to{transform:translate(5px)}50%{transform:translate(9px)}}.btn-primary{--ripple: rgba(255,255,255,.55);background:linear-gradient(120deg,#3dd5ff,#1fd9a8,#3dd5ff);background-size:220% auto;background-position:0% center;border:none;box-shadow:0 6px 20px #00b4e659;color:#041220;font-weight:700;transition:background-position .6s ease,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.btn-primary:after{display:none}.btn-primary:before{content:"";position:absolute;top:0;left:-85%;width:55%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-20deg);transition:left .1s;pointer-events:none;z-index:1}.btn-primary:hover:before{left:135%;transition:left .65s ease}.btn-primary:hover{background-position:100% center;color:#041220;transform:translateY(-2px);animation:cta-glow 2s ease-in-out infinite}@keyframes cta-glow{0%,to{box-shadow:0 8px 30px #00b4e673}50%{box-shadow:0 8px 38px #00b4e6a6,0 0 24px #17cfa466}}.btn-primary:active{transform:translateY(0) scale(.97)}.btn-primary:focus-visible{box-shadow:0 0 0 3px #ffffffb3,0 8px 30px #00b4e666}.hero{padding:90px 0 50px}.hero-grid{position:relative;display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:stretch}.cloud-banner{position:absolute;top:-74px;left:-10px;width:212px;z-index:4;pointer-events:none}.cloud-banner-inner{position:relative;animation:cloud-float 9s ease-in-out infinite}@keyframes cloud-float{0%,to{transform:translate(0)}50%{transform:translate(7px,-7px)}}.cloud-banner-shape{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(12,60,100,.16))}.cloud-banner-text{position:absolute;top:25%;left:12%;right:12%;margin:0;display:flex;flex-direction:column;align-items:center;gap:1px;text-align:center;line-height:1.15;color:var(--text)}.cloud-banner-text strong{font-size:15px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.cloud-banner-eyebrow{display:inline-flex;align-items:center;gap:4px;margin-bottom:2px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--brand)}.h1{font-size:clamp(40px,5.5vw,68px);line-height:1.1;margin:0 0 20px;font-weight:800;color:var(--text);letter-spacing:-.02em}.sub{margin:0 0 28px;color:var(--muted);font-size:19px;line-height:1.6}.card{background:#fffc;border:1.5px solid rgba(255,255,255,.95);border-radius:16px;padding:36px;box-shadow:0 10px 40px #0c3c6429;transition:all .3s ease;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);position:relative}.card:hover{border-color:#00b4e673;box-shadow:0 15px 50px #0c3c6433;transform:translateY(-2px)}.deco{position:absolute;pointer-events:none;z-index:3;line-height:0;filter:drop-shadow(0 6px 12px rgba(12,60,100,.25))}.deco-ball{top:-34px;right:-20px}.deco-floatie{top:-30px;right:24px}.deco-starfish{bottom:-18px;right:-14px}.deco-noodle{top:-26px;left:-18px}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.kpi{padding:24px;border-radius:14px;background:#ffffffb8;border:1.5px solid rgba(255,255,255,.9);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kpi:hover{background:#ffffffeb;border-color:#00b4e673;transform:translateY(-2px);box-shadow:0 6px 20px #0c3c6426}.kpi-icon{display:inline-block;line-height:0;margin-bottom:10px}.kpi b{display:block;font-size:20px;margin-bottom:8px;color:var(--text);font-weight:600}.kpi span{color:var(--muted);font-size:15px}.section{padding:70px 0}.section h2{margin:0 0 6px;font-size:42px;font-weight:700;color:var(--text);letter-spacing:-.01em}.section h2:after{content:"";display:block;margin:8px 0 12px;width:120px;height:10px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='10'><path d='M0 5 Q 10 0 20 5 T 40 5' fill='none' stroke='%2300b4e6' stroke-width='3' stroke-linecap='round'/></svg>") repeat-x}.section p{margin:0 0 40px;color:var(--muted);line-height:1.7;font-size:18px;max-width:700px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.item{padding:32px;border-radius:16px;background:#ffffffbf;border:1.5px solid rgba(255,255,255,.9);transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.item:hover{background:#fffffff2;border-color:#00b4e673;transform:translateY(-2px);box-shadow:0 8px 30px #0c3c6429}.item h3{margin:0 0 14px;font-size:24px;color:var(--text);font-weight:600}.item p{margin:0;color:var(--muted);line-height:1.7;font-size:16px}.item-icon{line-height:0;margin-bottom:12px}.tier-featured{border-color:#00b4e68c;box-shadow:0 12px 36px #00b4e633}.tier-badge{position:absolute;top:-14px;right:18px;padding:4px 14px;border-radius:999px;background:linear-gradient(120deg,#3dd5ff,#1fd9a8);color:#041220;font-size:13px;font-weight:700;box-shadow:0 4px 14px #00b4e659}.pool-window{position:relative;overflow:hidden;min-height:200px;border-radius:18px;border:5px solid #ffffff;background:linear-gradient(180deg,#c9f0ff,#7fd9f5 35%,#2cb8e8);box-shadow:0 12px 32px #0c3c6433,inset 0 -18px 34px #005a8c47;display:flex;align-items:center;justify-content:center}.pool-window:before{content:"";position:absolute;top:-40%;left:-60%;width:55%;height:180%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-18deg);animation:water-sheen 5.5s ease-in-out infinite;pointer-events:none}@keyframes water-sheen{0%{left:-60%}55%,to{left:135%}}.pool-window-sprite{line-height:0;filter:drop-shadow(0 8px 10px rgba(0,70,110,.3))}.pool-window-label{position:absolute;bottom:12px;left:14px;right:14px;text-align:center;color:#fff;font-weight:600;font-size:14px;text-shadow:0 1px 6px rgba(0,60,90,.55)}.pw-bubble{position:absolute;bottom:-18px;border-radius:50%;background:#ffffff59;border:1.5px solid rgba(255,255,255,.75);animation:bubble-rise 5.5s ease-in infinite}@keyframes bubble-rise{0%{transform:translateY(0) translate(0);opacity:0}12%{opacity:1}50%{transform:translateY(-110px) translate(6px)}to{transform:translateY(-230px) translate(-4px);opacity:0}}.sprite{display:inline-block;line-height:0}.sprite-bob{animation:sprite-bob 3.6s ease-in-out infinite}@keyframes sprite-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(3deg)}}.sprite-spin{animation:sprite-spin 16s linear infinite}@keyframes sprite-spin{to{transform:rotate(360deg)}}.sprite-sway{animation:sprite-sway 4s ease-in-out infinite alternate}@keyframes sprite-sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.sprite-wiggle{animation:sprite-wiggle 5s ease-in-out infinite}@keyframes sprite-wiggle{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(8deg) scale(1.04)}75%{transform:rotate(-8deg) scale(.98)}}.star-rating{display:inline-flex;gap:4px;margin-bottom:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.input,.textarea{width:100%;padding:14px 16px;border-radius:14px;border:1.5px solid rgba(12,47,74,.15);background:#ffffffd9;color:var(--text);outline:none;font-family:inherit;font-size:15px;transition:all .3s ease}.input:focus,.textarea:focus{border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px var(--ring),0 8px 20px #00b4e626}.input::placeholder,.textarea::placeholder{color:#3e64858c}.textarea{min-height:130px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.footer{position:relative;z-index:1;margin-top:60px;padding:0 0 40px;background:linear-gradient(180deg,#ffeccdeb,#ffe0b0f5);color:var(--muted)}.footer-wave{line-height:0;margin-top:-1px;transform:translateY(-99%);position:absolute;left:0;right:0}.footer-wave svg{display:block;width:100%;height:54px}.footer .container{padding-top:40px}.footer small{color:#3e6485bf;font-size:13px}.footer .card{background:#ffffffa6}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.nav-links{display:none}.split,.grid{grid-template-columns:1fr}.deco-ball{top:-26px;right:-8px}.cloud-banner{position:static;order:-1;width:208px;margin:0 auto -4px}}@media(max-width:700px){.row,.kpi-row{grid-template-columns:1fr}.nav-inner{padding:12px 0}.brand-logo{height:70px}.brand-tagline{display:none}.hero{padding:50px 0 30px}.h1{font-size:clamp(34px,9vw,44px)}.sub{font-size:17px}.section{padding:40px 0}.section h2{font-size:32px}.section p{font-size:16px}.card{padding:24px 20px}.item{padding:20px}.deco-ball{top:-22px;right:-4px;transform:scale(.82)}.deco-floatie{top:-22px;right:10px}.deco-starfish{bottom:-14px;right:-4px}.pool-window{min-height:180px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-grid>*{animation:fadeInUp .8s ease-out backwards}.hero-grid>*:nth-child(2){animation-delay:.2s}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.4,0,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal .grid>*{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s cubic-bezier(.4,0,.2,1)}.reveal.is-visible .grid>*{opacity:1;transform:none}.reveal.is-visible .grid>*:nth-child(1){transition-delay:.1s}.reveal.is-visible .grid>*:nth-child(2){transition-delay:.2s}.reveal.is-visible .grid>*:nth-child(3){transition-delay:.3s}.reveal.is-visible .grid>*:nth-child(4){transition-delay:.4s}.reveal.is-visible .grid>*:nth-child(5){transition-delay:.5s}.reveal.is-visible .grid>*:nth-child(6){transition-delay:.6s}.reveal.is-visible .grid>*:nth-child(n+7){transition-delay:.7s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html,body{scroll-behavior:auto}.reveal,.reveal .grid>*{opacity:1;transform:none}.btn:after{display:none}}