@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--clr-primary-dark:#001a4d;--clr-primary:#0033a0;--clr-accent:#00a0ff;--clr-accent-light:#66c2ff;--clr-text-dark:#0f172a;--clr-text-light:#64748b;--clr-bg:#f8fafc;--clr-bg-alt:#f1f5f9;--clr-bg-dark:#020617;--clr-white:#fff;--grad-primary:linear-gradient(135deg, var(--clr-primary-dark), var(--clr-primary));--grad-accent:linear-gradient(135deg, var(--clr-primary), var(--clr-accent));--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-md:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-glow:0 0 20px #00a0ff80;--radius-md:16px;--radius-lg:32px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--clr-bg);color:var(--clr-text-dark);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--grad-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-padding{padding:8rem 0}.btn-primary{background:var(--grad-accent);color:var(--clr-white);box-shadow:var(--shadow-md);border-radius:50px;padding:1.2rem 2.5rem;font-size:1.125rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:hover:after{left:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:1s cubic-bezier(.25,.8,.25,1) forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#0206174d;border:1px solid #ffffff1a;border-radius:50px;width:fit-content;padding:.8rem 1.5rem;transition:all .4s cubic-bezier(.25,.8,.25,1);position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.navbar.scrolled{background:#020617e6;border-color:#ffffff0d;padding:.6rem 1.5rem;top:1rem;box-shadow:0 20px 40px #0000004d}.navbar-container{justify-content:center;align-items:center;gap:1rem;display:flex}.navbar-logo{cursor:pointer;letter-spacing:-.02em;white-space:nowrap;font-size:1.2rem;font-weight:900;transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.navbar-logo.hidden{opacity:0;max-width:0;margin-right:0}.navbar-logo.visible{opacity:1;max-width:200px;margin-right:1.5rem}.navbar-logo .logo-text{color:var(--clr-white);transition:color .3s}.navbar-logo .logo-accent{color:var(--clr-accent)}.navbar-links{gap:2rem;margin:0;padding:0;display:flex}.navbar-links li{color:#ffffffb3;cursor:pointer;font-size:.95rem;font-weight:600;transition:color .3s}.navbar-links li:hover{color:var(--clr-white)}.btn-nav{background:var(--grad-accent);color:var(--clr-white);border-radius:50px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:700;transition:all .3s}.btn-nav:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (width<=768px){.navbar-links{display:none}}.hero{background-color:var(--clr-bg-dark);min-height:100vh;color:var(--clr-white);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mesh-background{z-index:0;background:var(--clr-bg-dark);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mesh-blob{filter:blur(80px);opacity:.6;animation:20s ease-in-out infinite alternate float;position:absolute}.blob-1{background:radial-gradient(circle, var(--clr-primary) 0%, transparent 70%);width:60vw;height:60vw;animation-delay:0s;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle, var(--clr-accent) 0%, transparent 70%);width:70vw;height:70vw;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{background:radial-gradient(circle,#001a4d 0%,#0000 70%);width:40vw;height:40vw;animation-delay:-10s;top:30%;left:30%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(10%,10%)scale(1.1)}}.hero-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:3rem;padding-top:6rem;display:flex;position:relative}.premium-logo-wrapper{background:var(--clr-white);border-radius:35px;justify-content:center;align-items:center;margin-bottom:0;padding:1.5rem 3rem;display:flex;box-shadow:0 20px 50px #0006,inset 0 0 0 1px #ffffff4d}.hero-logo-img{width:100%;max-width:350px;height:auto;display:block}.hero-text-container{max-width:800px}.hero-title{text-transform:uppercase;letter-spacing:-1px;color:var(--clr-white);text-shadow:0 10px 30px #00000080;margin-bottom:1.5rem;font-size:clamp(3.5rem,7vw,6rem);font-weight:900;line-height:1.1}.text-gradient-cyan{background:linear-gradient(135deg,#00d2ff 0%,#3a7bd5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffd9;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:300;line-height:1.5}.hero-subtitle strong{color:var(--clr-white);font-weight:600}.cta-container{flex-direction:column;align-items:center;gap:2rem;margin-top:2rem;display:flex}.premium-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:baseline;padding:1rem 2.5rem;display:inline-flex;box-shadow:0 10px 30px #0003}.premium-badge .badge-text{color:#fffc;margin-right:1rem;font-size:1rem;font-weight:600}.premium-badge .price{color:var(--clr-white);margin:0 .5rem;font-size:3rem;font-weight:800}.premium-badge .month{color:#fff9;font-size:1rem;font-weight:400}.btn-glow{background:var(--clr-white);color:var(--clr-primary-dark);border-radius:50px;padding:1.2rem 3rem;font-size:1.2rem;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 0 20px #fff3}.btn-glow:hover{color:var(--clr-primary);transform:translateY(-3px)scale(1.02);box-shadow:0 15px 30px #00a0ff66,0 0 40px #fff6}.features{background-color:var(--clr-bg);position:relative;overflow:hidden}.features-header{flex-direction:column;align-items:center;margin-bottom:4rem;display:flex}.section-title{color:var(--clr-primary-dark);text-transform:uppercase;letter-spacing:-.5px;font-size:clamp(2rem,4vw,3rem);font-weight:900}.section-subtitle{color:var(--clr-text-light);margin-top:1rem;font-size:1.2rem}.bento-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto;display:grid}.bento-card{background:var(--clr-white);border-radius:var(--radius-lg);border:1px solid #0000000d;flex-direction:row;align-items:center;gap:2rem;padding:2.5rem;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000005}.bento-card:hover{border-color:#00a0ff33;transform:translateY(-5px);box-shadow:0 20px 40px #0033a014}.bento-text-content{flex-direction:column;display:flex}.bento-icon-wrapper{background:var(--clr-bg);min-width:80px;height:80px;color:var(--clr-primary);border-radius:20px;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:inset 0 2px 4px #ffffff80,0 4px 10px #0000000d}.bento-card:hover .bento-icon-wrapper{background:var(--grad-accent);color:var(--clr-white)}.bento-value{color:var(--clr-primary-dark);letter-spacing:-2px;margin-bottom:.5rem;font-size:3rem;font-weight:900;line-height:1}.bento-value-text{color:var(--clr-primary-dark);margin-bottom:.5rem;font-size:1.8rem;font-weight:800;line-height:1.1}.bento-label{color:var(--clr-accent);font-size:1.2rem;font-weight:600}@media (width<=992px){.bento-card{gap:1.5rem;padding:2rem}.bento-value{font-size:2.5rem}}@media (width<=768px){.bento-grid{grid-template-columns:1fr}}@media (width<=576px){.bento-card{text-align:center;flex-direction:column}}.pricing{background-color:var(--clr-bg-alt);position:relative}.pricing-header{flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}.toggle-container{justify-content:center;margin-top:2rem;display:flex}.toggle-bg{background:var(--clr-white);border:1px solid #0000000d;border-radius:50px;padding:.5rem;display:flex;position:relative;box-shadow:inset 0 2px 4px #0000000d,0 10px 20px #00000008}.toggle-slider{background:var(--grad-accent);border-radius:40px;width:calc(50% - .5rem);transition:transform .4s cubic-bezier(.25,.8,.25,1);position:absolute;top:.5rem;bottom:.5rem;box-shadow:0 4px 10px #00a0ff4d}.slider-left{transform:translate(0)}.slider-right{transform:translate(100%)}.toggle-btn{z-index:1;color:var(--clr-text-light);background:0 0;width:250px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:color .3s;position:relative}.toggle-btn.active{color:var(--clr-white)}.pricing-showcase{max-width:800px;margin:0 auto}.premium-card{background:var(--clr-white);border-radius:var(--radius-lg);border:1px solid #0033a01a;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000014}.recommended-badge{background:var(--clr-primary);color:var(--clr-white);letter-spacing:2px;border-radius:0 0 15px 15px;padding:.5rem 2rem;font-size:.9rem;font-weight:800;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0033a04d}.card-header{text-align:center;border-bottom:1px solid #0000000d;padding:3rem 2rem 2rem}.card-header h4{color:var(--clr-primary-dark);margin-bottom:.5rem;font-size:2rem}.card-header p{color:var(--clr-text-light);font-weight:500}.table-wrapper{padding:0 2rem}.pricing-table{border-collapse:collapse;width:100%}.pricing-table th{text-align:left;color:var(--clr-text-light);text-transform:uppercase;border-bottom:2px solid #0000000d;padding:1.5rem 1rem;font-size:.9rem;font-weight:600}.pricing-table td{vertical-align:middle;border-bottom:1px dashed #0000000d;padding:1.5rem 1rem}.pricing-table tr:last-child td{border-bottom:none}.pricing-table tr:hover td{background-color:#00a0ff05}.duration-col{color:var(--clr-text-dark);font-size:1.2rem;font-weight:700}.price-col{color:var(--clr-primary);font-size:1.5rem;font-weight:900}.save-badge{color:#00c853;background:#00c8531a;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:700}.base-badge{color:var(--clr-text-light);background:#0000000d;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.card-footer{text-align:center;background:#f8fafc;padding:2rem}.w-full{width:100%;max-width:400px}@media (width<=768px){.toggle-btn{width:150px;padding:.8rem 1rem;font-size:.9rem}.pricing-table th,.pricing-table td{padding:1rem .5rem}.duration-col{font-size:1rem}.price-col{font-size:1.2rem}.save-badge,.base-badge{padding:.3rem .6rem;font-size:.8rem}}.includes{background-color:var(--clr-bg)}.includes-box{background:var(--clr-white);border-radius:var(--radius-lg);max-width:900px;box-shadow:var(--shadow-md);border:1px solid #0000000d;align-items:center;gap:3rem;margin:0 auto;padding:3rem;display:flex}.includes-header{border-right:2px solid #0000000d;flex-direction:column;align-items:center;gap:1rem;padding-right:3rem;display:flex}.includes-header h2{color:var(--clr-primary-dark);margin:0;font-size:2rem}.includes-content{flex:1;justify-content:space-between;align-items:center;display:flex}.includes-list{flex-direction:column;gap:1rem;display:flex}.includes-list li{color:var(--clr-text-dark);align-items:center;gap:1rem;font-size:1.1rem;font-weight:500;display:flex}.check-icon{color:var(--clr-accent);min-width:24px}.includes-graphic{background:var(--grad-accent);-webkit-text-fill-color:transparent;opacity:.8;-webkit-background-clip:text;margin-left:2rem}@media (width<=768px){.includes-box{text-align:center;flex-direction:column}.includes-header{border-bottom:2px solid #0000000d;border-right:none;padding-bottom:2rem;padding-right:0}.includes-content{flex-direction:column;gap:2rem}}.location{background-color:var(--clr-bg);position:relative}.location-header{flex-direction:column;align-items:center;margin-bottom:3rem;display:flex}.inline-icon{vertical-align:middle;color:var(--clr-primary);margin-right:.5rem}.map-container{max-width:1000px;margin:0 auto}.map-wrapper{background:var(--clr-white);border-radius:var(--radius-lg);border:1px solid #0000000d;padding:1rem;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;box-shadow:0 10px 30px #0000000d}.map-wrapper:hover{border-color:#00a0ff33;transform:translateY(-5px);box-shadow:0 20px 40px #0033a014}.map-offset-container{border-radius:calc(var(--radius-lg) - .5rem);width:100%;height:450px;position:relative;overflow:hidden}.map-offset-container iframe{width:130%;height:130%;position:absolute;top:-15%;left:-20%}@media (width<=768px){.map-wrapper{padding:.5rem}.map-offset-container{height:350px}.map-offset-container iframe{width:145%;left:-35%}}.footer{background:var(--clr-primary-dark);color:var(--clr-white);position:relative;overflow:hidden}.footer:before{content:"";background:var(--grad-accent);width:100%;height:5px;position:absolute;top:0;left:0}.footer-content{justify-content:center;padding:4rem 0 3rem;display:flex}.footer-contact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:2rem;padding:1.5rem 3rem;display:flex}.contact-item{align-items:center;gap:.8rem;font-size:1.2rem;font-weight:600;transition:transform .3s;display:flex}.contact-item:hover{transform:translateY(-2px)}.contact-item a{color:var(--clr-white)}.contact-icon{color:var(--clr-accent-light)}.divider{background:#fff3;width:2px;height:30px}.footer-bottom{text-align:center;background:#0003;padding:1.5rem 0}.bottom-content{justify-content:center;align-items:center;gap:.8rem;font-size:1.2rem;font-weight:500;display:flex}.bottom-icon{color:var(--clr-accent-light)}.highlight{color:var(--clr-accent-light);font-style:italic;font-weight:700}@media (width<=768px){.footer-contact{border-radius:20px;flex-direction:column;padding:2rem}.divider{width:100%;height:2px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}