@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@400;500;700&display=swap";:root{--color-bg:#f4f7fb;--color-bg-secondary:#fff;--color-surface:#ffffffd9;--color-text:#0f172a;--color-text-muted:#475569;--color-primary:#0284c7;--color-primary-glow:#0284c74d;--color-secondary:#059669;--color-border:#00000014;--font-main:"Inter", sans-serif;--font-accent:"Orbitron", sans-serif;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--nav-height:80px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}body.no-scroll{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-accent);color:#0f172a;font-weight:700;line-height:1.2}h1{font-size:3.5rem}h2{margin-bottom:1.5rem;font-size:2.5rem}h3{margin-bottom:1rem;font-size:1.5rem}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#0000;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.glass{background:var(--color-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border)}.btn{font-family:var(--font-accent);cursor:pointer;transition:var(--transition);border:none;border-radius:4px;justify-content:center;align-items:center;padding:.75rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 0 15px var(--color-primary-glow)}.btn-primary:hover{box-shadow:0 0 25px var(--color-primary-glow);background-color:#0284c7;transform:translateY(-2px)}.btn-secondary{color:var(--color-primary);background-color:#0284c714;border:1px solid #0284c726}.btn-secondary:hover{background-color:#0284c726;transform:translateY(-2px);box-shadow:0 4px 15px #0284c71a}.btn-outline{color:var(--color-primary);border:1px solid var(--color-primary);background-color:#0000}.btn-outline:hover{box-shadow:0 0 15px var(--color-primary-glow) inset;background-color:#0ea5e91a}.arrow{margin-left:.5rem;transition:transform .3s;display:inline-block}.btn:hover .arrow{transform:translate(5px)}nav{width:100%;height:var(--nav-height);z-index:1000;transition:var(--transition);align-items:center;display:flex;position:fixed;top:0;left:0}nav.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#fffffff2;box-shadow:0 4px 30px #0000000d}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo img{width:auto;height:45px;transition:var(--transition)}.logo:hover img{filter:drop-shadow(0 4px 10px #0284c733);transform:scale(1.05)}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--color-text);font-family:var(--font-accent);transition:var(--transition);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--color-primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--color-primary)}.nav-links a:hover:after{width:100%}.lang-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;border-radius:20px;align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.lang-btn{color:var(--color-text-muted);cursor:pointer;font-family:var(--font-accent);transition:var(--transition);background:0 0;border:none;border-radius:12px;padding:.25rem .5rem;font-size:.8rem}.lang-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 0 10px var(--color-primary-glow)}.mobile-menu-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.hero-section{min-height:100vh;padding-top:var(--nav-height);align-items:center;display:flex;position:relative;overflow:hidden}#particles-bg{z-index:-1;opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-overlay{z-index:-2;background:radial-gradient(circle at 100% 0,#0284c714 0%,#0000 50%),radial-gradient(circle at 0 100%,#0596690d 0%,#0000 50%);position:absolute;inset:0}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-content p{color:var(--color-text-muted);max-width:500px;margin-bottom:2rem;font-size:1.1rem}.hero-actions{gap:1rem;display:flex}.hero-image-placeholder{justify-content:center;align-items:center;display:flex;position:relative}.floating-hardware{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:1rem;width:300px;height:400px;padding:2rem;animation:6s ease-in-out infinite float;display:flex;position:relative;box-shadow:0 20px 40px #0006}.floating-hardware:before{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#0000 100%);border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.server-rack{flex-direction:column;gap:1.5rem;margin-top:auto;margin-bottom:auto;display:flex}.server-light{background:#0ea5e91a;border:1px solid #0ea5e94d;border-radius:4px;height:40px;position:relative;overflow:hidden}.server-light:after{content:"";background:var(--color-secondary);width:10px;height:10px;box-shadow:0 0 10px var(--color-secondary);border-radius:50%;animation:2s infinite blink;position:absolute;top:15px;right:15px}.server-light.delay-1:after{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary);animation-delay:.5s}.server-light.delay-2:after{animation-delay:1.2s}@keyframes float{0%{transform:translateY(0)rotate(2deg)}50%{transform:translateY(-20px)rotate(-1deg)}to{transform:translateY(0)rotate(2deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-content{border-left:4px solid var(--color-primary);padding-left:2rem}.about-content p{color:var(--color-text-muted);margin-bottom:1.2rem}.lead-text{font-size:1.15rem;font-weight:500;color:var(--color-text)!important}.about-metrics{grid-template-columns:1fr;gap:1.5rem;display:grid}.metric-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008}.metric-box:after{content:"";pointer-events:none;background:radial-gradient(circle,#0284c71a 0%,#0000 60%);border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.metric-box:hover{border-color:var(--color-primary-glow);transform:translate(-10px);box-shadow:0 10px 25px #0284c71a}.metric-number{font-family:var(--font-accent);font-size:2.5rem;font-weight:700;line-height:1}.metric-label{color:var(--color-text);font-size:1.1rem;font-weight:600}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;margin-top:3.5rem;display:grid}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:3rem 2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 4px 15px #00000008}.service-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{background:#fff;transform:translateY(-8px)scale(1.02);box-shadow:0 15px 35px #0284c71a}.service-card:hover:before{transform:scaleX(1)}.service-icon{margin-bottom:1.5rem;font-size:2.8rem;transition:transform .4s}.service-card:hover .service-icon{transform:scale(1.1)rotate(5deg)}.service-card h3{margin-bottom:.8rem}.service-card p{color:var(--color-text-muted);font-size:.95rem}.light-section{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background-color:#fff;position:relative}.light-section .section-title-center{text-align:center;margin-bottom:4rem}.features-wrapper{flex-direction:column;gap:2.5rem;max-width:800px;margin:0 auto;display:flex}.feature-row{background:var(--color-bg);border:1px solid var(--color-border);border-radius:16px;align-items:flex-start;gap:2rem;padding:2.5rem;transition:all .4s;display:flex;position:relative;overflow:hidden}.feature-row:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-secondary));opacity:.3;width:4px;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0}.feature-row:hover{background:#fff;transform:translateY(-5px);box-shadow:0 15px 40px #0284c714}.feature-row:hover:before{opacity:1}.feature-number{font-family:var(--font-accent);color:#0000;-webkit-text-stroke:1px #0f172a33;font-size:3rem;font-weight:700;line-height:1;transition:all .4s}.feature-row:hover .feature-number{color:var(--color-primary);-webkit-text-stroke:1px transparent}.feature-info h3{color:var(--color-text);margin-bottom:.8rem;font-size:1.4rem}.feature-info p{color:var(--color-text-muted);font-size:1rem;line-height:1.7}.contact-container{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.contact-info,.contact-form{border-radius:12px;padding:3rem}.info-item{margin-bottom:1.5rem}.info-item strong{color:var(--color-primary);font-family:var(--font-accent);margin-bottom:.25rem;display:block}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{border:1px solid var(--color-border);width:100%;color:var(--color-text);font-family:var(--font-main);transition:var(--transition);background:#ffffff0d;border-radius:8px;padding:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);background:#fff;outline:none;box-shadow:0 0 10px #0284c71a}.alert{border-radius:8px;margin-bottom:1.5rem;padding:1rem;font-size:.95rem;font-weight:500;animation:.4s fadeIn;display:none}.alert-success{color:#059669;background-color:#10b9811a;border:1px solid #10b98133}.alert-error{color:#dc2626;background-color:#ef44441a;border:1px solid #ef444433}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}footer{border-top:1px solid var(--color-border);text-align:center;background:#fff;padding:3rem 0}.footer-logo{height:45px;margin-bottom:1rem}footer p{color:var(--color-text-muted);font-size:.9rem}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content p{margin:0 auto 2rem}.hero-actions{justify-content:center}.floating-hardware{width:100%;max-width:400px;height:300px;margin:0 auto}.contact-container,.about-grid{grid-template-columns:1fr}}@media (width<=768px){h1{font-size:2.5rem}.mobile-menu-btn{display:block}.nav-links{top:var(--nav-height);width:100%;height:calc(100vh - var(--nav-height));background:var(--color-bg);transition:var(--transition);flex-direction:column;justify-content:center;gap:2.5rem;position:fixed;left:-100%}.nav-links.active{left:0}}#splash-screen{background-color:var(--color-bg);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s ease-in-out,visibility .8s;display:flex;position:fixed;top:0;left:0;overflow:hidden}#splash-screen.fade-out{opacity:0;visibility:hidden}.splash-content{flex-direction:column;align-items:center;display:flex;position:relative}.splash-glow{background:radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);z-index:1;opacity:0;border-radius:50%;width:300px;height:300px;animation:3s ease-in-out forwards glowReveal;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash-logo{z-index:2;filter:drop-shadow(0 15px 30px #0284c71a);width:auto;height:80px;animation:3s cubic-bezier(.16,1,.3,1) forwards splashCinematic;transform:translateY(100vh)}@keyframes splashCinematic{0%{opacity:0;transform:translateY(100vh)scale(1)}25%{opacity:1;transform:translateY(0)scale(1)}35%{transform:scale(1.15)}45%{transform:scale(1)}55%{transform:scale(1.15)}65%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(60)}}@keyframes glowReveal{0%,70%{opacity:0;transform:translate(-50%,-50%)scale(.5)}85%{opacity:.3;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(2)}}.reveal{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-stagger-1{transition-delay:.1s}.reveal-stagger-2{transition-delay:.2s}.reveal-stagger-3{transition-delay:.3s}.reveal-stagger-4{transition-delay:.4s}