:root{--color-primary: #4f46e5;--color-primary-dark: #4338ca;--color-secondary: #0ea5e9;--color-dark: #1e293b;--color-light: #f8fafc;--color-gray: #64748b;--color-gray-light: #e2e8f0;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #3b82f6}body{font-family:Inter,sans-serif;color:var(--color-dark);line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.topbar-wrapper{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),max-height .35s cubic-bezier(.4,0,.2,1);max-height:60px;overflow:visible;will-change:transform,opacity,max-height}.topbar-wrapper.topbar-hidden{transform:translateY(-100%);opacity:0;max-height:0;padding-top:0!important;padding-bottom:0!important;pointer-events:none}#main-header{transition:box-shadow .35s ease,background-color .35s ease;will-change:box-shadow,background-color}#main-header.header-sticky{position:fixed;top:0;left:0;right:0;z-index:100;box-shadow:0 4px 20px #00000014;background-color:#fffffffa;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-placeholder{display:none}.header-placeholder.active{display:block}.bg-primary{background-color:var(--color-primary);color:#fff;position:relative;z-index:120;width:100%}.topbar-wrapper .language-dropdown,#topbar .language-dropdown,.topbar-wrapper .relative [x-show],#topbar .relative [x-show]{z-index:9999!important;position:absolute!important}.topbar-wrapper .relative,#topbar .relative{z-index:200!important}.bg-primary a,.bg-primary button,.bg-primary .lang-selector{text-decoration:none;transition:color .2s ease!important;transform:none!important;animation:none!important}.bg-primary a:hover,.bg-primary button:hover,.bg-primary .lang-selector:hover{color:#fff;transform:none!important}.bg-primary a.hover\:underline:hover{text-decoration:underline;text-decoration-color:#fff;text-underline-offset:4px;transform:none!important;transition:none!important}.bg-primary .lang-selector:hover{text-decoration:none!important;background-color:#ffffff26}.bg-primary .relative button svg,.bg-primary .relative button:hover svg{transition:none!important;transform:none!important}.language-selector{position:relative;z-index:99998!important;display:flex;align-items:center;padding:5px 10px;border-radius:4px;cursor:pointer}.language-selector:hover{background-color:#ffffff26;text-decoration:none!important;opacity:1}.language-selector .fi{margin-right:6px}.relative [x-cloak][class*="z-[1000]"]{background-color:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-radius:.375rem;overflow:hidden}.relative [x-cloak][class*="z-[1000]"] a{color:#1e293b;font-weight:500;transition:all .2s ease;display:block;padding:.75rem 1rem}.relative [x-cloak][class*="z-[1000]"] a:hover{background-color:#f1f5f9;color:var(--color-primary)}.relative [x-cloak][class*="z-[1000]"] a.font-bold{color:var(--color-primary);background-color:#4f46e50d}[x-cloak]{display:none!important}.language-dropdown{opacity:1!important;visibility:visible!important;z-index:9999!important;box-shadow:0 4px 10px #0000001a!important}.language-dropdown a.lang-item{opacity:1!important;text-decoration:none!important;display:flex!important;align-items:center!important;padding:8px 16px!important;color:#333!important;font-size:14px!important;transition:background-color .2s ease!important}.language-dropdown a.lang-item:hover{background-color:#f5f5f5!important}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-light);z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:opacity .5s ease,visibility .5s ease;overflow:hidden}body.loading{overflow:hidden}.page-loader.loaded{opacity:0;visibility:hidden}.loader-logo{position:relative;font-family:Poppins,sans-serif;font-weight:700;font-size:3rem;color:var(--color-primary);margin-bottom:2rem}@media(max-width:640px){.loader-logo{font-size:2.5rem}}.loader-logo span{display:inline-block;position:relative;animation:logo-bounce 1.5s ease infinite}.loader-logo span:nth-child(1){animation-delay:.1s}.loader-logo span:nth-child(2){animation-delay:.2s}.loader-logo span:nth-child(3){animation-delay:.3s}.loader-logo span:nth-child(4){animation-delay:.4s}.loader-logo span:nth-child(5){animation-delay:.5s}.loader-logo span:nth-child(6){animation-delay:.6s}.loader-logo span:nth-child(7){animation-delay:.7s}.loader-logo span:nth-child(8){animation-delay:.8s}@keyframes logo-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.floating-icons{position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0}.floating-icon{position:absolute;opacity:.2;animation:float-icon 15s linear infinite}@media(max-width:768px){.floating-icon i{font-size:1.5rem!important}}.floating-icon:nth-child(1){top:10%;left:10%;animation-duration:20s;animation-delay:0s}.floating-icon:nth-child(2){top:70%;left:20%;animation-duration:25s;animation-delay:2s}.floating-icon:nth-child(3){top:40%;left:80%;animation-duration:18s;animation-delay:1s}.floating-icon:nth-child(4){top:20%;left:60%;animation-duration:22s;animation-delay:4s}.floating-icon:nth-child(5){top:80%;left:70%;animation-duration:19s;animation-delay:3s}.floating-icon:nth-child(6){top:60%;left:30%;animation-duration:21s;animation-delay:5s}@keyframes float-icon{0%{transform:translate(0) rotate(0) scale(1)}25%{transform:translate(100px,50px) rotate(90deg) scale(1.1)}50%{transform:translate(200px) rotate(180deg) scale(1)}75%{transform:translate(100px,-50px) rotate(270deg) scale(.9)}to{transform:translate(0) rotate(360deg) scale(1)}}.progress-bar{width:200px;height:4px;background-color:var(--color-gray-light);border-radius:2px;overflow:hidden;margin-top:1rem}@media(max-width:640px){.progress-bar{width:150px}}.progress-bar-inner{height:100%;background-color:var(--color-primary);width:0;border-radius:2px;animation:progress 2.5s ease-in-out forwards}@keyframes progress{0%{width:0}to{width:100%}}.sticky-header-container{width:100%;position:relative;z-index:50;box-shadow:none!important;border-bottom:none!important}.sticky-header-container.fixed{position:fixed;top:0;left:0;right:0;z-index:50;box-shadow:none!important;border-bottom:none!important}.sticky-header-container.header-hidden{transform:translateY(-100%)}.sticky-header-container .top-bar{height:auto;position:relative}header{position:relative;z-index:auto;width:100%;background-color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none!important;border-bottom:none!important}.header-main{padding-top:1.25rem;padding-bottom:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none!important;border-bottom:none!important}.header-main .container{display:flex;justify-content:space-between;align-items:center}.header-main img.logo{height:2.75rem}.header-main nav{height:100%}.header-main nav .relative button{font-size:1.05rem;padding:.75rem}.header-main .login-button{font-size:1.05rem;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;white-space:nowrap}.header-main .login-button:hover{background-color:#f1f5f9;color:var(--color-primary);border-radius:9999px}.header-main .get-started-button{font-size:1.05rem;font-weight:500;padding:.75rem 1.5rem;border-radius:9999px;background-color:var(--color-primary);color:#fff;transition:all .2s ease;white-space:nowrap;display:inline-block;position:relative;z-index:1}.header-main .get-started-button:hover{background-color:var(--color-primary-dark)!important;color:#fff!important}.relative{position:relative}nav .relative button{font-weight:500;position:relative}nav .relative button:hover{color:var(--color-primary)}nav .relative button i.fa-chevron-down{transition:transform .2s ease}nav .relative:hover button i.fa-chevron-down{transform:rotate(180deg)}.btn,.btn-primary,.btn-secondary{display:inline-block;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;transition:all .2s ease;text-align:center}.btn-primary,.bg-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 1px 3px #0000001a}.btn-primary:hover,.bg-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.topbar-wrapper:hover,.topbar-wrapper.bg-primary:hover,#topbar:hover,#topbar.bg-primary:hover{background-color:var(--color-primary)!important;transform:none!important;box-shadow:0 1px 3px #0000001a!important}.text-primary{color:var(--color-primary)}.mobile-menu .border-b{border-bottom-width:1px;border-color:var(--color-gray-light)}.mobile-menu button{font-weight:500}.mobile-menu a{transition:color .2s ease}.mobile-menu a:hover{color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.container{padding:0 1.5rem}}@media(max-width:768px){.container{padding:0 1rem}}@media(max-width:640px){.container{padding:0 .75rem}}body.loading .sticky-header-container{position:absolute!important}body.loading{padding-top:0!important}.sticky-header-container:after,.header-main:after,header:after{display:none!important;box-shadow:none!important}footer.bg-black{background-color:#000;position:relative}footer h3{position:relative;padding-bottom:12px;margin-bottom:20px;color:#4f46e5}footer h3:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:#4f46e5}footer .bg-gray-900{background-color:#111;border-radius:8px;transition:transform .3s ease}footer .bg-gray-900:hover{transform:translateY(-5px)}footer .rounded-lg{border-radius:8px;overflow:hidden}footer .bg-blue-600,footer .bg-purple-600,footer .bg-green-600{border-radius:8px;transition:all .3s ease}footer .bg-blue-600:hover,footer .bg-purple-600:hover,footer .bg-green-600:hover{transform:scale(1.1)}footer .icann-section{background-color:#111;border-radius:8px;padding:15px;display:flex;align-items:center;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}footer .icann-section:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}footer .icann-section img{height:50px;margin-right:15px}footer .social-icons a{transition:all .3s ease}footer .social-icons a:hover{transform:translateY(-3px) rotate(6deg)}footer .social-icons a:hover i{color:#fff!important}footer .border-t{border-color:#222}footer .text-gray-400{color:#9ca3af}footer a.text-gray-400:hover{color:#fff;text-decoration:underline}footer .border-t.pt-8.pb-4{margin-bottom:0;display:block;width:100%;clear:both;visibility:visible!important;opacity:1!important}footer .payment-icons .bg-gray-800{padding:10px;border-radius:8px;transition:all .3s ease}footer .payment-icons .bg-gray-800:hover{background-color:#2d3748;transform:translateY(-5px) scale(1.1)}.hover\:shadow-glow:hover{box-shadow:0 0 15px #4f46e580}footer .glassmorphism{background:#111111b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}footer .neon-effect:hover{text-decoration:underline;transition:all .3s ease;font-weight:500}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}footer .gradient-animation{background:linear-gradient(90deg,#4f46e5,#8b5cf6,#4f46e5);background-size:200% 200%;animation:gradient-animation 3s ease infinite}footer .hover-float:hover{transform:translateY(-10px);transition:transform .3s ease}footer .hover-rotate:hover{transform:rotate(5deg);transition:transform .3s ease}footer .hover-scale:hover{transform:scale(1.1);transition:transform .3s ease}#back-to-top{box-shadow:0 4px 15px #4f46e566;transition:all .3s ease}#back-to-top:hover{color:#fff!important}.bg-primary .relative{position:relative;overflow:visible!important}.bg-primary .language-dropdown{position:absolute!important;top:100%!important;right:0!important;z-index:99999!important;margin-top:.5rem!important;background-color:#fff!important;border-radius:.375rem!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;border:1px solid #e2e8f0!important;overflow:hidden!important;min-width:160px!important}[x-cloak],[x-show=false]{display:none!important}.hero-section{min-height:680px;display:flex;align-items:center;position:relative}.domain-ext{transition:all .3s ease;cursor:pointer;border:1px solid #e5e7eb}.domain-ext:hover{transform:translateY(-3px);box-shadow:0 6px 12px -2px #0000001a;border-color:#d1d5db}@keyframes pulse-soft{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-section .absolute{transition:all .5s ease}.hero-section .absolute:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.domain-search{position:relative}.domain-search input{height:60px;font-size:16px;border:1px solid #e5e7eb;border-radius:6px 0 0 6px;transition:all .3s ease;box-shadow:none}.domain-search input:focus{border-color:#3b82f6;box-shadow:0 0 6px #3b82f626}.domain-search label{position:absolute;top:50%;transform:translateY(-50%);left:1rem;color:#6b7280;pointer-events:none;transition:all .3s ease}.domain-search input:focus+label,.domain-search input:not(:placeholder-shown)+label{top:0;left:.5rem;transform:translateY(-50%) scale(.85);background:#fff;padding:0 .25rem;color:#3b82f6}.domain-search button{min-width:60px;background-color:#3b82f6;border-radius:0 6px 6px 0;transition:all .3s ease}.domain-search button:hover{background-color:#2563eb}.bg-indigo-600.hover\:bg-indigo-700:hover,.bg-primary.hover\:bg-primary-dark:hover,.bg-blue-600.hover\:bg-blue-700:hover,.bg-indigo-600.hover\:bg-indigo-800:hover,a[class*=bg-].hover\:bg-indigo-700:hover,a[class*=bg-].hover\:bg-blue-700:hover,a[class*=bg-].hover\:bg-primary-dark:hover,.text-primary.hover\:text-white.hover\:bg-primary:hover,a[class*=bg-gradient-to-r]:hover{color:#fff!important}.flash-sale-card a:hover{color:inherit!important}.get-started-btn:hover{color:#fff!important;background-color:var(--color-primary)}#back-to-top:hover{color:#fff!important;transform:translateY(-5px);box-shadow:0 6px 20px #4f46e599}@keyframes pulse-slow{0%,to{opacity:.8}50%{opacity:.4}}.animate-float-delay{animation:float-delay 8s ease-in-out infinite}.animate-pulse{animation:pulse-slow 4s cubic-bezier(.4,0,.6,1) infinite}.premium-hosting-section .hosting-card:hover{transform:translateY(-10px)}.premium-hosting-section .hosting-card a:hover i{transform:translate(5px)}.text-gradient{background-clip:text;-webkit-background-clip:text;color:transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out forwards}.fade-in-delay-1{animation:fadeIn .6s ease-out .2s forwards;opacity:0}.fade-in-delay-2{animation:fadeIn .6s ease-out .4s forwards;opacity:0}.fade-in-delay-3{animation:fadeIn .6s ease-out .6s forwards;opacity:0}.location-marker{position:relative;z-index:10}.location-marker:hover .location-tooltip{opacity:1;transform:translateY(0);visibility:visible}.location-tooltip{position:absolute;top:-10px;left:15px;opacity:0;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:20}.cdn-marker{position:relative;z-index:5}.world-map-container{position:relative}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #4f46e5b3}70%{transform:scale(1);box-shadow:0 0 0 10px #4f46e500}to{transform:scale(.95);box-shadow:0 0 #4f46e500}}@keyframes ping{0%{transform:scale(.5);opacity:1}75%,to{transform:scale(1.5);opacity:0}}.location-marker .animate-pulse{animation:pulse 2s infinite}.cdn-marker .animate-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.datacenter-location{cursor:pointer}.datacenter-location:hover .datacenter-tooltip{opacity:1;visibility:visible}.datacenter-tooltip{visibility:hidden;transition:opacity .3s,visibility .3s;min-width:150px}.cdn-point:hover>div:last-child{opacity:1;visibility:visible}@keyframes pingOnce{0%{transform:scale(.8);opacity:.6}70%{transform:scale(1.5);opacity:.4}to{transform:scale(1);opacity:.2}}.datacenter-location .w-12{animation:pingOnce 3s ease-in-out infinite}@keyframes smallPing{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.3}to{transform:scale(.8);opacity:.1}}.cdn-point .w-3{animation:smallPing 2s ease-in-out infinite}.world-map-container{box-shadow:0 4px 20px #0000000d;transition:all .3s ease-in-out}.world-map-container:hover{box-shadow:0 8px 30px #00000014}.data-center-marker{position:relative}.data-center-marker:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background-color:#4f46e5;border-radius:50%;animation:pulse-marker 2s infinite}.data-center-pin{animation:marker-appear .5s ease-out;transform-origin:bottom center}.location-label{animation:label-appear .5s ease-out;box-shadow:0 2px 5px #0000001a}@keyframes pulse-marker{0%{box-shadow:0 0 #4f46e5b3}70%{box-shadow:0 0 0 6px #4f46e500}to{box-shadow:0 0 #4f46e500}}@keyframes marker-appear{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes label-appear{0%{opacity:0;transform:translateY(10px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@keyframes label-appear-down{0%{opacity:0;transform:translateY(-10px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}.world-map-container:hover .location-pin{filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.data-center-pin:hover{transform:translateY(-2px);transition:transform .3s ease}.cdn-pin:hover{transform:translateY(-1px);transition:transform .2s ease}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes float-delay{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes pulse-slow{0%,to{transform:scale(1);opacity:.2}50%{transform:scale(1.1);opacity:.5}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delay{animation:float-delay 8s ease-in-out infinite;animation-delay:2s}.animate-pulse-slow{animation:pulse-slow 8s ease-in-out infinite}.deals-section .grid>div{transform:translateY(0);transition:transform .3s ease-in-out}.deals-section .grid>div:hover{transform:translateY(-5px)}.cdn-point:hover .opacity-0{opacity:1!important;visibility:visible!important}.cdn-pin{transition:transform .2s}.cdn-point:hover .cdn-pin{transform:scale(1.5)}.fi{display:inline-block;width:1.5em;height:1em;line-height:1em;background-size:contain;background-repeat:no-repeat;background-position:center;box-shadow:0 0 1px #0000001a;border-radius:2px}.language-switcher{display:flex;align-items:center}.relative [x-show=open].absolute{background-color:#fff;box-shadow:0 12px 28px #0000001f,0 2px 8px #00000014;border-radius:6px;overflow:hidden;min-width:12rem;opacity:1!important;visibility:visible!important}.relative [x-show=open].absolute a{display:flex;align-items:center;padding:10px 16px;transition:all .15s ease;color:#1e293b!important;opacity:1!important;transform:none!important;animation:none!important}.relative [x-show=open].absolute a:hover{background-color:#f8fafc;border-left-color:#e2e8f0}.relative [x-show=open].absolute a .fi{margin-right:10px;box-shadow:0 1px 2px #0000001a;border-radius:3px;width:20px;height:15px;opacity:1!important}.relative [x-show=open].absolute a.bg-gray-50.text-primary{background-color:#f1f5f9!important;border-left-color:var(--primary);font-weight:500}.relative [x-show=open].absolute a{opacity:1!important;transform:none!important;animation:none!important}.relative [x-show=open].absolute a:nth-child(1),.relative [x-show=open].absolute a:nth-child(2),.relative [x-show=open].absolute a:nth-child(3),.relative [x-show=open].absolute a:nth-child(4),.relative [x-show=open].absolute a:nth-child(5){animation:none!important;animation-delay:0s!important}.bg-primary .language-selector,.bg-primary [x-data="{ open: false }"] button{transition:none!important;transform:none!important}.bg-primary .relative button{position:relative;padding:5px 12px;border-radius:4px;transition:none!important;transform:none!important;display:flex;align-items:center}.bg-primary .relative button:hover{background-color:#ffffff26}.bg-primary .relative button .fi{margin-right:8px;box-shadow:0 1px 2px #0003;border-radius:3px;width:20px;height:15px}.bg-primary .relative button svg{opacity:.8;transition:none!important;transform:none!important}.bg-primary .relative button:hover svg{transform:none!important}.lang-selector{cursor:pointer;display:flex;align-items:center}.lang-selector .fi{margin-right:6px}.language-dropdown .fi{margin-right:8px}.lang-item .lang-text{opacity:1!important;visibility:visible!important}.bg-primary a,.bg-primary a.hover\:underline,.bg-primary .lang-selector{transition:none!important;transform:none!important}.bg-primary a:hover,.bg-primary a.hover\:underline:hover,.bg-primary .lang-selector:hover{transform:none!important;text-shadow:none!important}.bg-primary .hover\:underline:hover,.bg-primary [class*="hover:"]:hover{animation:none!important;transition:none!important;transform:none!important}.lang-selector svg{transition:transform .3s ease}.lang-selector svg.rotate-180{transform:rotate(180deg)}.lang-selector[aria-expanded=true],.bg-primary .relative [x-data] button[aria-expanded=true]{background-color:#ffffff26!important;color:#fff!important;text-decoration:none!important}.bg-primary .relative [x-data="{ open: true }"] .lang-selector,.bg-primary .relative [x-data="{ open: true }"] button{background-color:#ffffff26!important}.language-dropdown[style*="display: block"],.language-dropdown:not([style*="display: none"]){display:block!important;opacity:1!important;visibility:visible!important}.language-dropdown a.lang-item{text-decoration:none!important;border-left:3px solid transparent}.language-dropdown a.lang-item:hover{background-color:#f3f4f6!important;border-left-color:#4f46e54d!important;text-decoration:none!important}.language-dropdown a.lang-item.bg-gray-50{border-left-color:#4f46e5!important}.bg-primary.text-white.py-3{min-height:50px;display:flex;align-items:center}@media(min-width:1280px)and (max-width:1535px){.header-main{padding-top:1rem;padding-bottom:1rem}.header-main img.logo{height:2.4rem}.header-main nav .relative button,.header-main nav>a.mega-menu-trigger{font-size:.875rem;padding:.5rem}.header-main .login-button{font-size:.875rem;padding:.4rem .6rem}.header-main .get-started-button{font-size:.875rem;padding:.5rem 1.1rem}}@media(max-width:768px){.bg-primary.text-white.py-3{padding-top:.5rem;padding-bottom:.5rem}.bg-primary.text-white.py-3 .container{display:flex;justify-content:center}.bg-primary.text-white.py-3 .flex.justify-between{width:100%;justify-content:center}.bg-primary .flex.items-center.space-x-3{justify-content:center}.lang-selector{padding:5px 8px}.bg-primary.text-white.py-3 .flex.justify-between{justify-content:flex-end}.bg-primary.text-white.py-3 .flex.items-center.space-x-6>a{font-size:.875rem}.bg-primary.text-white.py-3 .flex.items-center.space-x-6{margin-left:auto}}.container.mx-auto{max-width:1920px}@media(min-width:1024px){.container.mx-auto{padding-left:3rem;padding-right:3rem}}.wp-plans-menu{overflow:hidden;position:relative;box-shadow:0 4px 15px -5px #0000000d;z-index:20;padding:2.5rem 0;background-color:#f9fafb}.wp-plans-menu:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(to right,#4f46e51a,#7c3aed1a,#4f46e51a)}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.wp-plans-menu .grid{align-items:stretch}.plan-nav-card{--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .1);position:relative;display:flex;flex-direction:column;height:100%;padding:1.5rem;background:#fff;border:1px solid rgba(15,23,42,.07);border-radius:1rem;text-decoration:none;overflow:hidden;box-shadow:0 4px 18px -10px #262d762e;transition:transform .4s cubic-bezier(.215,.61,.355,1),box-shadow .4s ease,border-color .3s ease;animation:cardAppear .6s ease-out backwards}.plan-nav-card[data-accent=purple]{--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .1)}.plan-nav-card[data-accent=green]{--accent: #10b981;--accent-soft: rgba(16, 185, 129, .1)}.plan-nav-card:nth-child(1){animation-delay:.05s}.plan-nav-card:nth-child(2){animation-delay:.15s}.plan-nav-card:nth-child(3){animation-delay:.25s}.plan-nav-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 50%,#ffffff));opacity:0;transition:opacity .3s ease}.plan-nav-glow{position:absolute;bottom:-2.5rem;left:-2.5rem;width:7rem;height:7rem;background:var(--accent-soft);border-radius:50%;opacity:0;transition:opacity .5s ease;pointer-events:none}.plan-nav-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 22px 38px -18px color-mix(in srgb,var(--accent) 55%,rgba(38,45,118,.6))}.plan-nav-card:hover .plan-nav-accent,.plan-nav-card:hover .plan-nav-glow{opacity:1}.plan-nav-card:hover .plan-nav-icon{transform:translateY(-2px) scale(1.05)}.plan-nav-card:hover .plan-nav-title,.plan-nav-card:hover .plan-nav-link{color:var(--accent)}.plan-nav-card:hover .plan-nav-link i{transform:translate(4px)}.plan-nav-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1 1 auto}.plan-nav-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.plan-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.75rem;font-size:1.25rem;color:var(--accent);background:var(--accent-soft);transition:transform .35s ease}.plan-nav-tag{display:inline-flex;align-items:center;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .65rem;border-radius:9999px;color:var(--accent);background:var(--accent-soft);white-space:nowrap}.plan-nav-tag--soft{color:#64748b;background:#64748b1a}.plan-nav-title{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;color:#0f172a;margin-bottom:.4rem;transition:color .25s ease}.plan-nav-desc{font-size:.95rem;line-height:1.5;color:#64748b;margin-bottom:1.25rem}.plan-nav-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.plan-nav-price{font-size:.85rem;color:#475569}.plan-nav-price strong{color:#0f172a;font-weight:700}.plan-nav-link{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;color:#334155;transition:color .25s ease}.plan-nav-link i{font-size:.75rem;transition:transform .25s ease}.plan-nav-card--active{border-color:color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:0 18px 34px -20px color-mix(in srgb,var(--accent) 65%,rgba(38,45,118,.6));background:linear-gradient(180deg,var(--accent-soft),transparent 45%),#fff}.plan-nav-card--active .plan-nav-accent{opacity:1}.plan-nav-card--active .plan-nav-title{color:var(--accent)}@media(max-width:768px){.wp-plans-menu{padding-top:2rem;padding-bottom:2rem}.wp-plans-menu .container .grid{grid-template-columns:1fr;gap:1rem}.plan-nav-card{max-width:420px;width:100%;margin-left:auto;margin-right:auto}}.plan-nav-card:nth-child(4){animation-delay:.35s}.plan-nav-card[data-accent=sky]{--accent: #0ea5e9;--accent-soft: rgba(14, 165, 233, .1)}