:root{--hero-parallax-x:0px;--hero-parallax-y:0px}
.brand{gap:12px}.brand-symbol,.brand-wordmark{display:block;height:auto;object-fit:contain;flex:none;filter:drop-shadow(0 7px 14px rgba(0,0,0,.2))}.brand-symbol{width:88px}.brand-wordmark{width:148px}.footer-brand .brand-symbol{width:112px}.footer-brand .brand-wordmark{width:184px}.footer-brand{margin-bottom:8px}
.hero{min-height:calc(100svh - 82px);display:flex;flex-direction:column;justify-content:center;padding:74px 0 24px;isolation:isolate}
.hero::before{z-index:-2;background:linear-gradient(90deg,rgba(2,20,34,.97) 0%,rgba(3,27,46,.88) 38%,rgba(3,27,46,.58) 68%,rgba(3,27,46,.48) 100%),radial-gradient(circle at 76% 28%,rgba(19,184,218,.25),transparent 35%)}
.hero-motion{position:absolute;inset:0;z-index:-3;overflow:hidden;background:linear-gradient(135deg,#031b2e,#075175)}
.hero-video{width:100%;height:100%;object-fit:cover;object-position:center 54%;opacity:0;transform:scale(1.035) translate3d(var(--hero-parallax-x),var(--hero-parallax-y),0);filter:saturate(.92) contrast(1.06);transition:opacity 1.2s ease,transform .7s cubic-bezier(.22,.8,.2,1)}
.hero.video-ready .hero-video{opacity:.68}
.hero-video-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,27,46,.16),rgba(3,27,46,.4) 76%,#031b2e 100%),linear-gradient(90deg,rgba(3,27,46,.46),transparent 64%)}
.sun-glow{position:absolute;width:38vw;height:38vw;right:3vw;top:-22vw;border-radius:50%;background:radial-gradient(circle,rgba(255,218,150,.34),rgba(19,184,218,.08) 38%,transparent 69%);filter:blur(8px);animation:sun-breathe 7s ease-in-out infinite alternate}
.foam{position:absolute;height:2px;border-radius:50%;border-top:2px solid rgba(172,241,250,.55);filter:drop-shadow(0 0 8px rgba(54,214,238,.45));transform:rotate(-8deg);animation:foam-drift 7s linear infinite}
.foam::after{content:"";position:absolute;inset:-8px 18% auto 8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}
.foam-one{width:48vw;right:-8vw;bottom:15%;animation-delay:-1s}.foam-two{width:32vw;right:9vw;bottom:9%;animation-delay:-3.4s}.foam-three{width:24vw;right:29vw;bottom:4%;animation-delay:-5.2s}
.wake{z-index:-1;animation:wake-breathe 9s ease-in-out infinite alternate}.wake-two{animation-delay:-4s}
.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(250px,330px);gap:58px;z-index:2}
.hero-copy{max-width:720px;padding-bottom:26px;text-shadow:0 2px 28px rgba(0,0,0,.22)}
.hero h1{font-size:clamp(4.1rem,7.1vw,7.15rem)}
.hero-lead{max-width:610px;color:#e1eef2}
.hero-visual{width:min(100%,270px);padding:8px;transform:rotate(1.5deg) translate3d(calc(var(--hero-parallax-x) * -.35),calc(var(--hero-parallax-y) * -.35),0);transition:transform .7s cubic-bezier(.22,.8,.2,1)}
.visual-frame{border-radius:28px;border:1px solid rgba(255,255,255,.28);box-shadow:0 28px 70px rgba(0,0,0,.38);background:#062c48}
.visual-frame img{width:100%;height:190px;object-fit:cover;object-position:center 58%}
.real-photo-label{position:absolute;left:12px;bottom:12px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(3,27,46,.8);backdrop-filter:blur(10px);color:#dffaff;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:900}
.floating-card{min-width:185px;padding:11px 14px;animation:card-float 4.8s ease-in-out infinite}
.floating-card-top{left:-94px;top:34px}.floating-card-bottom{right:-64px;bottom:24px;animation-delay:-2.2s}
.hero-proof{max-width:620px;background:linear-gradient(90deg,rgba(3,27,46,.4),transparent);backdrop-filter:blur(4px)}
.hero-disclaimer{z-index:2;margin-top:auto;padding-top:10px;color:#9eb6c0}
.trust-strip{position:relative;overflow:hidden}.trust-strip::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.14) 45%,transparent 70%);transform:translateX(-120%);animation:water-shine 6.5s ease-in-out infinite}
.how,.fleet,.location{position:relative;overflow:hidden}.how::before,.fleet::before,.location::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(2px);pointer-events:none;animation:section-tide 12s ease-in-out infinite alternate}.how::before{right:-270px;top:18%;border:58px solid rgba(19,184,218,.06)}.fleet::before{left:-260px;bottom:-160px;border:72px solid rgba(0,108,156,.07);animation-delay:-3s}.location::before{right:-290px;top:12%;border:70px solid rgba(255,51,79,.035);animation-delay:-6s}
.plans-section::before{animation:ring-drift 14s ease-in-out infinite alternate}.plans-section::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-80px;height:170px;border-radius:50%;border-top:2px solid rgba(19,184,218,.15);transform:rotate(-3deg);animation:wave-line 8s ease-in-out infinite alternate}
.jet-plan{isolation:isolate;overflow:hidden;background:linear-gradient(155deg,#0b4360 0%,#062c48 34%,#031b2e 72%);color:#fff;border-color:rgba(255,255,255,.2);box-shadow:0 24px 60px rgba(0,0,0,.2)}
.jet-plan::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 74% 13%,rgba(112,227,241,.24),transparent 31%),linear-gradient(180deg,transparent 0%,rgba(3,27,46,.06) 28%,rgba(3,27,46,.82) 43%,#031b2e 66%);pointer-events:none}
.jet-plan::after{z-index:3}
.plan-jet-image{position:absolute;z-index:0;left:50%;top:47px;width:92%;height:155px;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 18px 16px rgba(0,0,0,.36));transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .5s}
.jet-plan:hover .plan-jet-image{transform:translateX(-50%) translateY(-5px) scale(1.035);filter:drop-shadow(0 24px 20px rgba(0,0,0,.46)) saturate(1.08)}
.jet-plan>*:not(.plan-jet-image){position:relative;z-index:2}
.jet-plan .plan-topline{min-height:182px;align-items:flex-start;border-color:rgba(255,255,255,.22);text-shadow:0 2px 18px rgba(0,0,0,.75)}
.jet-plan .plan-topline small{padding:7px 10px;border-radius:999px;background:rgba(3,27,46,.72);backdrop-filter:blur(9px);color:#8ee9f5}
.jet-plan .plan-label,.jet-plan .monthly span{color:#b8ced6}.jet-plan .monthly{border-color:rgba(255,255,255,.16)}
.jet-plan .installment{background:rgba(19,184,218,.18);border:1px solid rgba(104,227,242,.32);color:#a4f1fa;backdrop-filter:blur(8px)}
.jet-plan .button-plan{background:#e8f8fa;color:#004b69}.jet-plan.featured .button-plan{background:#ff334f;color:#fff}
.jet-plan .price,.jet-plan .monthly strong,.jet-plan li{text-shadow:0 2px 16px rgba(0,0,0,.38)}
.step-card::after,.plan-card::after,.fleet-card::after{content:"";position:absolute;inset:-60% -90%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.35) 50%,transparent 58%);transform:translateX(-55%);transition:transform .8s ease;pointer-events:none}.step-card:hover::after,.plan-card:hover::after,.fleet-card:hover::after{transform:translateX(55%)}
.step-icon{transition:transform .3s ease}.step-card:hover .step-icon{transform:translateY(-5px) rotate(-3deg)}
.fleet-number{transition:transform .45s ease}.fleet-card:hover .fleet-number{transform:translate(-8px,-7px)}
.button-primary{position:relative;overflow:hidden}.button-primary::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.35) 48%,transparent 62%);transform:translateX(-130%);transition:transform .65s ease}.button-primary:hover::after{transform:translateX(130%)}
.social-proof{position:relative}.social-proof::after{content:"";position:absolute;width:78vw;height:210px;right:-20vw;bottom:-110px;border-radius:50%;border-top:2px solid rgba(19,184,218,.16);animation:wave-line 9s ease-in-out infinite alternate}
.social-item img{transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.social-item:hover img{transform:scale(1.045);filter:saturate(1.08)}
@keyframes sun-breathe{from{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1.08)}}
@keyframes foam-drift{0%{opacity:0;transform:translateX(16%) rotate(-8deg) scaleX(.78)}20%{opacity:.8}70%{opacity:.48}100%{opacity:0;transform:translateX(-24%) rotate(-8deg) scaleX(1.18)}}
@keyframes wake-breathe{from{opacity:.45;transform:rotate(-15deg) translateX(0) scaleX(.94)}to{opacity:.92;transform:rotate(-12deg) translateX(-32px) scaleX(1.05)}}
@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes water-shine{0%,20%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
@keyframes section-tide{from{transform:translate3d(0,-18px,0) scale(.94)}to{transform:translate3d(-45px,28px,0) scale(1.08)}}
@keyframes ring-drift{from{transform:translate(0,0) rotate(0)}to{transform:translate(-55px,38px) rotate(16deg)}}
@keyframes wave-line{from{transform:translateX(0) rotate(-3deg) scaleX(.9)}to{transform:translateX(-6%) rotate(-1deg) scaleX(1.08)}}
@media (max-width:1020px){.hero{min-height:auto;padding-top:62px}.hero-grid{grid-template-columns:minmax(0,1fr) 230px;gap:28px}.hero h1{font-size:clamp(4rem,9vw,6rem)}.hero-visual{width:220px}.floating-card-top{left:-62px}.floating-card-bottom{right:-35px}.hero-video{object-position:62% center}}
@media (max-width:720px){.brand{gap:8px}.brand-symbol{width:70px}.brand-wordmark{width:108px}.footer-brand .brand-symbol{width:90px}.footer-brand .brand-wordmark{width:145px}.hero{padding-top:52px;min-height:calc(100svh - 72px)}.hero::before{background:linear-gradient(180deg,rgba(3,27,46,.82),rgba(3,27,46,.9) 62%,#031b2e 100%),radial-gradient(circle at 72% 22%,rgba(19,184,218,.18),transparent 38%)}.hero-grid{grid-template-columns:1fr;gap:22px}.hero-copy{padding-bottom:0}.hero h1{font-size:4.2rem}.hero-video{object-position:62% center;opacity:0}.hero.video-ready .hero-video{opacity:.48}.hero-visual{width:205px;justify-self:end;margin-right:14px}.visual-frame{border-radius:18px}.visual-frame img{height:148px;object-position:center 58%}.floating-card{font-size:10px;min-width:160px}.floating-card-top{left:-116px;top:28px}.floating-card-bottom{display:none}.hero-proof{margin-top:27px}.sun-glow{width:70vw;height:70vw;right:-10vw;top:-34vw}.foam-one{width:76vw}.foam-two{width:60vw}.real-photo-label{font-size:7px;padding:6px 8px}}
@media (prefers-reduced-motion:reduce){.hero-video{display:none!important}.hero-motion{background:linear-gradient(135deg,#031b2e,#075175)}.wake,.sun-glow,.foam,.floating-card,.trust-strip::before,.how::before,.fleet::before,.location::before,.plans-section::before,.plans-section::after,.social-proof::after{animation:none!important}.hero-visual{transform:none!important}.step-card::after,.plan-card::after,.fleet-card::after,.button-primary::after{display:none}}
