:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--primary-color:#13233a;--accent-color:#38b19d;--accent-glow:#38b19d66;--text-white:#fff;--text-dark:#333;--bg-light:#f8f9fa;--bg-dark:#0d1929;--nav-height:80px;--container-width:1200px;--transition-fast:.3s ease;--transition-smooth:.6s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background-color:var(--bg-light);font-family:Montserrat,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:inherit;transition:var(--transition-fast);text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.btn-draw{color:var(--text-white);letter-spacing:1px;text-transform:uppercase;transition:var(--transition-smooth);border:1px solid #fff3;padding:12px 28px;font-weight:600;position:relative;overflow:hidden}.btn-draw:before,.btn-draw:after{content:"";box-sizing:border-box;border:1px solid #0000;width:0;height:0;position:absolute}.btn-draw:before{top:0;left:0}.btn-draw:after{bottom:0;right:0}.btn-draw:hover:before{border-top-color:var(--accent-color);border-right-color:var(--accent-color);width:100%;height:100%;transition:width .2s ease-out,height .2s ease-out .2s}.btn-draw:hover:after{border-bottom-color:var(--accent-color);border-left-color:var(--accent-color);width:100%;height:100%;transition:width .2s ease-out,height .2s ease-out .2s}.section-padding{padding:100px 0}.text-center{text-align:center;box-sizing:border-box}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{flex-direction:column;min-height:100vh;display:flex}main{flex-grow:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app{animation:1s ease-out fadeIn}.navbar{width:100%;height:var(--nav-height);z-index:1000;transition:var(--transition-smooth);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#13233af2;height:70px;box-shadow:0 4px 20px #0003}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo-text{color:var(--text-white);letter-spacing:-.5px;font-size:1.5rem;font-weight:800}.logo-text .accent{color:var(--accent-color)}.nav-links{gap:30px;display:flex}.nav-links a{color:var(--text-white);text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:.9rem;font-weight:600}.nav-links a:hover{opacity:1;color:var(--accent-color)}.nav-actions .btn-draw{padding:10px 20px;font-size:.8rem}.hero{background-color:var(--primary-color);justify-content:center;align-items:center;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:radial-gradient(circle,#0000 0%,#0d1929cc 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-container{z-index:10;text-align:center;position:relative}.glow-logo{background:#38b19d0d;border:1px solid #38b19d33;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;margin:0 auto 40px;display:flex;position:relative;box-shadow:0 0 50px #38b19d26}.logo-inner{color:var(--text-white);text-shadow:0 0 20px var(--accent-glow);font-size:5rem;font-weight:800}.hero-title{color:var(--text-white);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:4rem;font-weight:800}.hero-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto 40px;font-size:1.2rem}.smoke-effect{background:linear-gradient(to top, var(--primary-color), transparent);opacity:.5;filter:blur(40px);width:100%;height:200px;position:absolute;bottom:0;left:0}.reveal-on-scroll{opacity:0;transition:var(--transition-smooth);transform:translateY(30px)}.reveal-on-scroll.reveal{opacity:1;transform:translateY(0)}.intro-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.section-label{color:var(--accent-color);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:.9rem}.section-title{color:var(--primary-color);margin-bottom:30px;font-size:2.5rem}.description{color:var(--text-dark);margin-bottom:40px;font-size:1.1rem}.stats-row{gap:40px;margin-bottom:40px;display:flex}.stat-item{flex-direction:column;display:flex}.stat-number{color:var(--accent-color);font-size:2rem;font-weight:800}.stat-label{color:#666;text-transform:uppercase;font-size:.8rem}.btn-draw.dark{color:var(--primary-color);border-color:#13233a33}.intro-image-container{position:relative}.tech-frame{border-radius:4px;position:relative;overflow:hidden}.tech-image{width:100%;height:auto;display:block}.tech-overlay{border:4px solid var(--accent-color);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 50px #38b19d33}.products{background-color:var(--bg-dark);color:var(--text-white)}.products .section-title{color:var(--text-white)}.products-header{text-align:center;margin-bottom:60px}.products-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.product-card{border-radius:4px;height:400px;position:relative;overflow:hidden}.product-image{width:100%;height:100%}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-smooth)}.product-card:hover .product-image img{transform:scale(1.1)}.product-overlay{background:linear-gradient(#0000 0%,#0d1929e6 100%);align-items:flex-end;width:100%;height:100%;padding:30px;display:flex;position:absolute;top:0;left:0}.product-info h3{margin-bottom:5px;font-size:1.8rem}.product-info p{opacity:.8;margin-bottom:20px;font-size:.9rem}.footer{background-color:var(--primary-color);color:var(--text-white);padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 2fr;gap:60px;margin-bottom:60px;display:grid}.footer-brand h3{margin-bottom:20px}.brand-mission{opacity:.7;max-width:300px;margin-bottom:30px;font-size:.9rem}.social-links{gap:15px;display:flex}.social-icon{border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.8rem;font-weight:600;display:flex}.social-icon:hover{background-color:var(--accent-color);border-color:var(--accent-color)}.footer-links h4,.footer-contact h4{text-transform:uppercase;letter-spacing:1px;margin-bottom:25px;font-size:.9rem}.footer-links ul li{margin-bottom:12px}.footer-links ul li a{opacity:.7;font-size:.9rem}.footer-links ul li a:hover{opacity:1;color:var(--accent-color)}.contact-item{opacity:.7;margin-bottom:15px;font-size:.9rem}.contact-item strong{color:var(--accent-color);display:block}.footer-bottom{opacity:.5;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-top:30px;font-size:.8rem;display:flex}.footer-legal a{margin-left:20px}