:root{--bg-color: #050a14;--text-color: #e0e6ed;--text-muted: #94a3b8;--primary-color: #00d4ff;--secondary-color: #0055ff;--accent-color: #00ffaa;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-highlight: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--font-main: "Outfit", sans-serif;--ease-out: cubic-bezier(.215, .61, .355, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}#bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}a{text-decoration:none;color:inherit;transition:all .3s var(--ease-out)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s var(--ease-out) forwards}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;position:fixed;width:100%;top:0;z-index:100;background:#050a14b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.logo{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,var(--primary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links a{margin-left:2.5rem;font-weight:500;font-size:.95rem;color:var(--text-muted);position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";position:absolute;width:0;height:1px;bottom:-4px;left:0;background-color:var(--primary-color);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding-top:80px}.hero-content{z-index:10;max-width:900px;padding:2rem}.hero h1{font-size:5rem;margin-bottom:1.5rem;line-height:1.05;font-weight:700;letter-spacing:-2px}.gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}.gradient-text:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:inherit;filter:blur(60px);opacity:.3;z-index:-1}.hero-sub{font-size:1.5rem;margin-bottom:3rem;color:var(--text-muted);font-weight:300;max-width:700px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:1.2rem 3rem;background:#ffffff0d;border:1px solid var(--glass-highlight);color:#fff;font-weight:600;border-radius:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--secondary-color),var(--primary-color));opacity:0;z-index:-1;transition:opacity .3s ease}.cta-button:hover{transform:translateY(-2px);border-color:transparent;box-shadow:0 0 30px #00d4ff4d}.cta-button:hover:before{opacity:1}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.mission-section{padding:10rem 0;background:linear-gradient(to bottom,transparent,rgba(15,23,42,.5));text-align:center;position:relative}.mission-section h2{font-size:3rem;margin-bottom:2rem;font-weight:600;letter-spacing:-1px}.mission-section p{font-size:1.4rem;max-width:800px;margin:0 auto;color:var(--text-muted);font-weight:300}.mis.simulator-instructions strong{color:#fff;font-weight:600}#mobile-warning{max-width:960px;margin:0 auto;padding:40px 20px;text-align:center}.mobile-warning-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);padding:40px 30px}.mobile-warning-content h3{font-size:2rem;margin-top:0;margin-bottom:1.5rem;color:var(--primary-color)}.mobile-warning-content p{font-size:1.1rem;line-height:1.6;color:var(--text-muted);margin-bottom:1rem}.mobile-warning-content p:last-child{margin-bottom:0}.mission-section strong{color:#fff;font-weight:600}.showcase-section{padding:8rem 0}.showcase-section h2{text-align:center;font-size:3rem;margin-bottom:5rem;letter-spacing:-1px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;transition:all .4s var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0003}.card:hover{transform:translateY(-10px) scale(1.02);border-color:var(--glass-highlight);box-shadow:var(--glass-shadow)}.card-image{height:240px;background:#1a2236;position:relative;overflow:hidden}.placeholder-hepa{background:radial-gradient(circle at 30% 50%,#2a3449,#0f172a)}.placeholder-airflow{background:radial-gradient(circle at 70% 50%,#05f3,#0f172a)}.placeholder-ahu{background:radial-gradient(circle at 50% 50%,#0fa3,#0f172a)}.placeholder-duct-traverse{background:radial-gradient(circle at 50% 50%,#2563eb33,#0f172a)}.placeholder-particle-counts{background:radial-gradient(circle at 50% 50%,#8b5cf633,#0f172a)}.card-content{padding:2.5rem}.card h3{font-size:1.75rem;margin-bottom:1rem;color:#fff}.card p{margin-bottom:2rem;color:var(--text-muted);font-size:1.05rem}.card-link{color:var(--primary-color);font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.card-link:hover{gap:.8rem}footer{padding:6rem 0 3rem;text-align:center;border-top:1px solid var(--glass-border);color:var(--text-muted);background:#050a14e6}.page-header{padding:10rem 0 6rem;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(0,212,255,.1),transparent 70%)}.page-header h1{font-size:4rem;margin-bottom:1.5rem;letter-spacing:-1px}.page-sub{font-size:1.5rem;color:var(--text-muted);max-width:800px;margin:0 auto;font-weight:300}.simulator-container-section{padding:2rem 0 6rem}.simulator-placeholder{width:100%;aspect-ratio:16 / 9;background:#0f172a;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.placeholder-content{text-align:center;z-index:10;padding:3rem;background:#050a1499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid var(--glass-border);max-width:500px}.placeholder-content h3{font-size:2rem;margin-bottom:1rem;color:#fff}.placeholder-content p{margin-bottom:2rem;color:var(--text-muted)}.content-section{padding:8rem 0}.feature-list{list-style:none;padding-left:0}.feature-list li{margin-bottom:1.2rem;padding-left:2rem;position:relative;color:var(--text-muted);font-size:1.1rem}.feature-list li:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}@media(max-width:768px){.hero h1{font-size:3rem}.page-header h1{font-size:2.5rem}.navbar{padding:1rem}.nav-links{display:none}.grid{grid-template-columns:1fr}}.hepa-scan-visual{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a;z-index:0;overflow:hidden}.hepa-grid{width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:40px 40px;perspective:1000px;transform:rotateX(20deg) scale(1.2);transform-origin:center top;opacity:.5}.scan-probe-container{position:absolute;top:20%;left:-20%;width:100%;height:20px;animation:scanMove 6s ease-in-out infinite}.scan-probe{width:150px;height:8px;background:var(--primary-color);box-shadow:0 0 20px var(--primary-color);border-radius:4px;position:relative;z-index:2}.scan-beam{position:absolute;top:4px;left:0;width:150px;height:300px;background:linear-gradient(to bottom,rgba(0,212,255,.15),transparent);transform-origin:top center;pointer-events:none}.leak-spot{position:absolute;top:50%;left:60%;width:20px;height:20px;background:#f05;border-radius:50%;box-shadow:0 0 30px #f05;opacity:0;animation:leakPulse 6s infinite;animation-delay:2.8s;z-index:1}@keyframes scanMove{0%{left:-20%;top:20%}50%{left:120%;top:80%}to{left:-20%;top:20%}}@keyframes leakPulse{0%,45%{opacity:0;transform:scale(.5)}48%{opacity:1;transform:scale(1.5)}55%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(.5)}}.airflow-stream-visual{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a;z-index:0;overflow:hidden}.stream-obstacle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:60px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;box-shadow:0 0 30px #00000080;z-index:2}.stream-lines{position:absolute;top:0;left:0;width:100%;height:100%}.stream-line{position:absolute;left:-100px;height:2px;width:100px;background:linear-gradient(90deg,transparent,var(--secondary-color),transparent);opacity:.7;animation:streamFlow 3s linear infinite}.s1{top:30%;animation-delay:0s}.s2{top:35%;animation-delay:.5s}.s3{top:40%;animation-delay:1.2s}.s4{top:45%;animation:streamDivertTop 3s linear infinite;animation-delay:.2s}.s5{top:55%;animation:streamDivertBottom 3s linear infinite;animation-delay:.8s}.s6{top:60%;animation-delay:1.5s}.s7{top:65%;animation-delay:.3s}.s8{top:70%;animation-delay:1s}.turbulence-zone{position:absolute;top:50%;left:60%;width:100px;height:60px;transform:translateY(-50%);background:radial-gradient(circle,rgba(0,212,255,.1),transparent);filter:blur(10px);opacity:.5;animation:turbulencePulse 2s ease-in-out infinite}@keyframes streamFlow{0%{left:-100px;width:100px}to{left:100%;width:200px}}@keyframes streamDivertTop{0%{left:-100px;top:45%}40%{left:40%;top:45%}50%{left:50%;top:35%}60%{left:60%;top:45%}to{left:100%;top:45%}}@keyframes streamDivertBottom{0%{left:-100px;top:55%}40%{left:40%;top:55%}50%{left:50%;top:65%}60%{left:60%;top:55%}to{left:100%;top:55%}}@keyframes turbulencePulse{0%,to{opacity:.3;transform:translateY(-50%) scale(.8)}50%{opacity:.6;transform:translateY(-50%) scale(1.2)}}.ahu-fan-visual{position:absolute;top:0;left:0;width:100%;height:100%;background:#0f172a;z-index:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.fan-container{position:relative;width:200px;height:200px;border:4px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px #00ffaa1a}.fan-blades{position:absolute;width:100%;height:100%;animation:fanSpin .5s linear infinite}.blade{position:absolute;top:50%;left:50%;width:80px;height:20px;background:linear-gradient(90deg,var(--accent-color),transparent);transform-origin:left center;border-radius:50% 10px 10px 50%;opacity:.8}.b1{transform:translateY(-50%) rotate(0)}.b2{transform:translateY(-50%) rotate(120deg)}.b3{transform:translateY(-50%) rotate(240deg)}.fan-center{width:40px;height:40px;background:#1a2236;border:2px solid var(--accent-color);border-radius:50%;z-index:2;position:relative}.coil-grid{position:absolute;right:10%;top:20%;width:100px;height:60%;display:flex;flex-direction:column;justify-content:space-between}.coil-line{width:100%;height:4px;background:linear-gradient(90deg,#f55,#55f);border-radius:2px;opacity:.5;animation:coilPulse 3s ease-in-out infinite}.coil-line:nth-child(2){animation-delay:.5s}.coil-line:nth-child(3){animation-delay:1s}.coil-line:nth-child(4){animation-delay:1.5s}@keyframes fanSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes coilPulse{0%,to{opacity:.3;box-shadow:0 0 5px #f550}50%{opacity:.8;box-shadow:0 0 15px #ff555580}}