:root{--neon-cyan:#00f3ff;--neon-purple:#bc13fe;--bg-dark:#050505;--card-bg:hsla(0,0%,8%,.6);--text-main:#e0e0e0;--text-dim:#a0a0a0;--font-heading:"Orbitron",sans-serif;--font-body:"Inter",sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;margin:0}.background-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-image:linear-gradient(rgba(0,243,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,243,255,.03) 1px,transparent 0);background-size:50px 50px;perspective:500px;transform-style:preserve-3d;animation:bg-scroll 20s linear infinite;pointer-events:none}@keyframes bg-scroll{0%{transform:translateY(0) rotateX(2deg)}to{transform:translateY(50px) rotateX(2deg)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{position:fixed;top:0;width:100%;z-index:1000;padding:20px 0;transition:all .3s ease}header.scrolled{background:rgba(5,5,5,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,243,255,.1);padding:10px 0}nav{justify-content:space-between}.logo,nav{display:flex;align-items:center}.logo{gap:12px;font-family:var(--font-heading);font-weight:700;font-size:1.2rem;color:#fff}.hero-logo{width:280px;height:auto;margin-bottom:2rem}.hero-logo,.logo-img{mix-blend-mode:screen}.logo-img{height:50px;width:auto}.company-name .highlight{color:var(--neon-cyan)}.circuit-path{stroke-dasharray:200;stroke-dashoffset:200;animation:draw 3s ease infinite forwards}.pulse-dot{animation:pulse 2s infinite}@keyframes draw{0%{stroke-dashoffset:200}50%{stroke-dashoffset:0}to{stroke-dashoffset:-200}}@keyframes pulse{0%{opacity:.5;r:5}50%{opacity:1;r:7}to{opacity:.5;r:5}}.nav-links{list-style:none;display:flex;gap:30px}.nav-links a{color:var(--text-main);text-decoration:none;font-weight:500;text-transform:uppercase;font-size:.9rem;letter-spacing:1px;transition:color .3s}.nav-links a:hover{color:var(--neon-cyan);text-shadow:0 0 8px var(--neon-cyan)}#hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:80px;position:relative;overflow:hidden}#hero:before{content:"";position:absolute;width:300px;height:300px;background:var(--neon-purple);filter:blur(150px);opacity:.2;top:50%;left:50%;transform:translate(-50%,-50%);animation:glow-pulse 5s infinite alternate}@keyframes glow-pulse{0%{opacity:.1;transform:translate(-50%,-50%) scale(.8)}to{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}#hero h1{font-family:var(--font-heading);font-size:4rem;margin-bottom:.2em;color:#fff;text-shadow:0 0 10px rgba(0,243,255,.5)}.subtitle{font-size:1.5rem;color:var(--neon-cyan);margin-bottom:1rem;font-weight:300}.tagline{color:var(--text-dim);font-size:1.1rem;margin-bottom:2.5rem}.btn{display:inline-block;padding:12px 30px;border-radius:4px;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden}.primary-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 10px rgba(0,243,255,.2)}.primary-btn:hover{background:var(--neon-cyan);color:#000;box-shadow:0 0 20px rgba(0,243,255,.6)}.secondary-btn{border:1px solid var(--text-dim);color:var(--text-dim);margin-left:20px}.secondary-btn:hover{border-color:#fff;color:#fff}.product-btn{background:hsla(0,0%,100%,.1);color:#fff;font-size:.9rem;display:inline-flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.product-btn:hover{background:var(--neon-purple);box-shadow:0 0 15px rgba(188,19,254,.5)}.arrow{display:inline-block;transition:transform .3s}.product-btn:hover .arrow{transform:translateX(5px)}section{padding:80px 0}.section-header{margin-bottom:50px;border-bottom:1px solid hsla(0,0%,100%,.1)}h2{font-family:var(--font-heading);font-size:2.5rem;color:#fff;margin-bottom:10px}.slash{color:var(--neon-purple);margin-right:10px}.about-card{background:var(--card-bg);padding:40px;border-left:4px solid var(--neon-purple);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-card p{font-size:1.2rem;color:#ccc;margin:0}.about-card strong{color:#fff;font-weight:700}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.product-card{background:rgba(30,30,30,.5);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-5px);border-color:var(--neon-cyan);box-shadow:0 10px 30px rgba(0,0,0,.5)}.card-content{padding:30px}h3{font-family:var(--font-heading);font-size:1.8rem;margin:0 0 10px 0;color:#fff}.badge{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:2px 8px;border-radius:4px;margin-bottom:15px}.product-card p{color:#aaa;margin-bottom:20px;min-height:80px}.features{list-style:none;padding:0;margin-bottom:30px}.features li{margin-bottom:10px;color:#ddd}.bullet{color:var(--neon-purple);font-weight:700;margin-right:8px}.glass-panel{background:linear-gradient(135deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.01));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);padding:60px;text-align:center;border-radius:16px}footer{padding:40px 0;border-top:1px solid hsla(0,0%,100%,.05);color:#666;text-align:center;font-size:.9rem}.footer-links{margin-top:15px}.footer-links a{color:#888;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--neon-cyan)}.separator{margin:0 10px;color:#444}@media (max-width:768px){#hero h1{font-size:2.5rem}.nav-links{display:none}}