:root{--black: #000000;--surface: #111111;--surface-raised: #1A1A1A;--border: #222222;--border-visible: #333333;--text-disabled: #888888;--text-secondary: #BBBBBB;--text-primary: #F0F0F0;--text-display: #FFFFFF;--accent: #D71921;--accent-subtle: rgba(215,25,33,.15);--success: #4A9E5C;--warning: #D4A843;--interactive: #5B9BF6;--btn-arrow: #D71921;--btn-arrow-hover: #E8E8E8;--bg: var(--black);--bg-surface: var(--surface);--bg-raised: var(--surface-raised);--line: var(--border);--line-visible: var(--border-visible);--font-display: "Doto", "Space Mono", monospace;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "Space Mono", "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--max: 1200px;--pad: 5vw;--ease: cubic-bezier(.25, .1, .25, 1);--r-pill: 999px;--r-card: 16px;--r-sm: 8px;--r-tech: 4px}[data-theme=light]{--black: #F5F5F5;--surface: #FFFFFF;--surface-raised: #F0F0F0;--border: #E8E8E8;--border-visible: #CCCCCC;--text-disabled: #888888;--text-secondary: #555555;--text-primary: #1A1A1A;--text-display: #000000;--interactive: #007AFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--black);transition:background .3s var(--ease),color .3s var(--ease)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}code{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--text-display);color:var(--black)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--border-visible);border-radius:0}.label{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.05;color:var(--text-display)}.mono{font-family:var(--font-mono)}.dot-grid{background-image:radial-gradient(circle,var(--border-visible) 1px,transparent 1px);background-size:16px 16px}.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:16px var(--pad);opacity:0;transform:translateY(-100%);transition:opacity .4s var(--ease) .2s,transform .35s var(--ease)}.nav-wrap.in{opacity:1;transform:translateY(0)}.nav-wrap.scrolled{background:#000c;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);border-bottom:1px solid var(--border)}[data-theme=light] .nav-wrap.scrolled{background:#f5f5f5cc}.nav-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--text-display);text-transform:uppercase}.nav-brand-dot{width:8px;height:8px;border-radius:50%;background:var(--text-display)}.nav-links{display:flex;align-items:center;gap:0}.nav-link{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-disabled);padding:8px 16px;transition:color .2s var(--ease)}.nav-link:hover{color:var(--text-primary)}.nav-link-active{color:var(--text-display)!important}.nav-link-active:before{content:"[";margin-right:4px}.nav-link-active:after{content:"]";margin-left:4px}.nav-right{display:flex;align-items:center;gap:12px}.theme-toggle{width:40px;height:40px;border:1px solid var(--border-visible);border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;transition:border-color .2s var(--ease)}.theme-toggle:hover{border-color:var(--text-secondary)}.theme-toggle svg{width:16px;height:16px;stroke:var(--text-secondary)}.nav-mobile-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center}.nav-mobile-btn span{display:block;width:20px;height:1px;background:var(--text-display);position:relative}.nav-mobile-btn span:before,.nav-mobile-btn span:after{content:"";position:absolute;left:0;width:20px;height:1px;background:var(--text-display);transition:transform .2s var(--ease)}.nav-mobile-btn span:before{top:-6px}.nav-mobile-btn span:after{top:6px}@media(max-width:768px){.nav-links{display:none}.nav-mobile-btn{display:flex}}.nav-drawer{position:fixed;inset:0;z-index:250;background:var(--black);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 var(--pad);gap:24px;opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility 0s .3s}.nav-drawer.open{opacity:1;visibility:visible;transition:opacity .3s var(--ease)}.nav-drawer a{font-family:var(--font-sans);font-size:32px;font-weight:500;letter-spacing:-.02em;color:var(--text-primary)}.nav-drawer .nav-drawer-close{position:absolute;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.nav-drawer-close svg{width:20px;height:20px;stroke:var(--text-primary)}.section{padding:var(--space-4xl) var(--pad);max-width:var(--max);margin:0 auto}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:var(--space-xl)}.section-label:before{content:"";width:6px;height:6px;background:var(--accent)}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;transition:border-color .25s var(--ease)}.product-card:hover{border-color:var(--border-visible)}.product-card-img{aspect-ratio:4/3;overflow:hidden;background:var(--surface-raised)}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.product-card:hover .product-card-img img{transform:scale(1.03)}.product-card-body{padding:var(--space-lg)}.data-row{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--border)}.data-row:last-child{border-bottom:none}.data-row .data-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.data-row .data-value{font-family:var(--font-mono);font-size:15px;color:var(--text-display);text-align:right}.spec-table{width:100%;border-collapse:collapse}.spec-table th{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);text-align:left;padding:12px 0;border-bottom:1px solid var(--border-visible)}.spec-table td{font-family:var(--font-mono);font-size:15px;color:var(--text-display);padding:12px 0;border-bottom:1px solid var(--border)}.spec-table tr:last-child td{border-bottom:none}.spec-table td:last-child{text-align:right}.tag{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border:1px solid var(--border-visible);border-radius:var(--r-pill);color:var(--text-secondary)}.tag-active{border-color:var(--text-display);color:var(--text-display)}.seg-progress{display:flex;gap:2px;width:100%}.seg-block{flex:1;height:8px;background:var(--border)}.seg-block.filled{background:var(--text-display)}.seg-block.over{background:var(--accent)}.footer{background:var(--black);border-top:1px solid var(--border);padding:var(--space-3xl) var(--pad) var(--space-xl)}.footer-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-2xl)}.footer-brand-text{font-family:var(--font-display);font-size:clamp(60px,14vw,180px);font-weight:400;line-height:.9;letter-spacing:-.04em;color:var(--text-display);text-align:center;padding:var(--space-2xl) 0 var(--space-lg);user-select:none;opacity:.25}.footer-copyright{max-width:var(--max);margin:0 auto;padding:0 var(--pad) var(--space-xl);display:flex;gap:24px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--text-disabled)}.footer-copyright a{color:var(--text-disabled);transition:color .2s}.footer-copyright a:hover{color:var(--text-secondary)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal.in{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}@media(max-width:768px){.footer-inner{grid-template-columns:1fr;gap:var(--space-lg)}.footer-brand-text{font-size:clamp(40px,20vw,80px)}}@media(max-width:640px){:root{--pad: 20px}}