:root{--bg-color:#020617;--bg-gradient:linear-gradient(135deg, #020617 0%, #0f172a 100%);--primary:#00f2fe;--secondary:#0d9488;--accent:#4facfe;--text-main:#f8fafc;--text-muted:#94a3b8;--glass-bg:#ffffff05;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px 0 #0000004d;--neon-glow:0 0 20px #00f2fe66;--teal-glow:0 0 20px #0d948866;--font-main:"Outfit", sans-serif}:root[data-theme=light]{--bg-color:#fff;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--primary:#0284c7;--secondary:#0d9488;--accent:#2563eb;--text-main:#0f172a;--text-muted:#475569;--glass-bg:#ffffffb3;--glass-border:#0000001a;--glass-shadow:0 8px 32px 0 #0000001a;--neon-glow:0 0 20px #0284c733;--teal-glow:0 0 20px #0d948833}:root[data-theme=light] body:before{background-image:linear-gradient(#0000000d 1px,#0000 1px),linear-gradient(90deg,#0000000d 1px,#0000 1px)}:root[data-theme=light] .deep-terminal-bg,:root[data-theme=light] .deep-terminal-footer,:root[data-theme=light] footer{background-color:#f1f5f9;border-top:1px solid #0000000d}:root[data-theme=light] .navbar{background:#f8fafcd9;border-bottom:1px solid #0000001a}:root[data-theme=light] .nav-links a{color:#334155}:root[data-theme=light] .btn-secondary{color:var(--text-main);border-color:#0003}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-main);line-height:1.7;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:50px 50px;width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4{font-weight:700;line-height:1.2}.text-gradient{background:linear-gradient(to right, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-teal{color:var(--secondary)}.badge{color:var(--secondary);letter-spacing:1.5px;text-transform:uppercase;background:#0d94881a;border:1px solid #0d94884d;border-radius:50px;margin-bottom:1.5rem;padding:.35rem 1.2rem;font-size:.875rem;font-weight:600;display:inline-block}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;position:relative;overflow:hidden}.glass-panel:before{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.glass-panel:hover:before{left:150%}.btn-primary,.btn-secondary{cursor:pointer;letter-spacing:.5px;border-radius:8px;align-items:center;gap:.5rem;padding:.85rem 1.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#020617;border:none}.btn-primary:hover{box-shadow:var(--teal-glow);transform:translateY(-2px)}.btn-secondary{color:var(--text-main);border:1px solid var(--glass-border);background:#ffffff05}.btn-secondary:hover{border-color:var(--secondary);background:#ffffff0d}.btn-large{padding:1.1rem 2.2rem;font-size:1.125rem}.btn-xl{padding:1.2rem 2.5rem;font-size:1.25rem}.glow-btn{box-shadow:var(--teal-glow)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);background:#02061799;width:100%;padding:1rem 0;transition:all .3s;position:fixed;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{align-items:center;display:flex}.nav-logo,.footer-logo{object-fit:contain;filter:drop-shadow(0 0 8px #ffffff1a);width:auto;max-width:300px;height:80px}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-links a{color:var(--text-muted);font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary)}.nav-links .btn-primary{color:#020617}.mobile-menu-btn{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.mobile-menu-btn .bar{background-color:var(--text-main);width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;display:block}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:10rem 2rem 4rem;display:flex;position:relative}.glow-bg{z-index:-1;pointer-events:none;background:radial-gradient(circle,#0d94881a 0%,#0000 60%);width:800px;height:800px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.hero-content{z-index:2;max-width:900px;margin-bottom:5rem;position:relative}.hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem)}.hero p{color:var(--text-muted);max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.25rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.hero-image-wrapper{border:1px solid #0d948833;border-radius:24px;width:100%;max-width:1000px;padding:1rem;transition:transform .6s cubic-bezier(.4,0,.2,1);transform:perspective(1000px)rotateX(8deg)}.hero-image-wrapper:hover{border-color:#0d948880;transform:perspective(1000px)rotateX(0);box-shadow:0 20px 40px #00000080,0 0 40px #0d948833}.hero-img{border-radius:16px;width:100%;height:auto;display:block}section{max-width:1200px;margin:0 auto;padding:7rem 2rem;position:relative}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{letter-spacing:-.5px;margin-bottom:1rem;font-size:3rem}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.elevator-section{text-align:center;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:linear-gradient(#02061700 0%,#0d948808 50%,#02061700 100%);padding:6rem 2rem;position:relative}.section-container{max-width:900px;margin:0 auto}.elevator-section h2{margin-bottom:1rem;font-size:2.8rem}.divider-teal{background:linear-gradient(90deg, var(--secondary), var(--primary));border-radius:2px;width:80px;height:4px;margin:2rem auto}.lead-text{color:var(--text-main);margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.elevator-section p{color:var(--text-muted);font-size:1.125rem}.grid-4-cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.feature-card{border-top:3px solid #0000;padding:2.5rem;transition:transform .3s,border-color .3s}.feature-card:hover{border-top:3px solid var(--secondary);background:#ffffff0a;transform:translateY(-10px)}.feature-icon{width:64px;height:64px;color:var(--secondary);background:#0d94881a;border:1px solid #0d948833;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.feature-card h3{margin-bottom:1rem;font-size:1.4rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.split-section{grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;display:grid}.feature-list{margin:2.5rem 0;list-style:none}.feature-list li{color:var(--text-main);align-items:flex-start;gap:1.2rem;margin-bottom:1.5rem;font-size:1.1rem;display:flex}.feature-list svg{color:var(--secondary);flex-shrink:0;margin-top:3px}.feature-list strong{color:var(--primary);margin-bottom:.2rem;display:block}.image-container{border:1px solid #0d94884d;border-radius:24px;padding:.5rem;box-shadow:0 0 30px #0d94881a}.responsive-img{border-radius:20px;width:100%;height:auto;display:block}.cta-section{text-align:center;padding:8rem 2rem;position:relative}.cta-content{border:1px solid var(--glass-border);background:linear-gradient(#0d94880d 0%,#0000 100%);border-radius:32px;max-width:800px;margin:0 auto;padding:5rem 2rem}.cta-content h2{margin-bottom:1rem;font-size:3rem}.cta-content p{color:var(--text-muted);margin-bottom:3rem;font-size:1.25rem}footer{background:#010410;border-top:1px solid #ffffff0d;padding:5rem 2rem 2rem}.footer-content{grid-template-columns:2fr 1fr;gap:4rem;max-width:1200px;margin:0 auto 4rem;display:grid}.footer-brand p{color:var(--text-muted);margin-top:1.5rem;font-size:1.1rem}.footer-links{flex-direction:column;gap:1rem;display:flex}.footer-links h4{color:var(--text-main);margin-bottom:1rem;font-size:1.2rem}.footer-links a{color:var(--text-muted);text-decoration:none;transition:all .3s;display:inline-block}.footer-links a:hover{color:var(--secondary);transform:translate(5px)}.footer-bottom{text-align:center;color:#fff6;border-top:1px solid #ffffff0d;max-width:1200px;margin:0 auto;padding-top:2rem;font-size:.9rem}.fade-in-up{animation:1s cubic-bezier(.4,0,.2,1) forwards fadeInUp}.floating{animation:6s ease-in-out infinite float}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)perspective(1000px)rotateX(10deg)}to{opacity:1;transform:translateY(0)perspective(1000px)rotateX(8deg)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.theme-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:transform .3s;display:flex}.theme-toggle:hover{color:var(--primary);transform:scale(1.1)}.sun-icon{display:none}.moon-icon,:root[data-theme=light] .sun-icon{display:block}:root[data-theme=light] .moon-icon{display:none}.sensors-section{text-align:center;background:linear-gradient(#0000 0%,#0d948808 50%,#0000 100%);padding:6rem 2rem}.sensors-section h2{margin-bottom:1rem;font-size:2.5rem}.sensors-section p{color:var(--text-muted);margin-bottom:3rem;font-size:1.125rem}.chips-container{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:900px;margin:0 auto;display:flex}.chip{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.chip:hover{border-color:var(--secondary);color:var(--primary);background:#0d94881a;transform:translateY(-3px)scale(1.02)}@media (width<=992px){.split-section{grid-template-columns:1fr;gap:3rem}.split-content{order:2}.split-image{order:1}.footer-content{grid-template-columns:1fr;gap:2rem}.nav-logo,.footer-logo{height:60px}}@media (width<=768px){.nav-links{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#020617fa;flex-direction:column;width:100%;height:calc(100vh - 85px);padding:3rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:85px;left:-100%}.nav-links.active{left:0}.mobile-menu-btn{display:block}.hero h1,.section-header h2{font-size:2.2rem}}