:root{--metro-canvas: #000000;--metro-surface: #121212;--metro-surface-high: #1E1E1E;--metro-surface-border: #262626;--metro-surface-border-subtle: #1C1C1C;--metro-surface-hover: #181818;--metro-surface-active: #222222;--metro-text-primary: #FFFFFF;--metro-text-secondary: #8E8E93;--metro-text-muted: #555555;--metro-text-dim: #383838;--metro-accent-blue: #0084FF;--metro-accent-blue-glow: rgba(0, 132, 255, .18);--metro-accent-lime: #A4C400;--metro-accent-lime-glow: rgba(164, 196, 0, .18);--metro-accent-teal: #00ABA9;--metro-accent-teal-glow: rgba(0, 171, 169, .18);--metro-accent-orange: #FA6800;--metro-accent-orange-glow: rgba(250, 104, 0, .18);--metro-accent-magenta: #D80073;--metro-accent-magenta-glow: rgba(216, 0, 115, .18);--metro-accent-emerald: #10B981;--metro-accent-emerald-glow: rgba(16, 185, 129, .18);--metro-gap-xs: 4px;--metro-gap-sm: 8px;--metro-gap-md: 16px;--metro-gap-lg: 24px;--metro-gap-xl: 48px;--metro-gap-2xl: 80px;--metro-max-width: 1280px;--metro-nav-height: 64px;--font-display: "Metrophobic", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Grotesk", monospace, sans-serif;--font-body: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-display-hero: 72px;--font-headline-lg: 42px;--font-headline-md: 26px;--font-metric: 48px;--font-title-sm: 18px;--font-body-lg: 18px;--font-body-md: 15px;--font-label-caps: 11px;--metro-ease: cubic-bezier(.1, .9, .2, 1);--metro-transition-fast: .15s var(--metro-ease);--metro-transition-base: .25s var(--metro-ease);--metro-transition-flip: .6s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#262626;border:none}::-webkit-scrollbar-thumb:hover{background:var(--metro-accent-blue)}::selection{background:var(--metro-accent-blue);color:#fff}html{font-family:var(--font-body);background-color:var(--metro-canvas);color:var(--metro-text-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;background-color:var(--metro-canvas);overflow-x:hidden;position:relative}.metro-container{max-width:var(--metro-max-width);margin:0 auto;padding:0 var(--metro-gap-lg)}a{color:inherit;text-decoration:none}button{font-family:inherit;background:transparent;border:none;cursor:pointer;color:inherit}.metro-nav{position:sticky;top:0;z-index:1000;height:var(--metro-nav-height);background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--metro-surface-border);display:flex;align-items:center}.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.brand-link{display:inline-flex;align-items:center;gap:var(--metro-gap-sm);font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--metro-text-primary);transition:opacity var(--metro-transition-fast)}.brand-link:hover{opacity:.85}.brand-monogram{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--metro-accent-blue);color:#fff;font-size:14px;font-weight:700}.brand-app-icon{width:30px;height:30px;object-fit:cover;border:1px solid var(--metro-accent-blue);box-shadow:0 0 12px #0084ff59;display:block;flex-shrink:0;transition:transform var(--metro-transition-fast),box-shadow var(--metro-transition-fast)}.brand-link:hover .brand-app-icon{transform:scale(1.06);box-shadow:0 0 18px #0084ff99}.footer-app-icon{width:28px;height:28px;object-fit:cover;border:1px solid var(--metro-accent-blue);box-shadow:0 0 10px #0084ff4d;display:block;flex-shrink:0}.hero-header-identity{display:flex;align-items:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.hero-app-icon{width:52px;height:52px;object-fit:cover;border:1px solid var(--metro-accent-blue);box-shadow:0 0 24px #0084ff66;flex-shrink:0;transition:transform var(--metro-transition-fast),box-shadow var(--metro-transition-fast)}.hero-app-icon:hover{transform:scale(1.05);box-shadow:0 0 32px #0084ff99}.hero-identity-meta{display:flex;flex-direction:column;gap:4px}.hero-version-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--metro-text-secondary);text-transform:uppercase}.brand-title{text-transform:uppercase}.nav-links{display:flex;align-items:center;gap:14px;list-style:none}.nav-item a{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--metro-text-secondary);transition:color var(--metro-transition-fast),border-color var(--metro-transition-fast);padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}.nav-item a:hover{color:#fff;border-color:var(--metro-accent-blue)}.nav-cta-btn{display:inline-flex;align-items:center;gap:8px;background:var(--metro-surface);border:1px solid var(--metro-surface-border);padding:10px 18px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--metro-accent-blue);transition:all var(--metro-transition-fast)}.nav-cta-btn:hover{background:var(--metro-accent-blue);color:#fff;border-color:var(--metro-accent-blue)}.nav-mobile-toggle{display:none;font-family:var(--font-mono);font-size:13px;padding:8px 12px;border:1px solid var(--metro-surface-border);color:var(--metro-text-primary)}.hero-section{position:relative;padding:72px 0 96px;border-bottom:1px solid var(--metro-surface-border);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--metro-gap-xl);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--metro-gap-lg);z-index:2}.hero-badge-container{display:flex;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--font-label-caps);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--metro-accent-blue);background:#0084ff14;border:1px solid var(--metro-accent-blue);padding:6px 14px}.badge-pulse{width:6px;height:6px;background:var(--metro-accent-blue);box-shadow:0 0 8px var(--metro-accent-blue);animation:metroPulse 2s infinite}@keyframes metroPulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.hero-title{font-family:var(--font-display);font-size:68px;line-height:1.04;font-weight:300;letter-spacing:-.04em;color:var(--metro-text-primary);text-transform:uppercase}.hero-highlight{display:block;color:var(--metro-accent-blue);font-weight:400}.hero-subtitle{font-size:var(--font-body-lg);line-height:1.6;color:var(--metro-text-secondary);max-width:580px;font-weight:400}.hero-cta-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--metro-gap-md);margin-top:var(--metro-gap-sm)}.btn-store{display:inline-flex;align-items:center;gap:14px;padding:14px 22px;background:var(--metro-surface);border:1px solid var(--metro-surface-border);transition:all var(--metro-transition-fast)}.btn-store:hover{background:var(--metro-surface-high);border-color:#fff}.btn-store.apple:hover{border-color:#fff;box-shadow:0 0 20px #ffffff40}.btn-store.google:hover{border-color:#00d6ff;box-shadow:0 0 20px #00d6ff59}.store-icon{width:28px;height:28px;flex-shrink:0}.btn-store.apple .store-icon{fill:#fff}.store-text{display:flex;flex-direction:column;text-align:left}.store-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--metro-text-secondary)}.store-title{font-family:var(--font-body);font-size:16px;font-weight:700;color:#fff}.rating-badge{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--metro-text-secondary);padding:8px 0}.stars{color:#ffb900;letter-spacing:2px}.rating-score{color:#fff;font-weight:700}.hero-canvas-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;max-width:520px;margin:0 auto;background:#080808;border:1px solid var(--metro-surface-border);display:flex;flex-direction:column;box-shadow:0 0 60px #000c}.canvas-header{height:36px;background:#111;border-bottom:1px solid var(--metro-surface-border);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--metro-text-secondary)}.canvas-status{display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;background:var(--metro-accent-lime)}#three-hero-canvas{width:100%;flex:1;display:block;cursor:grab}#three-hero-canvas:active{cursor:grabbing}.canvas-footer-hints{position:absolute;bottom:10px;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--metro-text-muted);text-transform:uppercase}.section-wrapper{padding:96px 0;border-bottom:1px solid var(--metro-surface-border)}.section-header{margin-bottom:var(--metro-gap-xl);display:flex;flex-direction:column;gap:8px}.section-tag{font-family:var(--font-mono);font-size:var(--font-label-caps);font-weight:700;letter-spacing:.18em;color:var(--metro-accent-blue);text-transform:uppercase}.section-title{font-family:var(--font-display);font-size:var(--font-headline-lg);font-weight:300;letter-spacing:-.02em;text-transform:uppercase;color:var(--metro-text-primary)}.section-subtitle{font-size:var(--font-body-md);color:var(--metro-text-secondary);max-width:640px;line-height:1.5}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--metro-surface-border);border:1px solid var(--metro-surface-border)}.feature-tile{background:var(--metro-surface);padding:36px 30px;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;position:relative;transition:background var(--metro-transition-fast);overflow:hidden}.feature-tile:hover{background:var(--metro-surface-hover)}.feature-tile:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--tile-accent, var(--metro-accent-blue));opacity:.8;transition:width var(--metro-transition-fast)}.feature-tile:hover:before{width:8px}.tile-top{display:flex;flex-direction:column;gap:16px}.tile-code{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--tile-accent, var(--metro-accent-blue))}.tile-headline{font-family:var(--font-display);font-size:24px;font-weight:400;letter-spacing:-.01em;color:var(--metro-text-primary);text-transform:uppercase;line-height:1.2}.tile-copy{font-size:14px;line-height:1.6;color:var(--metro-text-secondary)}.tile-bottom{margin-top:24px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--metro-text-muted)}.tile-metric{font-family:var(--font-mono);font-size:14px;font-weight:700;color:#fff}.tile-blue{--tile-accent: var(--metro-accent-blue)}.tile-orange{--tile-accent: var(--metro-accent-orange)}.tile-teal{--tile-accent: var(--metro-accent-teal)}.tile-lime{--tile-accent: var(--metro-accent-lime)}.tile-emerald{--tile-accent: var(--metro-accent-emerald)}.tile-magenta{--tile-accent: var(--metro-accent-magenta)}.preview-tabs{display:flex;gap:1px;background:var(--metro-surface-border);border:1px solid var(--metro-surface-border);margin-bottom:var(--metro-gap-lg);overflow-x:auto}.tab-btn{flex:1;padding:16px 20px;background:var(--metro-surface);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--metro-text-secondary);border-bottom:3px solid transparent;transition:all var(--metro-transition-fast);white-space:nowrap;text-align:center}.tab-btn:hover{background:var(--metro-surface-high);color:#fff}.tab-btn.active{background:var(--metro-surface-high);color:#fff;border-bottom-color:var(--metro-accent-blue)}.preview-display-frame{position:relative;background:#080808;border:1px solid var(--metro-surface-border);padding:48px;display:flex;justify-content:center;align-items:center;min-height:600px;overflow:hidden}.phone-mockup{width:320px;height:620px;background:#000;border:4px solid #282828;box-shadow:0 20px 60px #000000e6,0 0 40px #0084ff14;display:flex;flex-direction:column;position:relative;overflow:hidden}.phone-speaker{height:18px;background:#000;display:flex;align-items:center;justify-content:center}.speaker-line{width:44px;height:3px;background:#333}.phone-viewport{flex:1;position:relative;overflow:hidden;background:#000}.phone-slide{position:absolute;top:0;left:0;width:100%;height:100%;padding:16px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:translate(40px);pointer-events:none;transition:opacity .35s ease,transform .35s ease;overflow-y:auto}.phone-slide.active{opacity:1;transform:translate(0);pointer-events:auto}.phone-status-bar{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;font-weight:700;color:#fff;padding-bottom:4px}.phone-header-title{font-family:var(--font-display);font-size:28px;font-weight:300;letter-spacing:-.02em;text-transform:uppercase;color:#fff}.mini-tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mini-tile{background:#161616;border:1px solid #2B2B2B;padding:12px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform .2s ease,border-color .2s ease;cursor:pointer}.mini-tile:hover{border-color:#555}.mini-tile.wide{grid-column:span 2}.mini-tile.blue{border-left:3px solid var(--metro-accent-blue)}.mini-tile.lime{border-left:3px solid var(--metro-accent-lime)}.mini-tile.orange{border-left:3px solid var(--metro-accent-orange)}.mini-tile.teal{border-left:3px solid var(--metro-accent-teal)}.mini-tile.magenta{border-left:3px solid var(--metro-accent-magenta)}.mini-tile-title{font-family:var(--font-body);font-size:13px;font-weight:600;color:#fff}.mini-tile-sub{font-family:var(--font-mono);font-size:10px;color:var(--metro-text-secondary)}.mini-tile-metric{font-family:var(--font-mono);font-size:18px;font-weight:700;color:#fff}.matrix-grid-visual{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;background:#111;padding:10px;border:1px solid #222}.matrix-dot{aspect-ratio:1;background:#222}.matrix-dot.lvl-1{background:#fa68004d}.matrix-dot.lvl-2{background:#fa680099}.matrix-dot.lvl-3{background:#fa6800}.timer-hero-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px;background:#121212;border:1px solid #262626;gap:8px}.timer-large{font-family:var(--font-mono);font-size:42px;font-weight:700;color:var(--metro-accent-teal);letter-spacing:-.02em}.timer-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--metro-text-secondary)}.timer-action-btn{margin-top:10px;width:100%;padding:10px;background:var(--metro-accent-teal);color:#000;font-family:var(--font-mono);font-weight:700;font-size:12px;text-align:center;text-transform:uppercase}.theme-picker-list{display:flex;flex-direction:column;gap:8px}.theme-row{display:flex;align-items:center;justify-content:space-between;padding:12px;background:#121212;border:1px solid #222}.theme-color-block{width:24px;height:24px}.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--metro-surface-border);border:1px solid var(--metro-surface-border)}.review-card{background:var(--metro-surface);padding:36px 32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;transition:background var(--metro-transition-fast)}.review-card:hover{background:var(--metro-surface-hover)}.review-stars{color:#ffb900;font-size:14px;letter-spacing:2px}.review-quote{font-family:var(--font-body);font-size:16px;line-height:1.6;color:#e6e6e6;font-style:normal}.review-author{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:12px}.author-name{font-weight:700;color:#fff}.author-role{color:var(--metro-text-secondary);font-size:11px;letter-spacing:.08em}#download{position:relative;overflow:hidden}.download-card{position:relative;background:radial-gradient(120% 120% at 0% 0%,#161a26,#0d0e14 60%,#08080a);border:1px solid var(--metro-accent-blue);box-shadow:0 0 60px #0084ff33,inset 0 0 40px #0084ff0d;padding:56px 52px;display:grid;grid-template-columns:1fr 280px;gap:48px;align-items:center}.download-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--metro-accent-blue) 0%,var(--metro-accent-teal) 45%,var(--metro-accent-lime) 100%)}.download-left{display:flex;flex-direction:column;gap:16px}.download-badge-row{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}.download-live-dot{width:8px;height:8px;background:var(--metro-accent-lime);border-radius:50%;animation:metroPulse 1.8s infinite ease-in-out}.download-tag{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--metro-accent-blue)}.telemetry-pill{font-family:var(--font-mono);font-size:10px;color:var(--metro-accent-lime);background:#000;border:1px solid rgba(164,196,0,.4);padding:3px 8px;letter-spacing:.1em;font-weight:700}.download-title{font-family:var(--font-display);font-size:clamp(26px,4vw,44px);font-weight:300;letter-spacing:-.02em;text-transform:uppercase;color:#fff;line-height:1.15;margin:0}.download-highlight{color:var(--metro-accent-blue);font-weight:400;display:block}.download-sub{font-size:16px;color:#c0c6d6;line-height:1.6;max-width:620px;margin:0}.download-perks{display:flex;flex-wrap:wrap;gap:10px 24px;margin:4px 0}.perk-item{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12px;color:#e2e8f0;letter-spacing:.04em}.perk-icon{color:var(--metro-accent-lime);font-weight:700}.download-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.download-meta-row{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--metro-text-secondary);flex-wrap:wrap;margin-top:6px}.meta-stars{color:#ffc400;font-weight:700;letter-spacing:.05em}.meta-sep{color:var(--metro-text-muted)}.download-qr-card{background:#000;border:1px solid var(--metro-surface-border);display:flex;flex-direction:column;align-items:center;padding:18px 16px;gap:14px;transition:all var(--metro-transition-fast);box-shadow:0 12px 35px #000000d9;width:100%}.download-qr-card:hover{border-color:var(--metro-accent-blue);box-shadow:0 16px 40px #000000e6,0 0 30px #0084ff4d;transform:translateY(-3px)}.qr-tile-header{width:100%;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--metro-text-secondary);border-bottom:1px solid var(--metro-surface-border);padding-bottom:8px}.qr-status-dot{width:6px;height:6px;background:var(--metro-accent-lime);border-radius:50%;animation:metroPulse 1.8s infinite}.qr-platform-tabs{display:flex;gap:6px;width:100%}.qr-tab-btn{flex:1;background:#000;border:1px solid var(--metro-surface-border);color:var(--metro-text-secondary);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;padding:7px 4px;cursor:pointer;border-radius:0;transition:all var(--metro-transition-fast);text-align:center;white-space:nowrap;line-height:1.2}.qr-tab-btn:hover{border-color:#fff;color:#fff}.qr-tab-btn.active{background:var(--metro-accent-blue);border-color:var(--metro-accent-blue);color:#fff}.qr-frame{background:#fff;padding:10px;display:flex;align-items:center;justify-content:center;border:2px solid #FFFFFF;cursor:pointer;transition:transform var(--metro-transition-fast),box-shadow var(--metro-transition-fast)}.qr-frame:hover{transform:scale(1.03);box-shadow:0 0 20px #0084ff66}.qr-frame .qr-img{width:150px;height:150px;display:block}.qr-tile-footer{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.qr-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--metro-accent-blue)}.qr-desc{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;color:var(--metro-text-muted)}.qr-click-btn{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--metro-accent-lime);letter-spacing:.12em;text-decoration:none;margin-top:4px;transition:color var(--metro-transition-fast)}.qr-click-btn:hover{color:#fff;text-decoration:underline}.metro-footer{background:#000;border-top:1px solid var(--metro-surface-border);padding:64px 0 40px}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;padding-bottom:48px;border-bottom:1px solid #1A1A1A}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-desc{font-size:13px;color:var(--metro-text-secondary);max-width:320px;line-height:1.5}.footer-nav-groups{display:flex;gap:48px;flex-wrap:wrap}.footer-nav-col{display:flex;flex-direction:column;gap:12px}.footer-col-title{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--metro-accent-blue);text-transform:uppercase}.footer-nav-list{list-style:none;display:flex;flex-direction:column;gap:8px}.footer-nav-list a{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--metro-text-secondary);transition:color var(--metro-transition-fast)}.footer-nav-list a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:32px;font-family:var(--font-mono);font-size:11px;color:var(--metro-text-muted)}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;text-align:left}.hero-canvas-wrapper{max-width:100%}.features-grid{grid-template-columns:repeat(2,1fr)}.download-card{grid-template-columns:1fr;padding:40px 24px;gap:36px}.download-qr-card{max-width:300px;margin:0 auto;width:100%}}@media(max-width:768px){.hero-title{font-size:44px}.features-grid,.reviews-grid{grid-template-columns:1fr}.nav-links{display:none}.nav-mobile-toggle{display:block}.footer-top{flex-direction:column}.preview-display-frame{padding:24px 12px}}.nav-audio-btn{display:inline-flex;align-items:center;gap:6px;background:var(--metro-surface);border:1px solid var(--metro-surface-border);padding:8px 12px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--metro-text-secondary);transition:all var(--metro-transition-fast)}.nav-audio-btn:hover,.nav-audio-btn.active{color:#fff;border-color:var(--metro-accent-lime)}.nav-audio-btn.active{background:#a4c4001a;color:var(--metro-accent-lime)}.playground-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--metro-gap-xl);background:var(--metro-surface);border:1px solid var(--metro-surface-border);padding:48px;align-items:center}.playground-controls{display:flex;flex-direction:column;gap:24px}.control-group{display:flex;flex-direction:column;gap:8px}.control-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--metro-text-secondary);text-transform:uppercase}.metro-input{background:#000;border:1px solid var(--metro-surface-border);padding:12px 16px;font-family:var(--font-mono);font-size:14px;color:#fff;outline:none;transition:border-color var(--metro-transition-fast)}.metro-input:focus{border-color:var(--metro-accent-blue)}.color-chips-row{display:flex;gap:12px;flex-wrap:wrap}.pg-color-chip{width:36px;height:36px;cursor:pointer;border:2px solid transparent;transition:transform var(--metro-transition-fast),border-color var(--metro-transition-fast)}.pg-color-chip:hover{transform:scale(1.08)}.pg-color-chip.active{border-color:#fff}.size-toggle-row{display:flex;gap:8px}.pg-size-btn{flex:1;padding:10px 14px;background:#000;border:1px solid var(--metro-surface-border);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--metro-text-secondary);transition:all var(--metro-transition-fast)}.pg-size-btn.active{background:var(--metro-surface-high);color:#fff;border-color:#fff}.playground-preview-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;perspective:1000px}.pg-flip-wrapper{width:100%;max-width:280px;aspect-ratio:1 / 1;cursor:pointer;transition:max-width .35s ease,aspect-ratio .35s ease}.pg-flip-wrapper.wide{max-width:460px;aspect-ratio:2 / 1}.pg-tile{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);--pg-accent: var(--metro-accent-blue)}.pg-tile.wide{aspect-ratio:2 / 1}.pg-tile.flipped{transform:rotateY(180deg)}.pg-tile-front,.pg-tile-back{position:absolute;top:0;left:0;width:100%;height:100%;backface-visibility:hidden;background:#141414;border:1px solid #2B2B2B;border-left:8px solid var(--pg-accent);padding:24px;display:flex;flex-direction:column;justify-content:space-between}.pg-tile-back{transform:rotateY(180deg);background:#101010;border-left:8px solid var(--pg-accent)}.pg-tile-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--pg-accent);letter-spacing:.14em}.pg-tile-title{font-family:var(--font-display);font-size:26px;font-weight:300;color:#fff;line-height:1.15}.pg-tile-metric{font-family:var(--font-mono);font-size:32px;font-weight:700;color:#fff;letter-spacing:-.02em}.pg-tile-footer{font-family:var(--font-mono);font-size:11px;color:var(--metro-text-secondary)}.pg-instruction-hint{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--metro-text-muted)}.matrix-sim-wrapper{background:var(--metro-surface);border:1px solid var(--metro-surface-border);padding:48px;display:flex;flex-direction:column;gap:36px}.matrix-sim-controls{display:flex;flex-direction:column;gap:16px}.sim-slider-row{display:flex;align-items:center;gap:24px}.matrix-slider{flex:1;-webkit-appearance:none;height:8px;background:#222;outline:none}.matrix-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:var(--metro-accent-orange);cursor:pointer;border:none}.matrix-slider::-moz-range-thumb{width:24px;height:24px;background:var(--metro-accent-orange);cursor:pointer;border:none}.sim-slider-value{font-family:var(--font-mono);font-size:28px;font-weight:700;color:var(--metro-accent-orange);min-width:80px;text-align:right}.matrix-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--metro-surface-border);border:1px solid var(--metro-surface-border)}.matrix-stat-card{background:#0d0d0d;padding:20px 24px;display:flex;flex-direction:column;gap:6px}.matrix-stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--metro-text-secondary);text-transform:uppercase}.matrix-stat-num{font-family:var(--font-mono);font-size:20px;font-weight:700;color:#fff}.matrix-sim-visual{background:#080808;border:1px solid var(--metro-surface-border);padding:28px;display:flex;flex-direction:column;gap:12px}.sim-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.sim-dot{aspect-ratio:1;background:#1a1a1a;transition:background .15s ease,transform .1s ease}.sim-dot.lvl-1{background:#fa680059}.sim-dot.lvl-2{background:#fa6800b3}.sim-dot.lvl-3{background:#fa6800;box-shadow:0 0 8px #fa680066}.comparison-table-wrapper{overflow-x:auto;border:1px solid var(--metro-surface-border);background:var(--metro-surface)}.comparison-table{width:100%;border-collapse:collapse;text-align:left}.comparison-table th,.comparison-table td{padding:20px 24px;border-bottom:1px solid var(--metro-surface-border)}.comparison-table th{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:#0e0e0e;color:var(--metro-text-secondary)}.comparison-table th.highlight-col{color:var(--metro-accent-blue);background:#141414;border-left:2px solid var(--metro-accent-blue)}.comparison-table td{font-size:14px;color:#d1d5db}.comparison-table td.dim-val{color:#7e7e84}.comparison-table td.highlight-val{color:#fff;font-weight:600;background:#0084ff08;border-left:2px solid var(--metro-accent-blue)}.dim-cross{color:#ef4444;font-family:var(--font-mono);font-weight:700;margin-right:6px}.bright-check{color:var(--metro-accent-lime);font-family:var(--font-mono);font-weight:700;margin-right:6px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--metro-surface-border);border:1px solid var(--metro-surface-border)}.pricing-card{background:var(--metro-surface);padding:48px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:32px;position:relative}.pricing-card.pro{background:#141414}.pricing-card.pro:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--metro-accent-magenta)}.pricing-top{display:flex;flex-direction:column;gap:16px}.pricing-badge{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--metro-accent-lime);background:#a4c4001a;padding:4px 10px;width:fit-content}.pricing-badge.pro{color:var(--metro-accent-magenta);background:#d800731a}.pricing-title{font-family:var(--font-display);font-size:32px;font-weight:300;color:#fff}.pricing-price-row{display:flex;align-items:baseline;gap:8px}.pricing-price{font-family:var(--font-mono);font-size:48px;font-weight:700;color:#fff;letter-spacing:-.03em}.pricing-cadence{font-family:var(--font-mono);font-size:12px;color:var(--metro-text-secondary);letter-spacing:.1em}.pricing-list{list-style:none;display:flex;flex-direction:column;gap:14px}.pricing-item{display:flex;align-items:center;gap:12px;font-size:14px;color:#e2e8f0}.item-check{color:var(--metro-accent-lime);font-family:var(--font-mono);font-weight:700}.pricing-item.pro-check .item-check{color:var(--metro-accent-magenta)}.faq-list{display:flex;flex-direction:column;gap:1px;background:var(--metro-surface-border);border:1px solid var(--metro-surface-border)}.faq-item{background:var(--metro-surface);transition:background var(--metro-transition-fast)}.faq-trigger{width:100%;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;text-align:left;background:transparent;border:none;cursor:pointer;color:#fff}.faq-question{font-family:var(--font-mono);font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.faq-icon{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--metro-accent-blue);transition:transform var(--metro-transition-fast)}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--metro-accent-orange)}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 28px}.faq-item.active .faq-content{max-height:240px;padding:0 28px 24px}.faq-answer{font-family:var(--font-body);font-size:14px;line-height:1.7;color:#c0c6d6}@media(max-width:900px){.playground-wrapper,.matrix-stats-grid,.pricing-grid{grid-template-columns:1fr}}.marquee-controls-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:var(--metro-surface);border:1px solid var(--metro-surface-border);padding:14px 20px;margin-bottom:24px}.marquee-mode-switch{display:flex;gap:8px}.marquee-toggle-btn{background:#000;border:1px solid var(--metro-surface-border);color:var(--metro-text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;padding:8px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all var(--metro-transition-fast);border-radius:0}.marquee-toggle-btn:hover{border-color:#fff;color:#fff}.marquee-toggle-btn.active{background:var(--metro-accent-blue);border-color:var(--metro-accent-blue);color:#fff}.marquee-toggle-btn.active .btn-dot{background:#fff}.btn-dot{width:6px;height:6px;background:var(--metro-text-muted);display:inline-block;transition:background var(--metro-transition-fast)}.marquee-telemetry-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--metro-accent-lime);letter-spacing:.08em;font-weight:600}.marquee-live-dot{width:7px;height:7px;background:var(--metro-accent-lime);border-radius:50%;animation:metroPulse 1.8s infinite ease-in-out}@keyframes metroPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.marquee-action-btns{display:flex;gap:8px}.marquee-action-btn{background:transparent;border:1px solid var(--metro-surface-border);color:var(--metro-text-secondary);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;padding:8px 14px;cursor:pointer;border-radius:0;transition:all var(--metro-transition-fast)}.marquee-action-btn:hover{background:var(--metro-surface-high);color:#fff;border-color:var(--metro-text-secondary)}.marquee-viewport-wrap{position:relative;width:100%;overflow:hidden;background:#000;border:1px solid var(--metro-surface-border)}.marquee-fade-left,.marquee-fade-right{position:absolute;top:0;bottom:0;width:80px;pointer-events:none;z-index:10}.marquee-fade-left{left:0;background:linear-gradient(to right,#000,#0000)}.marquee-fade-right{right:0;background:linear-gradient(to left,#000,#0000)}.marquee-container{width:100%;overflow-x:hidden;overflow-y:hidden;-webkit-user-select:none;user-select:none;cursor:grab;padding:32px 0}.marquee-container:active{cursor:grabbing}.marquee-track{display:flex;gap:24px;width:max-content;animation:metroMarqueeScroll 48s linear infinite;will-change:transform}.marquee-container:hover .marquee-track,.marquee-container.is-paused .marquee-track{animation-play-state:paused}.marquee-container.is-reversed .marquee-track{animation:metroMarqueeScrollReverse 48s linear infinite}.marquee-container.is-reversed:hover .marquee-track,.marquee-container.is-paused.is-reversed .marquee-track{animation-play-state:paused}@keyframes metroMarqueeScroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes metroMarqueeScrollReverse{0%{transform:translate3d(-50%,0,0)}to{transform:translateZ(0)}}.marquee-card{flex:0 0 260px;width:260px;background:var(--metro-surface);border:1px solid var(--metro-surface-border);display:flex;flex-direction:column;cursor:pointer;outline:none;transition:transform var(--metro-transition-fast),border-color var(--metro-transition-fast),box-shadow var(--metro-transition-fast);position:relative}.marquee-card:hover,.marquee-card:focus-visible{border-color:var(--metro-accent-blue);transform:translateY(-4px);box-shadow:0 16px 40px #000000e6,0 0 20px #0084ff40}.card-header-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0d0d0d;border-bottom:1px solid var(--metro-surface-border);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em}.card-tag{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.card-cat{color:var(--metro-text-muted);font-size:9px;text-transform:uppercase}.card-image-wrap{position:relative;width:100%;aspect-ratio:1260 / 2736;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.marquee-card:hover .card-img{transform:scale(1.02)}.card-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--metro-transition-fast);pointer-events:none}.marquee-card:hover .card-hover-overlay,.marquee-card:focus-visible .card-hover-overlay{opacity:1}.overlay-action{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;background:var(--metro-accent-blue);color:#fff;padding:8px 14px;box-shadow:0 4px 16px #000c}.card-footer-bar{padding:14px 16px;background:var(--metro-surface);border-top:1px solid var(--metro-surface-border);display:flex;flex-direction:column;gap:6px}.card-title{font-family:var(--font-mono);font-size:13px;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase}.card-desc{font-family:var(--font-body);font-size:12px;line-height:1.5;color:var(--metro-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.marquee-hint-bar{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-family:var(--font-mono);font-size:11px;color:var(--metro-text-muted);letter-spacing:.1em;text-transform:uppercase;border-left:1px solid var(--metro-surface-border);border-right:1px solid var(--metro-surface-border);border-bottom:1px solid var(--metro-surface-border);background:var(--metro-surface);flex-wrap:wrap}.preview-sub-header{margin-top:48px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--metro-surface-border);padding-bottom:10px;flex-wrap:wrap;gap:8px}.sub-header-tag{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--metro-accent-blue);letter-spacing:.14em}.sub-header-note{font-family:var(--font-mono);font-size:10px;color:var(--metro-text-muted);letter-spacing:.1em}.metro-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;margin:0;padding:0;background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;display:none;align-items:center;justify-content:center;z-index:9999}.metro-lightbox[open]{display:flex}.metro-lightbox::backdrop{background:#000000eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lightbox-chrome{width:90vw;max-width:1100px;max-height:92vh;background:#0a0a0a;border:1px solid var(--metro-surface-border);display:flex;flex-direction:column;box-shadow:0 24px 80px #000000f2,0 0 40px #0084ff33;overflow:hidden}.lightbox-top-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#111;border-bottom:1px solid var(--metro-surface-border)}.lightbox-meta{display:flex;gap:16px;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em}.lightbox-tag{font-weight:700}.lightbox-counter{color:var(--metro-text-muted)}.lightbox-close-btn{background:transparent;border:1px solid var(--metro-surface-border);color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;padding:8px 16px;cursor:pointer;border-radius:0;transition:all var(--metro-transition-fast)}.lightbox-close-btn:hover{background:var(--metro-accent-orange);border-color:var(--metro-accent-orange);color:#000}.lightbox-content-grid{display:grid;grid-template-columns:1fr 340px;overflow:hidden;height:calc(92vh - 65px)}.lightbox-viewport{background:#000;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;border-right:1px solid var(--metro-surface-border)}.lightbox-img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 10px 40px #000c}.lightbox-sidebar{background:#121212;padding:32px 28px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.lightbox-title{font-family:var(--font-headline);font-size:26px;font-weight:300;color:#fff;line-height:1.2;letter-spacing:-.02em}.lightbox-divider{width:40px;height:3px;background:var(--metro-accent-blue)}.lightbox-desc{font-family:var(--font-body);font-size:14px;line-height:1.6;color:#c0c6d6}.lightbox-features{display:flex;flex-direction:column;gap:10px;margin-top:8px}.lightbox-feat-item{display:flex;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--metro-text-secondary)}.feat-bullet{color:var(--metro-accent-lime);font-weight:700}.lightbox-nav-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto;padding-top:24px}.metro-btn-sm{background:#000;border:1px solid var(--metro-surface-border);color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;padding:12px 14px;cursor:pointer;border-radius:0;transition:all var(--metro-transition-fast);text-align:center}.metro-btn-sm:hover{border-color:var(--metro-accent-blue);background:var(--metro-surface-high)}.metro-btn-primary{background:var(--metro-accent-blue);color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.12em;padding:14px 16px;border:none;cursor:pointer;border-radius:0;transition:background var(--metro-transition-fast)}.metro-btn-primary:hover{background:#006ed6}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee-container{overflow-x:auto;scroll-snap-type:x mandatory}.marquee-card{scroll-snap-align:center}}@media(max-width:900px){.lightbox-content-grid{grid-template-columns:1fr;grid-template-rows:1fr auto;height:auto;max-height:calc(90vh - 65px);overflow-y:auto}.lightbox-viewport{border-right:none;border-bottom:1px solid var(--metro-surface-border);max-height:45vh}.lightbox-sidebar{padding:20px}.marquee-card{flex:0 0 210px;width:210px}}@media(max-width:600px){.marquee-controls-header{flex-direction:column;align-items:stretch}.marquee-mode-switch,.marquee-action-btns{justify-content:stretch}.marquee-toggle-btn,.marquee-action-btn{flex:1;justify-content:center;text-align:center}.marquee-telemetry-badge{justify-content:center}}