:root{--bg-deep:#f5f7fa;--bg-surface:#edf1f5;--bg-elevated:#fff;--bg-glass:#ffffffd1;--bg-glass-card:#ffffffeb;--bg-dark-console:#0c1017;--border-subtle:#0f172a12;--border-glass:#00000014;--border-glass-bright:#fffffff2;--border-glass-specular:#fff;--accent-emerald:#059669;--accent-emerald-light:#10b981;--accent-emerald-glow:#0596691f;--accent-cyan:#0284c7;--accent-cyan-light:#0ea5e9;--accent-cyan-glow:#0284c71f;--accent-indigo:#4f46e5;--accent-indigo-glow:#4f46e51f;--accent-amber:#d97706;--accent-amber-glow:#d977061f;--accent-rose:#e11d48;--accent-rose-glow:#e11d481f;--text-primary:#090d16;--text-secondary:#475569;--text-muted:#64748b;--text-emerald:#059669;--text-cyan:#0284c7;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:clamp(2.2rem, 5vw, 3.6rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:80px;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", "Fira Code", monospace;--shadow-apple:0 16px 40px -12px #0f172a12, 0 2px 6px -1px #0f172a08, inset 0 1px 1px 0 #fffffff2;--shadow-float:0 24px 50px -15px #0f172a1f, inset 0 1px 2px 0 #fff;--shadow-subtle:0 4px 16px -2px #0f172a0a}.data-micro-label{font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700}.card-hover{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 12px 30px -6px #0f172a14,inset 0 1px 1px #fff}.spec-table-row{font-size:var(--text-sm);border-bottom:1px solid #0000000f;grid-template-columns:1.4fr 2fr 2fr;align-items:center;padding:14px 20px;transition:background .15s;display:grid}.spec-table-row:nth-child(2n){background:#f8fafca6}.spec-table-row:hover{background:#0284c708}@media (width<=768px){.spec-table-row{grid-template-columns:1fr;gap:8px;padding:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-deep);min-height:100vh;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#0f172a29;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f172a47}::selection{color:#090d16;background:#0284c72e}.font-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1, "zero" 1}.reveal-init{opacity:0;filter:blur(4px);will-change:transform, opacity, filter;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);transform:translateY(28px)scale(.985)}.reveal-init.revealed{opacity:1;filter:blur();transform:translateY(0)scale(1)}.slide-in-left{opacity:0;filter:blur(4px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);transform:translate(-24px)}.slide-in-left.revealed{opacity:1;filter:blur();transform:translate(0)}.slide-in-right{opacity:0;filter:blur(4px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);transform:translate(24px)}.slide-in-right.revealed{opacity:1;filter:blur();transform:translate(0)}.delay-1{transition-delay:80ms}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}@media (prefers-reduced-motion:reduce){.reveal-init{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}}.vision-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(28px)saturate(190%);border:1px solid var(--border-glass);border-top-color:var(--border-glass-bright);box-shadow:var(--shadow-apple);border-radius:28px;transition:all .35s cubic-bezier(.16,1,.3,1)}.vision-glass:hover{border-color:#0000001f;border-top-color:var(--border-glass-specular);box-shadow:var(--shadow-float)}.vision-pill{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffffe0;border:1px solid #00000014;border-top-color:#fff;border-radius:9999px;box-shadow:0 8px 24px -4px #0f172a0f,inset 0 1px #fff}.refractive-btn{min-height:44px;font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.refractive-btn:active{transform:scale(.98)}.refractive-btn-primary{color:#fff;background:#090d16;border:1px solid #ffffff26;box-shadow:0 8px 24px -5px #090d164d,inset 0 1px 1px #fff3}.refractive-btn-primary:hover{color:#fff;background:#172033;transform:translateY(-2px);box-shadow:0 12px 28px -5px #090d1666,inset 0 1px 1px #ffffff4d}.refractive-btn-secondary{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-primary);background:#ffffffeb;border:1px solid #00000017;border-top-color:#fff;box-shadow:0 4px 14px -3px #0f172a0d,inset 0 1px 1px #fff}.refractive-btn-secondary:hover{background:#fff;border-color:#00000026;transform:translateY(-2px);box-shadow:0 8px 22px -3px #0f172a14}.segment-tab-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ebf0f5f2;border:1px solid #00000014;border-radius:9999px;max-width:100%;padding:4px;display:inline-flex}.segment-tab{min-height:40px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:9999px;align-items:center;gap:8px;padding:9px 18px;font-size:.84rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.segment-tab:hover{color:var(--text-primary)}.segment-tab.active{color:#090d16;background:#fff;box-shadow:0 3px 12px #0f172a14,inset 0 1px #fff}.tab-pane-enter{animation:.28s cubic-bezier(.16,1,.3,1) forwards tabPaneFadeIn}@keyframes tabPaneFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.index-selector-grid{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;display:grid}.index-selector-btn{cursor:pointer;text-align:left;justifyContent:space-between;background:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;padding:12px 14px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0f172a08}.index-selector-btn:hover{border-color:#0596694d;transform:translateY(-1px)}.index-selector-btn.active{border:1.5px solid var(--accent-emerald);background:#0596690f;box-shadow:0 4px 14px #0596691f}.pulsing-dot{background:var(--accent-emerald);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.pulsing-dot:after{content:"";border:1.5px solid var(--accent-emerald);border-radius:50%;animation:2s ease-out infinite pulseRipple;position:absolute;inset:-3px}@keyframes pulseRipple{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (width<=960px){.index-selector-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.container{padding:0 16px}.vision-glass{border-radius:20px}.segment-tab-bar{width:100%;display:flex}.segment-tab{white-space:normal;text-align:center;flex:1;justify-content:center;padding:9px 12px;font-size:.78rem}.refractive-btn{width:100%;padding:14px 20px}}@media (width<=540px){.index-selector-grid{grid-template-columns:repeat(2,1fr)}}