:root{--blue:#7dafff}body{background:#0d1012}nav{position:fixed;height:100px;left:0;top:0;transition:width .55s cubic-bezier(.2,.8,.2,1),height .55s,background .4s,top .55s,left .55s,border-radius .55s,padding .55s; width:100%;border:1px solid transparent}nav.scrolled{width:530px;max-width:94%;height:74px;left:50%;transform:translateX(-50%);top:20px;border-radius:50px;padding:0 20px;background:#090c10cc;border-color:#ffffff0a;backdrop-filter:blur(22px);box-shadow:0 10px 35px #0004}.brand{font-size:0;margin-right:8px}.brand svg{width:33px;height:38px;filter:drop-shadow(0 0 12px #4b98ff88)}.navright{gap:2px}.hero{height:100svh;min-height:600px;max-height:none;background:linear-gradient(180deg,#12130f,#18212c)}.hero-content{margin:0;display:grid;place-items:center;transform:translateY(-3px)}.hero-content h1,.hero-content p,.hero-content .eyebrow{display:none}.emblem{width:145px;height:160px;margin:0;position:relative;z-index:2;animation:emblem-in 1.4s cubic-bezier(.2,.8,.2,1) both,neon-breathe 5s 1.4s ease-in-out infinite;filter:drop-shadow(0 0 35px #4285ed65)}.hero-content:before{content:'';position:absolute;width:124px;height:124px;border:1px solid #78a8ff22;border-radius:27px;box-shadow:0 0 70px #488cff10,inset 0 0 40px #488cff0b;animation:halo 7s ease-in-out infinite;transform:rotate(0deg)}.hero-bottom{bottom:7%}.hero-bottom small{display:none}.pill{padding:6px 14px;font-size:12px;box-shadow:0 0 22px #498bff0a}.pill span,.button span{transition:transform .3s}.pill:hover span,.button:hover span{transform:translateX(5px)}.contours{opacity:.6;inset:-5%;width:110%;height:110%;animation:terrain-drift 25s ease-in-out infinite alternate}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at var(--mx,50%) var(--my,50%),#518bff1c,transparent 45%);pointer-events:none;z-index:1}.motion-toggle{position:fixed;right:20px;bottom:18px;z-index:10;color:#91a6c2;background:#111923d9;border:1px solid #80adff25;border-radius:30px;padding:7px 12px;backdrop-filter:blur(10px);cursor:pointer;font-size:10px}.motion-toggle:hover{color:white;border-color:#80adff88}.benefits{gap:22px;border:0;padding:80px 0 20px}.benefits article{border:1px solid #ffffff09;border-radius:26px;padding:30px;background:#101418}.benefits .icon{border:0;background:none;font-size:27px;color:var(--blue)}.section-heading{text-align:left}.section-heading h2{font-size:52px;letter-spacing:-2px;color:var(--blue)}.section-heading .eyebrow{display:none}#features .dashboard,#features .demo-note{display:none}.features{gap:18px}.feature{border-radius:26px;min-height:220px;background:#101416;border-color:#ffffff0b;position:relative;overflow:hidden;transition:transform .35s,border-color .35s,box-shadow .35s}.feature:hover{transform:translateY(-6px);border-color:#80adff66;box-shadow:0 0 30px #387aff16}.feature:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--px,50%) var(--py,50%),#75b7ff13,transparent 60%);opacity:0;transition:opacity .3s}.feature:hover:after{opacity:1}.feature .icon{filter:drop-shadow(0 0 8px #589cff88);font-size:28px}.feature h3{font-size:20px}.faq{max-width:none}.faq details{padding:22px 25px;border:1px solid #ffffff08;border-radius:18px;background:#111517;margin-bottom:12px;transition:border-color .35s,box-shadow .35s}.faq details[open]{border-color:#80adff40;box-shadow:0 0 24px #3c85ff09}.faq details[open] p{animation:answer-in .4s ease-out}.faq summary:after{transition:transform .35s}.faq summary:hover:after{transform:rotate(90deg)}.pricing-section{position:relative;background:radial-gradient(ellipse at 50% 55%,#17243a55,transparent 70%);border:0}.pricing-section .section-heading h2{font-size:74px;font-weight:700;margin:0;letter-spacing:-3px}.pricing-section .section-heading p{font-size:18px;color:#d8dde6}.pricing-section .section-heading{margin-bottom:35px}.plan-banner{padding:28px 30px;border:1px solid #ffffff0a;background:#090c10b3;border-radius:28px 28px 0 0}.plan-banner h3{font-size:28px;margin-bottom:0}.plan-banner p{font-size:13px}.plans{gap:10px;padding:9px;background:#090c10aa;border:1px solid #ffffff09;border-top:0;border-radius:0 0 30px 30px;perspective:1200px}.plan{--accent:#80adff;--rx:0deg;--ry:0deg;border-radius:28px;padding:32px;min-height:470px;background:linear-gradient(135deg,#11171d,#0e1114);border:1px solid #ffffff0d;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s,filter .35s,opacity .35s,box-shadow .35s,border-color .35s;isolation:isolate}.plan.popular{--accent:#76c6ff;background:linear-gradient(145deg,#142337,#0e1114 70%);border-color:#78baff44;box-shadow:0 0 26px #5194ff0b}.plan:nth-child(3){--accent:#a996ff}.plan h3{font-size:26px;color:#f2f5fa;display:flex;gap:14px;align-items:center;margin-bottom:14px}.plan h3:before{content:'◇';font-weight:400;font-size:32px;color:var(--accent);background:#6d9fff12;border:1px solid #8faaff0a;border-radius:15px;display:grid;place-items:center;width:48px;height:48px;filter:drop-shadow(0 0 10px #599aff66)}.plan.popular h3:before{content:'✧'}.plan:nth-child(3) h3:before{content:'⌘'}.plan p{font-size:13px}.price{font-size:42px;color:var(--accent);text-shadow:0 0 24px #80adff30;margin-top:20px}.plan li{border:0;padding:5px 0;font-size:13px}.plan .button{background:none;border:0;justify-content:space-between;padding:12px 0;color:#e2e8f4}.plan.popular .button{background:none;color:var(--accent);border:0}.plan:hover,.plan:focus-within{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-10px) scale(1.025);border-color:var(--accent);box-shadow:0 0 25px #5ba8ff28,0 18px 50px #0007;z-index:2}.plan:after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(350px circle at var(--px,50%) var(--py,30%),#9ac9ff20,transparent 70%);opacity:0;transition:opacity .3s;z-index:-1}.plan:hover:after{opacity:1}.popular-badge{background:#10283d;border:1px solid #8ed4ff77;color:#abe3ff;box-shadow:0 0 18px #64bbff33;animation:badge-glow 3s ease-in-out infinite;z-index:3}.plan li:before{color:var(--accent)}.plan .button:after{content:'';position:absolute;bottom:25px;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transform:scaleX(.3);transition:opacity .3s,transform .4s}.plan:hover .button:after{opacity:1;transform:scaleX(1)}.reveal{opacity:0;translate:0 30px;filter:blur(5px);transition:opacity .8s,translate .8s,filter .8s;transition-delay:var(--delay,0ms)}.reveal.visible{opacity:1;translate:0 0;filter:blur(0)}.plan.reveal{transition:opacity .8s,translate .8s,filter .35s,transform .35s,border-color .35s,box-shadow .35s}.pricing-route .hero,.pricing-route main>.wrap,.pricing-route #faq,.pricing-route .closing{display:none}.pricing-route .pricing-section{padding-top:160px;min-height:calc(100svh - 80px)}.pricing-route{background:linear-gradient(#111410,#111823);background-attachment:fixed}.route-terrain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.5;display:none}.pricing-route .route-terrain{display:block}.route-enter{animation:route-enter .65s cubic-bezier(.2,.8,.2,1)}.footer-inner .brand{font-size:13px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;translate:none;filter:none}.motion-paused .plan{--rx:0deg!important;--ry:0deg!important}.motion-paused .hero:before{display:none}@media(hover:hover) and (prefers-reduced-motion:no-preference){.plans:has(.plan:hover) .plan:not(:hover){filter:blur(3px);opacity:.45;transform:scale(.97)}}@keyframes neon-breathe{0%,100%{filter:drop-shadow(0 0 20px #4285ed55);transform:translateY(0)}50%{filter:drop-shadow(0 0 42px #59b8ffaa);transform:translateY(-8px)}}@keyframes emblem-in{from{opacity:0;transform:scale(.65) rotate(-12deg);filter:blur(12px)}to{opacity:1;transform:scale(1) rotate(0);filter:blur(0)}}@keyframes halo{50%{transform:rotate(5deg) scale(1.15);border-color:#78cfff55;box-shadow:0 0 100px #488cff22}}@keyframes terrain-drift{to{transform:translate(1.5%,-1.5%) scale(1.04)}}@keyframes badge-glow{50%{box-shadow:0 0 25px #64bbff66;border-color:#a6e6ff}}@keyframes answer-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes route-enter{from{opacity:0;transform:translateY(22px);filter:blur(7px)}to{opacity:1;transform:none;filter:blur(0)}}@media(max-width:700px){nav{height:85px}nav.scrolled{width:400px;height:62px;top:10px;padding:0 14px}.brand{font-size:0}.navright .navlink:first-child{display:none}.hero{min-height:560px}.section-heading h2{font-size:38px}.pricing-section .section-heading h2{font-size:54px}.pricing-section .section-heading p{font-size:14px}.pricing-route .pricing-section{padding-top:130px}.benefits article{padding:25px 25px 25px 72px}.benefits .icon{left:22px;top:28px}.plan{min-height:440px}.plan-banner{padding:24px}.plan-banner h3{font-size:22px}.plans{gap:18px}.motion-toggle{bottom:10px;right:10px}.section-heading{margin-bottom:30px}.popular-badge{top:-12px}.plan:hover{transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;translate:none;filter:none}.plan{transform:none!important}.plans:has(.plan:hover) .plan:not(:hover){filter:none;opacity:1}}