@property --orbit-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
:root{--blue:#71d6ff;--cyan:#00d9ff;--violet:#7a65ff}
body{background:#020710}main,footer{position:relative;z-index:1}.live-waves{z-index:0;opacity:1}.hero{background:linear-gradient(180deg,#02071000 55%,#02071010);isolation:isolate}.hero .contours,.route-terrain{display:none!important}.hero:after{background:linear-gradient(180deg,transparent 65%,#02071055)}.hero:before{background:radial-gradient(ellipse at 50% 34%,#0043ff09,transparent 40%)}.pricing-route{background:#020710}.hero-content{z-index:2;translate:0 var(--hero-drift,0px);opacity:var(--hero-opacity,1)}
.logo-frame{position:relative;display:grid;place-items:center;width:clamp(260px,29vw,360px);height:clamp(250px,27vw,330px);animation:logo-arrive 1.6s cubic-bezier(.16,1,.3,1) both,logo-hover 7s 1.6s ease-in-out infinite;mix-blend-mode:screen;overflow:visible;filter:drop-shadow(0 0 30px #007aff33)}.logo-frame .actual-logo{position:absolute;display:block;width:155%;max-width:none;height:auto;mix-blend-mode:screen;animation:logo-energy 5s ease-in-out infinite}.hero-content:before{display:none}.hero .emblem{display:none}.logo-frame:before,.logo-frame:after{content:'';position:absolute;inset:-35px;border:1px solid #44aeff22;border-radius:50%;transform:rotateX(65deg);animation:logo-orbit 10s linear infinite;z-index:-1;box-shadow:0 0 30px #007dff09}.logo-frame:after{inset:-65px;border-color:#14cbf615;animation-direction:reverse;animation-duration:14s}.hero-brand{position:relative;margin-top:22px;font-size:12px;letter-spacing:8px;text-transform:uppercase;color:#b0eaff;font-weight:500;text-indent:8px;animation:caption-arrive 1s .8s both}.hero-brand:after{content:'';display:block;height:1px;width:40px;margin:19px auto 0;background:linear-gradient(90deg,transparent,#3dc9ff,transparent);box-shadow:0 0 12px #39bfff;animation:brand-line 4s ease-in-out infinite}.hero-bottom{bottom:6%;animation:caption-arrive 1s 1.2s both}.hero-bottom .pill{padding:10px 22px;background:#0a173080;border-color:#6fb8ff44;backdrop-filter:blur(12px);box-shadow:0 0 30px #176cff1a}.hero-bottom:after{content:'⌄';display:block;color:#81caff;font-size:22px;line-height:1;margin-top:19px;animation:scroll-nudge 2s ease-in-out infinite}
.brand{width:48px;height:52px;overflow:hidden;position:relative;display:grid;place-items:center;mix-blend-mode:screen;font-size:0}.brand .actual-logo{width:76px;height:76px;max-width:none;position:absolute;mix-blend-mode:screen;transition:filter .4s,transform .6s;filter:drop-shadow(0 0 8px #00b5ff40)}.brand:hover .actual-logo{transform:scale(1.12) rotate(-5deg);filter:drop-shadow(0 0 12px #00d9ff99)}footer .brand{width:160px;display:flex;overflow:visible;padding-left:52px;mix-blend-mode:screen;font-size:13px}footer .brand .actual-logo{left:-8px;width:70px;height:70px}
nav{z-index:15}nav.scrolled{background:#050c17b8;box-shadow:0 15px 60px #0005,0 0 20px #008cff0c;border-color:#4b9ecb22}.navlink{position:relative;overflow:hidden;transition:color .3s,background .3s,box-shadow .4s,transform .4s}.navlink.active{background:#81d0ff0f;box-shadow:inset 0 0 20px #48a4ff08}.navlink:hover{color:#d5f8ff;box-shadow:0 0 28px #1684dd16;transform:translateY(-2px)}.navlink:after{content:'';position:absolute;bottom:5px;left:50%;height:1px;background:var(--cyan);width:18px;transform:translateX(-50%) scaleX(0);transition:transform .4s;box-shadow:0 0 10px var(--cyan)}.navlink.active:after,.navlink:hover:after{transform:translateX(-50%) scaleX(1)}
.section-heading h2{color:#a3dcff;background:linear-gradient(105deg,#ecf9ff 0%,#6bd7ff 25%,#a1a4ff 48%,#7bdaff 70%,#ecf9ff 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:heading-flow 12s linear infinite}.animated-word{display:inline-block;transition:transform .65s,opacity .65s;transition-delay:calc(var(--word)*75ms)}.reveal:not(.visible) .animated-word{transform:translateY(20px) rotateX(15deg);opacity:0}.section-heading p{animation:subtitle-breathe 7s ease-in-out infinite}
.benefits article,.rich-feature,.plan,.faq details,.video-frame{position:relative}.card-edge{position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--orbit-angle),transparent 0deg,transparent 225deg,#398cff00 245deg,#64eaff88 285deg,#927bff99 305deg,transparent 335deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;z-index:4;animation:border-orbit var(--border-speed,8s) linear infinite;animation-delay:calc(var(--order,0)*-.8s)}.benefits article{background:linear-gradient(145deg,#0c1827de,#080f19ec);backdrop-filter:blur(10px);transition:transform .5s,box-shadow .5s}.benefits article:hover{transform:translateY(-8px);box-shadow:0 15px 50px #0005}.benefits .icon{animation:icon-hover 5s ease-in-out infinite;animation-delay:calc(var(--order)*-.7s);color:#74dfff;filter:drop-shadow(0 0 10px #64c9ff55)}
.rich-feature{--rx:0deg;--ry:0deg;min-height:430px;background:linear-gradient(145deg,#111c2bec,#07101aee);backdrop-filter:blur(9px);overflow:visible;transition:transform .5s,box-shadow .5s,border-color .5s}.rich-feature .feature-visual{overflow:hidden}.rich-feature:hover{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-9px);border-color:#61cfff55;box-shadow:0 20px 65px #0006,0 0 35px #1e89ff15}.rich-feature.visible{animation:feature-arrive .8s both;animation-delay:calc(var(--order)*.06s);animation-fill-mode:backwards}.rich-feature .feature-emoji{animation:emoji-float 5s ease-in-out infinite;animation-delay:calc(var(--order)*-.5s)}.rich-feature .visual-top{background:linear-gradient(90deg,#20314b,#1c2b41);background-size:200% 100%;animation:heading-flow 8s linear infinite}.rich-feature .visual-content{position:relative}.rich-feature .feature-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,#80bfff0a,transparent);height:35%;animation:scan-screen 7s linear infinite;animation-delay:calc(var(--order)*-.7s)}.visual-demo{color:#71a5c7}.plan{background:linear-gradient(135deg,#0d1a28ee,#050d18f5)}.plan.popular{background:linear-gradient(145deg,#0a2940ef,#0b1225ef 70%);border-color:#64dfff55}.plan.popular .price{color:#93ebff;text-shadow:0 0 30px #32d6ff55}.plan-banner{background:#06101be6;backdrop-filter:blur(12px)}.plans{background:#030a12b3}.plan.visible li{animation:perk-enter .65s ease backwards;animation-delay:calc(var(--perk,0)*70ms + 160ms)}.plan h3:before{animation:icon-hover 5s ease-in-out infinite}.price{font-variant-numeric:tabular-nums}.popular-badge{animation:badge-glow 3s ease-in-out infinite,badge-hover 5s ease-in-out infinite}
.button,.pill{position:relative;overflow:hidden;isolation:isolate;translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:background .3s,box-shadow .4s,translate .4s cubic-bezier(.2,.8,.2,1),transform .4s}.button:hover,.pill:hover{box-shadow:0 0 35px #24b9ff22}.pill:before{content:'';position:absolute;inset:-100% -60%;z-index:-1;background:linear-gradient(110deg,transparent 35%,#9beaff18 50%,transparent 65%);animation:button-shimmer 6s ease-in-out infinite}.click-ripple{position:absolute;left:var(--ripple-x);top:var(--ripple-y);width:8px;height:8px;border-radius:50%;background:#a6eaff55;pointer-events:none;animation:click-wave .7s ease-out forwards;z-index:3}.video-frame{background:linear-gradient(125deg,#51c7ff55,#8874ff33,#38d6d566);overflow:visible}.faq details{background:#091422e6;backdrop-filter:blur(8px)}.faq summary:hover{color:#b4eaff}.faq summary:after{color:#61d4ff}.closing{background:linear-gradient(180deg,#02071000,#02071099)}.closing h2{animation:subtitle-breathe 7s ease-in-out infinite}.motion-toggle{background:#071424b3;border-color:#43b9f838;box-shadow:0 0 25px #1e89ff10}.motion-toggle:hover{box-shadow:0 0 30px #1e89ff30}.ocean-fallback{background:radial-gradient(ellipse at 50% 85%,#00517c,#061c37 50%,#020710 80%)}.ocean-fallback:before{content:'';position:fixed;left:-30%;bottom:-55%;width:160%;height:110%;border-radius:45%;border:2px solid #6adeff55;background:linear-gradient(25deg,#00376b44,#3dc7ff11);animation:fallback-swell 12s ease-in-out infinite;pointer-events:none;z-index:0}.motion-paused .animated-word{opacity:1;transform:none}.motion-paused .button,.motion-paused .pill{translate:none}.motion-paused .hero-content{translate:none}.motion-paused .rich-feature:hover{transform:translateY(-5px)}
@keyframes border-orbit{to{--orbit-angle:360deg}}@keyframes logo-arrive{from{opacity:0;transform:translateY(35px) scale(.75);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes logo-hover{50%{transform:translateY(-12px) rotate(1.3deg)}}@keyframes logo-energy{0%,100%{filter:url(#logo-alpha) brightness(1) drop-shadow(0 0 10px #006bff22)}50%{filter:url(#logo-alpha) brightness(1.15) drop-shadow(0 0 14px #006bff55)}}@keyframes logo-orbit{0%{transform:rotateX(65deg) rotate(0deg) scale(1)}50%{transform:rotateX(68deg) rotate(180deg) scale(1.07)}100%{transform:rotateX(65deg) rotate(360deg) scale(1)}}@keyframes caption-arrive{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes brand-line{50%{width:85px;opacity:.4}}@keyframes scroll-nudge{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(6px);opacity:1}}@keyframes heading-flow{to{background-position:250% 50%}}@keyframes subtitle-breathe{50%{opacity:.72}}@keyframes icon-hover{50%{transform:translateY(-4px);filter:drop-shadow(0 0 13px #4bcfff88)}}@keyframes emoji-float{50%{translate:0 -3px;rotate:4deg;box-shadow:0 0 20px #659fff1f}}@keyframes scan-screen{0%{top:-35%}100%{top:135%}}@keyframes perk-enter{from{opacity:0;translate:-9px 0}to{opacity:1;translate:0 0}}@keyframes badge-hover{50%{translate:0 -3px}}@keyframes button-shimmer{0%,30%{transform:translateX(-60%)}70%,100%{transform:translateX(60%)}}@keyframes click-wave{to{transform:translate(-50%,-50%) scale(45);opacity:0}}@keyframes fallback-swell{50%{transform:translateY(-40px) rotate(7deg)}}
@media(max-width:700px){.logo-frame{width:260px;height:250px}.hero-brand{font-size:10px;letter-spacing:6px}.logo-frame:before{inset:-5px}.logo-frame:after{inset:-28px}.hero-bottom{bottom:8%}nav.scrolled{gap:0}.brand{width:42px;flex:0 0 42px}.brand .actual-logo{width:68px;height:68px}.rich-feature:hover{transform:translateY(-3px)}.section-heading h2{line-height:1.2}.hero-content{translate:0 calc(var(--hero-drift,0px)*.5)}}
@media(prefers-reduced-motion:reduce){.animated-word{opacity:1!important;transform:none!important}.logo-frame,.actual-logo,.card-edge,.hero-brand,.hero-bottom,.feature-emoji{animation:none!important}.hero-content{translate:none!important}.button,.pill{translate:none!important}.rich-feature:hover{transform:none!important}}
.brand .actual-logo{filter:url(#logo-alpha) drop-shadow(0 0 8px #00b5ff40)}.brand:hover .actual-logo{filter:url(#logo-alpha) drop-shadow(0 0 12px #00d9ff99)}.logo-frame .actual-logo{filter:url(#logo-alpha)}
.logo-frame,.hero-logo,.brand,.brand .actual-logo{mix-blend-mode:normal}