:root{--bg-void:#08080a;--bg-surface:#131315;--bg-surface-low:#101114;--bg-surface-mid:#18191e;--bg-surface-high:#201f22;--bg-surface-highest:#2a2a2c;--volt-primary:#d4ff14;--volt-glow:#d4ff1447;--volt-subtle:#d4ff141a;--volt-dim:#b0d500;--volt-dark:#2a3500;--titanium:#9e9ea8;--titanium-muted:#6e6f78;--smoked-alloy:#22242b;--text-high:#fff;--text-primary:#e5e1e4;--text-secondary:#9e9ea8;--text-muted:#6e6f78;--border-metallic:#ffffff14;--border-metallic-bright:#ffffff29;--border-volt:#d4ff1473;--status-active:#d4ff14;--status-success:#00e676;--status-warning:#ffb300;--status-danger:#ff4757;--font-display:"Syne", sans-serif;--font-body:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-volt:0 0 28px #d4ff1438;--shadow-card:0 16px 40px #000000a6;--shadow-subtle:0 4px 20px #0006;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:30px;--radius-pill:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#08080a}::-webkit-scrollbar-thumb{background:#22242b;border:1px solid #ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--volt-primary);box-shadow:0 0 10px var(--volt-glow)}body{background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100%;font-size:15px;line-height:1.6;position:relative;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 80% 20%,#d4ff140a 0%,#0000 45%),radial-gradient(circle at 10% 70%,#ffffff05 0%,#0000 40%);width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-high);font-weight:800;line-height:1.15}.font-mono{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.container{z-index:1;max-width:1320px;margin:0 auto;padding:0 24px;position:relative}.navbar{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-metallic);z-index:1000;opacity:0;pointer-events:none;background:#101114e0;align-items:center;width:100%;height:76px;transition:opacity .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-100%)}.navbar.navbar-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.brand-logo{color:var(--text-high);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{background:var(--volt-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:32px;height:32px;box-shadow:0 0 16px var(--volt-glow);justify-content:center;align-items:center;display:flex}.brand-icon-inner{background:var(--bg-void);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:14px;height:14px}.brand-text{font-family:var(--font-display);letter-spacing:-.02em;font-size:22px;font-weight:800}.brand-tag{font-family:var(--font-mono);color:var(--volt-primary);border-radius:var(--radius-pill);background:#d4ff141a;border:1px solid #d4ff144d;margin-left:4px;padding:2px 8px;font-size:10px}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono);transition:var(--transition-fast);text-decoration:none}.nav-link:hover{color:var(--text-high);text-shadow:0 0 8px #fff6}.nav-actions{align-items:center;gap:14px;display:flex}.mobile-menu-btn{background:var(--bg-surface-low);border:1px solid var(--border-metallic);color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;width:42px;height:42px;transition:var(--transition-fast);justify-content:center;align-items:center;display:none}.mobile-menu-btn:hover{border-color:var(--border-metallic-bright);background:var(--bg-surface-mid);color:var(--volt-primary)}.mobile-nav-drawer{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-metallic);z-index:999;opacity:0;pointer-events:none;background:#0a0b0ef7;width:100%;height:calc(100dvh - 76px);transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:76px;left:0;overflow-y:auto;transform:translateY(-16px)}.mobile-nav-drawer.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav-inner{box-sizing:border-box;flex-direction:column;justify-content:space-between;min-height:100%;padding:32px 24px 40px;display:flex}.mobile-nav-links{flex-direction:column;gap:8px;list-style:none;display:flex}.mobile-nav-link{border-bottom:1px solid var(--border-metallic);font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);transition:var(--transition-fast);padding:16px 0;font-size:20px;font-weight:700;text-decoration:none;display:block}.mobile-nav-link:hover,.mobile-nav-link:active{color:var(--volt-primary);text-shadow:0 0 12px var(--volt-glow);padding-left:8px}.mobile-nav-bottom{border-top:1px solid var(--border-metallic-bright);margin-top:36px;padding-top:24px}.btn-primary{background:var(--volt-primary);color:var(--bg-void);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-normal);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{box-shadow:0 0 24px var(--volt-glow);background:#e0ff33;transform:translateY(-2px)scale(1.02)}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--text-high);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--border-metallic-bright);cursor:pointer;transition:var(--transition-normal);background:#ffffff0a;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.btn-secondary:hover{color:var(--volt-primary);background:#ffffff14;border-color:#d4ff1466}.btn-secondary:active{transform:translateY(0)}.btn-icon{background:var(--bg-surface-low);border:1px solid var(--border-metallic);color:var(--text-primary);border-radius:var(--radius-pill);cursor:pointer;width:42px;height:42px;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.btn-icon:hover{border-color:var(--border-metallic-bright);background:var(--bg-surface-mid);color:var(--volt-primary)}.badge-counter{background:var(--volt-primary);color:var(--bg-void);font-family:var(--font-mono);border-radius:var(--radius-pill);width:18px;height:18px;box-shadow:0 0 10px var(--volt-glow);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.frame-track{width:100%;height:800vh;position:relative}.frame-viewport{z-index:5;background:#08080a;width:100%;height:100dvh;position:sticky;top:0;left:0;overflow:hidden}.frame-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.frame-vignette{pointer-events:none;z-index:6;background:radial-gradient(circle,#0000 45%,#08080a66 75%,#08080ae6 100%);position:absolute;inset:0}.cinematic-welcome-screen{z-index:99999;box-sizing:border-box;pointer-events:auto;opacity:1;background:#08080a;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1),filter .75s;display:flex;position:fixed;inset:0;overflow:hidden}.cinematic-welcome-screen.welcome-fade-out{opacity:0;filter:blur(10px);pointer-events:none;transform:scale(1.05)}.welcome-backdrop-ambient{pointer-events:none;background:radial-gradient(circle,#d4ff1414 0%,#0000 60%),radial-gradient(circle at 50% 80%,#ffffff08 0%,#0000 50%);position:absolute;inset:0}.welcome-center-card{z-index:2;text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:24px 16px;animation:.8s cubic-bezier(.16,1,.3,1) forwards welcomePopIn;display:flex;position:relative}@keyframes welcomePopIn{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.welcome-tech-badge{font-family:var(--font-mono);color:var(--volt-primary);letter-spacing:.08em;border-radius:var(--radius-pill);box-sizing:border-box;white-space:nowrap;background:#d4ff1414;border:1px solid #d4ff1440;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:16px;padding:5px 12px;font-size:clamp(9px,2.5vw,11px);display:inline-flex}.welcome-pulse-dot{background:var(--volt-primary);width:6px;height:6px;box-shadow:0 0 10px var(--volt-glow);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite alternate pulseDot}.welcome-logo-row{justify-content:center;align-items:center;gap:clamp(8px,2.5vw,14px);max-width:100%;margin-bottom:10px;display:flex}.welcome-brand-icon{background:var(--volt-primary);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);width:clamp(32px,8vw,42px);height:clamp(32px,8vw,42px);box-shadow:0 0 20px var(--volt-glow);flex-shrink:0;justify-content:center;align-items:center;display:flex}.welcome-brand-icon-inner{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);background:#08080a;width:clamp(14px,3.5vw,18px);height:clamp(14px,3.5vw,18px)}.welcome-title{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;text-shadow:0 0 24px #fff3;margin:0;font-size:clamp(26px,8vw,50px);font-weight:800;line-height:1.1}.welcome-tagline{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-secondary);text-align:center;box-sizing:border-box;max-width:100%;margin:0 0 24px;font-size:clamp(9px,2.6vw,12px);line-height:1.4}.welcome-scanner-line{background:#ffffff1a;border-radius:2px;width:min(200px,60%);height:2px;position:relative;overflow:hidden}.welcome-scanner-beam{background:linear-gradient(90deg, transparent, var(--volt-primary), transparent);width:60%;height:100%;animation:1.2s cubic-bezier(.4,0,.2,1) infinite scannerBeam;position:absolute;top:0;left:0}@keyframes scannerBeam{0%{transform:translate(-100%)}to{transform:translate(250%)}}.hero-scroll-start-window{z-index:10;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:12px;transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)translateY(0)}.hero-scroll-start-window.visible{opacity:1;pointer-events:auto}.hero-scroll-start-window.scrolled-away{opacity:0!important;pointer-events:none!important;transform:translate(-50%)translateY(-24px)scale(.95)!important}.scroll-start-container{flex-direction:column;align-items:center;gap:10px;display:flex}.scroll-start-pill{-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-pill);background:#101116e6;border:1px solid #d4ff1459;align-items:center;gap:12px;padding:12px 26px;animation:2.6s ease-in-out infinite alternate scrollStartFloat;display:inline-flex;box-shadow:0 0 24px #d4ff141f,0 8px 32px #0009}@keyframes scrollStartFloat{0%{transform:translateY(0);box-shadow:0 0 20px #d4ff141f,0 8px 32px #0009}to{transform:translateY(-4px);box-shadow:0 0 28px #d4ff1438,0 12px 36px #000000b3}}.scroll-start-title{font-family:var(--font-display);letter-spacing:.12em;color:#fff;text-transform:uppercase;font-size:14px;font-weight:800}.scroll-start-hint{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-muted);text-transform:uppercase;text-shadow:0 1px 4px #000000e6;font-size:10px}.scrolly-mouse-pill{border:1.5px solid var(--border-metallic-bright);border-radius:12px;justify-content:center;width:18px;height:28px;display:flex;position:relative}.scrolly-mouse-wheel{background:var(--volt-primary);border-radius:2px;width:3px;height:6px;animation:1.6s infinite mouseWheelScroll;position:absolute;top:5px}@keyframes mouseWheelScroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@media (width<=768px){.hero-scroll-start-window{width:90%;max-width:340px;bottom:26px}.scroll-start-pill{justify-content:center;width:100%;padding:10px 20px}.scroll-start-title{font-size:13px}.scroll-start-hint{font-size:9px}}.section-wrapper{padding:100px 0;position:relative}.section-header{margin-bottom:50px}.section-tag{font-family:var(--font-mono);color:var(--volt-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.section-title{margin-bottom:14px;font-size:clamp(30px,3.5vw,46px)}.section-description{color:var(--text-secondary);max-width:620px;font-size:16px}.flagship-grid{grid-template-columns:repeat(12,1fr);gap:24px;display:grid}.flagship-card{border:1px solid var(--border-metallic);border-radius:var(--radius-xl);transition:var(--transition-normal);background:linear-gradient(#18191e 0%,#101114 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.flagship-card:hover{border-color:var(--border-metallic-bright);transform:translateY(-4px);box-shadow:0 20px 40px #000c,0 0 30px #d4ff1414}.flagship-card.large{grid-column:span 7}.flagship-card.medium{grid-column:span 5}.flagship-card.regular{grid-column:span 4}.flagship-card.regular-span-6{grid-column:span 6}.card-image-box{background:#0c0d10;justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative;overflow:hidden}.flagship-card.large .card-image-box{height:380px}.card-image-box img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.flagship-card:hover .card-image-box img{transform:scale(1.05)}.card-telemetry-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-metallic-bright);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--volt-primary);z-index:2;background:#101114d9;padding:5px 12px;font-size:10px;position:absolute;top:18px;right:18px}.card-content{flex-direction:column;flex-grow:1;padding:28px;display:flex}.card-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card-title{color:var(--text-high);font-size:22px}.card-price{font-family:var(--font-display);color:var(--volt-primary);font-size:24px;font-weight:700}.card-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:14px}.card-specs-row{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.spec-chip{border:1px solid var(--border-metallic);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--titanium);background:#ffffff0a;padding:4px 10px;font-size:10px}.card-footer-actions{border-top:1px solid var(--border-metallic);justify-content:space-between;align-items:center;gap:12px;padding-top:18px;display:flex}.stock-indicator{font-family:var(--font-mono);align-items:center;gap:6px;font-size:11px;display:flex}.stock-indicator.in-stock{color:var(--status-success)}.stock-indicator.low-stock{color:var(--status-warning)}.stock-indicator.out-of-stock{color:var(--status-danger)}.stock-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.featured-interactive-section{border-top:1px solid var(--border-metallic);border-bottom:1px solid var(--border-metallic);background:linear-gradient(#101114 0%,#090a0d 100%);padding:100px 0;position:relative}.featured-split{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.featured-visual{border:1px solid var(--border-metallic-bright);border-radius:var(--radius-xl);background:#14151b;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.featured-visual img{border-radius:var(--radius-lg);z-index:2;width:100%;max-width:440px;height:auto;position:relative}.dial-controller{z-index:3;width:100%;margin-top:28px}.dial-label{font-family:var(--font-mono);color:var(--titanium);justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.dial-weight-display{font-family:var(--font-display);color:var(--volt-primary);text-shadow:0 0 20px var(--volt-glow);font-size:38px;font-weight:800}.dial-buttons{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.dial-btn{border:1px solid var(--border-metallic);color:var(--text-primary);font-family:var(--font-mono);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:#ffffff0d;padding:8px 14px;font-size:11px}.dial-btn:hover{border-color:var(--volt-primary)}.dial-btn.active{background:var(--volt-primary);color:var(--bg-void);border-color:var(--volt-primary);box-shadow:0 0 16px var(--volt-glow);font-weight:700}.telemetry-features-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:32px;display:grid}.telemetry-feature-card{border:1px solid var(--border-metallic);border-radius:var(--radius-md);background:#ffffff05;padding:20px}.tf-val{font-family:var(--font-mono);color:var(--volt-primary);margin-bottom:4px;font-size:18px;font-weight:700}.tf-label{color:var(--text-secondary);font-size:13px}.filter-search-container{background:var(--bg-surface-low);border:1px solid var(--border-metallic);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;padding:16px 20px;display:flex}.category-pills{flex-wrap:wrap;gap:8px;display:flex}.category-pill{border:1px solid var(--border-metallic);color:var(--text-secondary);font-family:var(--font-mono);border-radius:var(--radius-pill);cursor:pointer;transition:var(--transition-fast);background:0 0;padding:7px 16px;font-size:11px}.category-pill:hover{color:var(--text-high);border-color:var(--border-metallic-bright)}.category-pill.active{background:var(--volt-primary);color:var(--bg-void);border-color:var(--volt-primary);box-shadow:0 0 14px var(--volt-glow);font-weight:600}.search-input-box{min-width:260px;position:relative}.search-input-box input{border:1px solid var(--border-metallic);border-radius:var(--radius-pill);width:100%;color:var(--text-high);font-family:var(--font-body);transition:var(--transition-fast);background:#141519;outline:none;padding:10px 16px 10px 38px;font-size:13px}.search-input-box input:focus{border-color:var(--volt-primary);box-shadow:0 0 16px #d4ff1433}.search-icon-slot{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;display:grid}.why-ironforge-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.why-card{background:var(--bg-surface-low);border:1px solid var(--border-metallic);border-radius:var(--radius-lg);transition:var(--transition-normal);padding:28px;position:relative}.why-card:hover{border-color:var(--border-metallic-bright);transform:translateY(-4px)}.why-number{font-family:var(--font-mono);color:var(--volt-primary);margin-bottom:16px;font-size:12px}.why-title{margin-bottom:10px;font-size:18px}.why-desc{color:var(--text-secondary);font-size:14px}.story-split{background:var(--bg-surface-low);border:1px solid var(--border-metallic);border-radius:var(--radius-xl);grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:50px;display:grid}.story-metrics-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;display:grid}.story-metric-box{border-left:2px solid var(--volt-primary);padding-left:16px}.sm-num{font-family:var(--font-display);color:var(--text-high);font-size:28px;font-weight:800}.sm-lbl{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-metallic);border-radius:var(--radius-lg);background:#18191eb3;flex-direction:column;justify-content:space-between;padding:32px;display:flex}.testimonial-quote{color:var(--text-primary);margin-bottom:24px;font-size:15px;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{width:42px;height:42px;font-family:var(--font-mono);color:var(--volt-primary);border:1px solid var(--border-metallic-bright);background:#252730;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.author-info h4{margin-bottom:2px;font-size:14px}.author-info p{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.final-cta-card{border:1px solid var(--border-volt);border-radius:var(--radius-xl);text-align:center;background:linear-gradient(135deg,#181920 0%,#0e0f13 100%);padding:70px 40px;position:relative;overflow:hidden;box-shadow:0 0 50px #d4ff1414}.final-cta-card:before{content:"";background:radial-gradient(circle, var(--volt-glow) 0%, transparent 70%);pointer-events:none;width:400px;height:250px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.final-cta-card h2{z-index:2;margin-bottom:16px;font-size:clamp(34px,4vw,54px);position:relative}.final-cta-card p{color:var(--text-secondary);z-index:2;max-width:580px;margin:0 auto 36px;font-size:17px;position:relative}.footer{border-top:1px solid var(--border-metallic);background:#0b0c0e;margin-top:100px;padding:60px 0 30px}.footer-top{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:50px;display:grid}.footer-col h5{font-family:var(--font-mono);color:var(--text-high);margin-bottom:18px;font-size:11px}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col ul a{color:var(--text-muted);transition:var(--transition-fast);font-size:13px;text-decoration:none}.footer-col ul a:hover{color:var(--volt-primary)}.footer-bottom{border-top:1px solid var(--border-metallic);font-family:var(--font-mono);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:24px;font-size:11px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:2000;opacity:0;transition:opacity var(--transition-normal);background:#08080ad9;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{opacity:1;display:flex}.modal-window{border:1px solid var(--border-metallic-bright);border-radius:var(--radius-xl);width:100%;max-width:620px;max-height:90vh;box-shadow:var(--shadow-card);transition:var(--transition-normal);background:#14151a;position:relative;overflow-y:auto;transform:translateY(20px)scale(.98)}.modal-overlay.active .modal-window{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--border-metallic);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal-close-btn{color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close-btn:hover{color:var(--text-high);background:#ffffff14}.modal-body{padding:28px}.cart-drawer-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2500;opacity:0;transition:opacity var(--transition-normal);background:#08080ab3;display:none;position:fixed;inset:0}.cart-drawer-overlay.active{opacity:1;display:block}.cart-drawer{border-left:1px solid var(--border-metallic-bright);z-index:2600;background:#121317;flex-direction:column;width:100%;max-width:480px;height:100%;display:none;position:fixed;top:0;right:0;box-shadow:-10px 0 40px #000c}.cart-drawer.active{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDrawerIn;display:flex!important}@keyframes slideDrawerIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-back-btn{border:1px solid var(--border-metallic);border-radius:var(--radius-pill);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;transition:var(--transition-fast);background:#ffffff0f;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.cart-back-btn:hover{color:var(--volt-primary);border-color:var(--border-volt);background:#ffffff1f}#nav-btn-cart,.floating-cart-btn,#mobile-drawer-cart-item{display:none!important}body.user-authenticated #nav-btn-cart{display:inline-flex!important}body.user-authenticated #mobile-drawer-cart-item{display:block!important}body.user-authenticated .floating-cart-btn.visible{display:flex!important}.floating-cart-btn{background:var(--volt-primary);width:52px;height:52px;color:var(--bg-void);box-shadow:0 4px 20px #0009, 0 0 24px var(--volt-glow);z-index:900;cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:none;position:fixed;bottom:24px;right:20px}.floating-cart-btn:hover{transform:scale(1.06)}.floating-cart-btn:active{transform:scale(.95)}.cart-header{border-bottom:1px solid var(--border-metallic);justify-content:space-between;align-items:center;padding:24px;display:flex}.cart-items-list{flex-direction:column;flex-grow:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.cart-item-card{background:var(--bg-surface-low);border:1px solid var(--border-metallic);border-radius:var(--radius-md);grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:12px;display:grid}.cart-item-img{border-radius:var(--radius-sm);object-fit:cover;background:#090a0c;width:80px;height:80px}.cart-item-info h4{margin-bottom:4px;font-size:14px}.cart-item-price{font-family:var(--font-mono);color:var(--volt-primary);font-size:13px}.cart-qty-ctrls{align-items:center;gap:8px;margin-top:8px;display:flex}.qty-btn{border:1px solid var(--border-metallic);color:var(--text-high);cursor:pointer;background:#ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.qty-btn:hover{border-color:var(--volt-primary)}.qty-display{font-family:var(--font-mono);text-align:center;min-width:20px;font-size:12px}.cart-footer{border-top:1px solid var(--border-metallic);background:#0e0f12;padding:24px}.cart-summary-line{font-family:var(--font-mono);color:var(--text-secondary);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.cart-total-line{color:var(--text-high);border-top:1px solid var(--border-metallic);justify-content:space-between;margin:16px 0 20px;padding-top:14px;font-size:18px;font-weight:700;display:flex}.cart-total-line .amount{color:var(--volt-primary);font-family:var(--font-display);font-size:22px}.form-group{margin-bottom:18px}.form-label{font-family:var(--font-mono);color:var(--titanium);margin-bottom:6px;font-size:11px;display:block}.form-input,.form-select{border:1px solid var(--border-metallic);border-radius:var(--radius-md);width:100%;color:var(--text-high);font-family:var(--font-body);transition:var(--transition-fast);background:#101114;outline:none;padding:12px 16px;font-size:14px}.form-input:focus,.form-select:focus{border-color:var(--volt-primary);box-shadow:0 0 16px #d4ff1433}.demo-payment-box{border:1px solid var(--border-volt);border-radius:var(--radius-lg);background:linear-gradient(#181920 0%,#101116 100%);margin-bottom:24px;padding:24px}.demo-banner{border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--volt-primary);background:#d4ff141a;border:1px solid #d4ff1459;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:11px;display:flex}.fictional-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#24252f 0%,#15161b 100%);border:1px solid #ffffff26;margin-bottom:20px;padding:20px;box-shadow:0 10px 30px #00000080}.card-chip{background:#e5a93c;border-radius:4px;width:36px;height:28px;margin-bottom:16px}.card-num-fake{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-high);margin-bottom:16px;font-size:16px}.card-meta-fake{font-family:var(--font-mono);color:var(--titanium);justify-content:space-between;font-size:10px;display:flex}.order-timeline{justify-content:space-between;margin:30px 0 20px;display:flex;position:relative}.order-timeline:before{content:"";background:var(--border-metallic);z-index:1;height:2px;position:absolute;top:14px;left:30px;right:30px}.timeline-step{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.timeline-node{background:var(--bg-surface-mid);border:2px solid var(--border-metallic);width:30px;height:30px;font-family:var(--font-mono);color:var(--text-muted);transition:var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex}.timeline-step.completed .timeline-node{background:var(--volt-primary);border-color:var(--volt-primary);color:var(--bg-void);box-shadow:0 0 16px var(--volt-glow)}.timeline-step.active .timeline-node{border-color:var(--volt-primary);color:var(--volt-primary);box-shadow:0 0 16px var(--volt-glow);animation:2s infinite pulseAnim}.timeline-step-label{font-family:var(--font-mono);color:var(--text-muted);text-align:center;font-size:10px}.timeline-step.completed .timeline-step-label,.timeline-step.active .timeline-step-label{color:var(--text-high)}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-metallic-bright);border-left:4px solid var(--volt-primary);border-radius:var(--radius-md);color:var(--text-high);pointer-events:auto;background:#14151af2;align-items:center;gap:12px;max-width:380px;padding:14px 20px;font-size:13px;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;box-shadow:0 10px 30px #000000b3}.toast.error{border-left-color:var(--status-danger)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.spinner{border:2px solid #fff3;border-top-color:var(--volt-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.container{padding:0 20px}.nav-links{display:none}.mobile-menu-btn{display:flex}#nav-btn-admin,#nav-btn-my-orders{display:none!important}.frame-track{height:800vh}.section-wrapper{padding:70px 0}.flagship-grid{grid-template-columns:repeat(12,1fr);gap:20px}.flagship-card.large,.flagship-card.medium{grid-column:span 12}.flagship-card.regular,.flagship-card.regular-span-6{grid-column:span 6}.flagship-card.large .card-image-box{height:320px}.featured-interactive-section{padding:70px 0}.featured-split{grid-template-columns:1fr;gap:40px}.featured-visual{padding:30px}.products-grid{grid-template-columns:repeat(2,1fr);gap:20px}.why-ironforge-grid{grid-template-columns:repeat(2,1fr);gap:16px}.testimonials-grid{grid-template-columns:repeat(2,1fr);gap:20px}.story-split{grid-template-columns:1fr;gap:36px;padding:36px}.footer-top{grid-template-columns:repeat(2,1fr);gap:32px}}@media (width<=768px){.container{padding:0 16px}.navbar{height:68px}.brand-text{font-size:17px}.brand-tag,.nav-links{display:none}.nav-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}#nav-btn-auth{letter-spacing:.05em;border-radius:var(--radius-pill);border:1px solid var(--border-metallic-bright);height:36px;color:var(--text-high);white-space:nowrap;background:#ffffff0f;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex!important}#nav-user-pill{flex-shrink:0;align-items:center;gap:6px;display:none}#nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:75px;font-size:11px;overflow:hidden}#nav-btn-logout{flex-shrink:0;width:32px;height:32px}#nav-btn-cart{flex-shrink:0;width:38px;height:38px}.mobile-menu-btn{flex-shrink:0;width:38px;height:38px;display:flex!important}#nav-btn-admin,#nav-btn-my-orders{display:none!important}.mobile-nav-drawer{height:calc(100dvh - 68px);top:68px}.mobile-nav-inner{padding:24px 20px 32px}.mobile-nav-link{padding:14px 0;font-size:18px}.frame-track{height:800vh}.frame-viewport{width:100%;height:100dvh;position:sticky;top:0;left:0}.frame-vignette{display:none}.hero-scroll-start-window{width:90%;max-width:320px;bottom:24px}.scrolly-mouse-pill{width:16px;height:24px}.scrolly-mouse-wheel{width:2.5px;height:5px}.section-wrapper{padding:48px 0}.section-header{margin-bottom:24px}.section-title{margin-bottom:10px;font-size:clamp(24px,5.5vw,32px);line-height:1.2}.section-description{font-size:14px;line-height:1.5}.flagship-grid{grid-template-columns:1fr;gap:18px}.flagship-card.large,.flagship-card.medium,.flagship-card.regular,.flagship-card.regular-span-6{grid-column:span 1}.card-image-box,.flagship-card.large .card-image-box{height:220px}.card-content{padding:20px 18px}.card-title{font-size:18px}.card-price{font-size:20px}.card-desc{margin-bottom:14px;font-size:13px}.card-specs-row{gap:6px;margin-bottom:18px}.spec-chip{padding:3px 8px;font-size:9px}.card-footer-actions{flex-direction:column;align-items:stretch;gap:12px}.card-footer-actions .btn-primary{width:100%;padding:12px}.featured-interactive-section{padding:50px 0}.featured-split{grid-template-columns:1fr;gap:28px}.featured-visual{border-radius:var(--radius-lg);padding:20px 16px}.featured-visual img{max-width:100%}.dial-controller{margin-top:18px}.dial-weight-display{font-size:32px}.dial-buttons{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px}.dial-buttons::-webkit-scrollbar{display:none}.dial-btn{padding:7px 12px;font-size:10px}.telemetry-features-grid{grid-template-columns:1fr;gap:10px;margin-top:20px}.telemetry-feature-card{padding:16px}.filter-search-container{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:24px;padding:14px}.category-pills{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.category-pills::-webkit-scrollbar{display:none}.category-pill{white-space:nowrap;flex-shrink:0;padding:7px 14px;font-size:11px}.search-input-box{width:100%;min-width:0}.products-grid{grid-template-columns:1fr;gap:16px}.why-ironforge-grid{grid-template-columns:1fr;gap:12px}.why-card{padding:20px}.story-split{border-radius:var(--radius-lg);gap:24px;padding:24px 18px}.story-metrics-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.sm-num{font-size:22px}.testimonials-grid{grid-template-columns:1fr;gap:14px}.testimonial-card{padding:22px 18px}.final-cta-card{border-radius:var(--radius-lg);padding:40px 18px}.final-cta-card h2{font-size:24px}.final-cta-card p{margin-bottom:24px;font-size:13px}.final-cta-card .btn-primary{width:100%;padding:13px 20px}.footer{margin-top:50px;padding:40px 0 24px}.footer-top{grid-template-columns:1fr;gap:28px;margin-bottom:30px}.footer-bottom{text-align:center;flex-direction:column;gap:10px}.modal-overlay{padding:12px}.modal-window{border-radius:var(--radius-lg);width:100%;max-height:92vh}.modal-header{padding:16px 18px}.modal-body{padding:18px 16px}.modal-window form [style*=grid-template-columns]{grid-template-columns:1fr!important}#product-details-overlay .modal-body>div:first-child{grid-template-columns:1fr!important;gap:18px!important}#product-details-overlay #details-img{height:190px!important}.cart-drawer{z-index:10000;background:#0d0e12;display:none;position:fixed;inset:0;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;height:100dvh!important}.cart-drawer.active{animation:.3s cubic-bezier(.16,1,.3,1) forwards cartScreenSlideUp;display:flex!important}@keyframes cartScreenSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.floating-cart-btn.visible{display:flex}.cart-header{border-bottom:1px solid var(--border-metallic-bright);background:#121317;padding:16px 18px}.cart-items-list{flex-grow:1;padding:16px}.cart-footer{border-top:1px solid var(--border-metallic-bright);background:#121317;padding:18px 16px 28px}.toast-container{bottom:14px;left:14px;right:14px}.toast{max-width:100%}}