.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}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#fff;border-radius:18px;justify-content:space-between;align-items:center;width:92%;height:80px;padding:0 40px;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000014}.nav-logo{align-items:center;gap:12px;display:flex}.nav-logo img{object-fit:contain;width:auto;height:55px}.company-name{flex-direction:column;display:flex}.company-name h2{color:#111;letter-spacing:1px;margin:0;font-size:22px;font-weight:800}.company-name span{color:#fff;letter-spacing:1px;text-transform:uppercase;font-size:11px}.navbar ul{align-items:center;gap:35px;margin:0;padding:0;list-style:none;display:flex}.navbar ul li{position:relative}.navbar ul li a{color:#222;letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s}.navbar ul li a:hover{color:#00d26a}.navbar ul li a:after{content:"";background:#00d26a;border-radius:50px;width:0;height:2px;transition:all .3s;position:absolute;bottom:-8px;left:0}.navbar ul li a:hover:after{width:100%}.quote-btn{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#00d26a,#00b85c);border-radius:50px;padding:12px 28px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s}.quote-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00d26a59}@media (width<=992px){.navbar{width:95%;padding:0 20px}.navbar ul{gap:20px}.company-name h2{font-size:18px}.company-name span{display:none}}@media (width<=768px){.navbar{justify-content:center;width:95%;height:70px;padding:0 20px;left:50%;transform:translate(-50%)}.nav-logo{justify-content:center}.nav-logo img{height:45px}.company-name h2{font-size:18px;font-weight:800}.navbar ul,.quote-btn{display:none}}.hero{text-align:center;background:linear-gradient(135deg,#0b0b0b,#111,#00d26a);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:120px 20px 80px;display:flex;position:relative;overflow:hidden}.hero-overlay{background:radial-gradient(circle,#ffffff0d,#0000 60%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;max-width:1000px;position:relative}.hero-tag{color:#00d26a;letter-spacing:3px;margin-bottom:25px;font-size:14px;font-weight:700;display:inline-block}.hero-content h1{color:#fff;margin-bottom:25px;font-size:5rem;font-weight:900;line-height:1.1;animation:1s fadeUp}.hero-content h1 span{color:#00d26a}.hero-content p{color:#fffc;max-width:750px;margin:auto;font-size:1.2rem;line-height:1.8;animation:1.3s fadeUp}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.btn-primary{color:#fff;background:#00d26a;border-radius:50px;padding:16px 38px;font-weight:700;text-decoration:none;transition:all .3s}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00d26a66}.btn-secondary{color:#fff;border:2px solid #ffffff4d;border-radius:50px;padding:16px 38px;font-weight:700;text-decoration:none;transition:all .3s}.btn-secondary:hover{color:#000;background:#fff}.hero-glow{filter:blur(120px);opacity:.5;border-radius:50%;position:absolute}.hero-glow-1{background:#00d26a;width:350px;height:350px;animation:8s ease-in-out infinite float;top:-50px;right:-50px}.hero-glow-2{background:#00b85c;width:300px;height:300px;animation:10s ease-in-out infinite float;bottom:-50px;left:-50px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-30px)}to{transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-content h1{font-size:3rem}.hero-content p{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}}.about{background:#fff;padding:120px 8%}.about-container{grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;display:grid}.section-tag{color:#00d26a;letter-spacing:3px;text-transform:uppercase;font-size:14px;font-weight:700}.about-left h2{color:#111;margin:20px 0;font-size:3.5rem;line-height:1.2}.about-left h2 span{color:#00d26a}.about-left p{color:#666;margin-bottom:20px;font-size:1.05rem;line-height:1.9}.about-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:100%;height:100%;transition:all .8s;position:absolute;top:0;left:-100%}.about-card:hover:before{left:100%}.about-btn{color:#fff;background:#00d26a;border-radius:8px;margin-top:20px;padding:15px 35px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.about-btn:hover{background:#00b85c;transform:translateY(-2px)}.about-right{flex-direction:column;gap:25px;display:flex}.about-card{-webkit-backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;padding:30px;transition:all .4s;box-shadow:0 8px 32px #00000014}.about-card:hover{border:1px solid #00d26a80;transform:translateY(-10px);box-shadow:0 15px 40px #00d26a26}.about-card h3{color:#111;margin-bottom:12px;font-size:1.3rem;font-weight:700}.about-card p{color:#555;line-height:1.7}@media (width<=900px){.about-container{grid-template-columns:1fr}.about-left h2{font-size:2.5rem}}.services{background:#111;padding:120px 8%}.section-header{text-align:center;margin-bottom:60px}.section-header span{color:#00d26a;letter-spacing:3px;font-size:14px;font-weight:700}.section-header h2{color:#fff;margin:20px 0;font-size:3rem}.section-header h2 span{color:#00d26a}.services-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;display:grid}.service-card{cursor:pointer;background:#1a1a1a;border:1px solid #ffffff14;border-radius:20px;transition:all .4s;overflow:hidden}.service-card:hover{border-color:#00d26a;transform:translateY(-10px);box-shadow:0 15px 40px #00d26a26}.service-image{height:240px;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:100%;transition:all .6s}.service-card:hover .service-image img{transform:scale(1.08)}.service-content{padding:25px}.service-content h3{color:#fff;margin-bottom:12px;font-size:1.4rem}.service-content p{color:#ccc;margin-bottom:20px;line-height:1.8}.service-price{color:#00d26a;border-top:1px solid #ffffff14;margin-top:15px;padding-top:15px;font-size:16px;font-weight:700}.service-card:hover .service-price{color:#33ff8c}@media (width<=768px){.services{padding:80px 20px;overflow:hidden}.services-grid{grid-template-columns:1fr;gap:25px}.service-card{width:100%;max-width:100%}.service-image{height:220px}.section-header h2{font-size:2rem}}.projects{background:#111;padding:120px 8%}.projects-header{text-align:center;margin-bottom:60px}.projects-header span{color:#00d26a;letter-spacing:3px;font-weight:700}.projects-header h2{color:#fff;margin:20px 0;font-size:3rem}.projects-header h2 span{color:#00d26a}.projects-header p{color:#ccc;max-width:700px;margin:auto;line-height:1.8}.projects-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.project-card{cursor:pointer;border-radius:20px;height:450px;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:all .6s}.project-card:hover img{transform:scale(1.08)}.project-overlay{background:linear-gradient(#0000,#000000f2);width:100%;padding:30px;position:absolute;bottom:0;left:0}.project-overlay span{color:#00d26a;font-size:14px;font-weight:700}.project-overlay h3{color:#fff;margin:10px 0;font-size:1.8rem}.project-overlay p{color:#ddd;line-height:1.7}@media (width<=768px){.projects{padding:80px 20px;overflow:hidden}.projects-grid{grid-template-columns:1fr;gap:25px}.project-card{width:100%;height:380px}.projects-header h2{font-size:2rem}}.contact{background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:180px 8% 120px;display:flex}.contact-header{text-align:center;width:100%;max-width:800px;margin:0 auto 60px}.contact-header span{color:#00d26a;letter-spacing:3px;text-transform:uppercase;font-size:14px;font-weight:700}.contact-header h2{color:#111;margin:20px 0;font-size:3.5rem;line-height:1.2}.contact-header h2 span{color:#00d26a}.contact-header p{color:#666;max-width:700px;margin:auto;font-size:1.05rem;line-height:1.8}.contact-container{justify-content:center;align-items:center;width:100%;display:flex}.contact-form{background:#fff;border:1px solid #e5e7eb;border-radius:25px;width:100%;max-width:900px;margin:auto;padding:50px 60px;box-shadow:0 15px 40px #00000014}.contact-form input{color:#111;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:60px;margin-bottom:20px;padding:0 20px;font-size:16px;transition:all .3s}.contact-form textarea{color:#111;resize:none;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:200px;margin-bottom:20px;padding:20px;font-size:16px;transition:all .3s}.contact-form input,.contact-form textarea{box-sizing:border-box;background:#f8fafc;border:1px solid #dcdcdc;border-radius:14px;width:100%;margin-bottom:25px;padding:18px 24px;font-size:16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#777}.contact-form button{color:#fff;cursor:pointer;background:#00d26a;border:none;border-radius:12px;width:100%;height:60px;font-size:17px;font-weight:700;transition:all .3s}.contact-form button:hover{background:#00b85c;transform:translateY(-2px)}@media (width<=768px){.contact{padding:140px 5% 80px}.contact-header h2{font-size:2.3rem}.contact-form{padding:25px}.contact-form input{height:55px}.contact-form textarea{height:160px}}.footer{color:#fff;background:#0f0f0f;padding:80px 8% 25px}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:60px;display:grid}.footer-col h2{color:#00d26a;letter-spacing:1px;margin-bottom:20px;font-size:2rem;font-weight:800}.footer-col h3{color:#fff;margin-bottom:25px;font-size:1.3rem}.footer-col p{color:#bdbdbd;margin-bottom:12px;line-height:1.9}.footer-col a{color:#bdbdbd;margin-bottom:14px;text-decoration:none;transition:all .3s;display:block}.footer-col a:hover{color:#00d26a;padding-left:5px}.footer-icon{color:#00d26a;vertical-align:middle;margin-right:10px}.social-icons{gap:15px;margin-top:25px;display:flex}.social-icons a{color:#fff;background:#1b1b1b;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .3s;display:flex}.social-icons a:hover{background:#00d26a;transform:translateY(-5px)}.footer-bottom{text-align:center;color:#8a8a8a;border-top:1px solid #ffffff14;margin-top:60px;padding-top:25px;font-size:14px}@media (width<=900px){.footer-container{text-align:center;grid-template-columns:1fr;gap:40px}.social-icons{justify-content:center}.footer-col a:hover{padding-left:0}}