:root,[data-theme=dark]{--bg-page: #000000;--bg-surface: #0a0a0a;--bg-elevated: #111111;--bg-card: #111111;--bg-input: #141414;--bg-tab: #161616;--bg-tab-active: #202020;--border-subtle: #1c1c1c;--border-medium: #2e2e2e;--border-strong: #444444;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-inverse: #000000;--accent: #ffffff;--accent-green: #22c55e;--accent-red: #ef4444;--accent-yellow: #f59e0b;--btn-primary-bg: #f4f4f5;--btn-primary-text: #09090b;--btn-primary-hover: #e4e4e7;--btn-secondary-bg: #141414;--btn-secondary-text: #f4f4f5;--btn-secondary-hover: #222222;--selection-bg: #3f3f46;--selection-text: #ffffff;--logo-top-face: #ffffff;--logo-top-sidel: #f4f4f5;--logo-top-sider: #e4e4e7;--logo-mid-face: #a1a1aa;--logo-mid-sidel: #94949e;--logo-mid-sider: #848490;--logo-bot-face: #52525b;--logo-bot-sidel: #474750;--logo-bot-sider: #3f3f46;--logo-notch: transparent;--font-sans: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Consolas, monospace;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-page: #ffffff;--bg-surface: #fafafa;--bg-elevated: #ffffff;--bg-card: #f4f4f5;--bg-input: #f4f4f5;--bg-tab: #f4f4f5;--bg-tab-active: #ffffff;--border-subtle: #e4e4e7;--border-medium: #d4d4d8;--border-strong: #a1a1aa;--text-primary: #09090b;--text-secondary: #52525b;--text-tertiary: #71717a;--text-inverse: #ffffff;--accent: #000000;--btn-primary-bg: #09090b;--btn-primary-text: #ffffff;--btn-primary-hover: #27272a;--btn-secondary-bg: #f4f4f5;--btn-secondary-text: #09090b;--btn-secondary-hover: #e4e4e7;--selection-bg: #e4e4e7;--selection-text: #000000;--logo-top-face: #18181b;--logo-top-sidel: #222226;--logo-top-sider: #27272a;--logo-mid-face: #52525b;--logo-mid-sidel: #5f5f69;--logo-mid-sider: #71717a;--logo-bot-face: #a1a1aa;--logo-bot-sidel: #b8b8bf;--logo-bot-sider: #d4d4d8;--logo-notch: transparent}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-feature-settings:"cv02","cv03","cv04","cv11";background-color:var(--bg-page)}body{background-color:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background-color:var(--selection-bg);color:var(--selection-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bg-shader{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.container{max-width:980px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:1000;height:58px;display:flex;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#00000040;border-bottom:none;transition:background .3s ease}[data-theme=light] .site-header{background:#ffffff47;border-bottom:none}.header-container{width:100%;max-width:980px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);transition:opacity .15s ease}.brand-link:hover{opacity:.9}.brand-icon-svg{width:22px;height:22px;display:block}.brand-title{font-size:15px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.brand-tag{font-size:10px;font-family:var(--font-mono);color:var(--text-tertiary);background:var(--bg-input);padding:1px 5px;border-radius:3px;border:1px solid var(--border-subtle)}.nav-links{display:flex;align-items:center;gap:26px}.nav-anchor{color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;padding:4px 0;transition:color .15s var(--ease-out)}.nav-anchor:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-segmented-ctrl{display:inline-flex;align-items:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:2px;gap:2px}[data-theme=light] .theme-segmented-ctrl{background:var(--bg-card)}.theme-btn{background:transparent;border:none;color:var(--text-tertiary);width:26px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s var(--ease-out)}.theme-btn:hover{color:var(--text-primary)}.theme-btn.active{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-medium);box-shadow:0 1px 3px #0003}[data-theme=light] .theme-btn.active{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #00000014}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-sans);font-size:13px;font-weight:500;padding:7px 14px;border-radius:6px;text-decoration:none;cursor:pointer;transition:all .15s var(--ease-out);border:1px solid transparent;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.btn-primary:hover{background:var(--btn-primary-hover)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--border-subtle)}.btn-secondary:hover{background:var(--btn-secondary-hover);border-color:var(--border-medium)}.btn-icon{padding:7px;width:32px;height:32px}.btn-cta{padding:10px 20px;font-size:14px}.hero-section{padding:56px 0 64px;position:relative}.hero-split-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}@media(max-width:960px){.hero-split-grid{grid-template-columns:1fr;gap:40px;text-align:center}}.hero-copy-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left}@media(max-width:960px){.hero-copy-col{align-items:center;text-align:center}}.hero-badge-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:20px}.pulse-dot-green{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.hero-headline{font-size:clamp(34px,4.2vw,52px);font-weight:700;line-height:1.1;letter-spacing:-.035em;color:var(--text-primary);margin-bottom:18px}.headline-gradient{background:linear-gradient(135deg,var(--text-primary) 30%,var(--text-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:16px;color:var(--text-secondary);line-height:1.6;max-width:52ch;margin-bottom:28px}.hero-cta-group{display:flex;align-items:center;gap:12px;margin-bottom:32px}.hero-metrics-pill-row{display:inline-flex;align-items:center;gap:16px;padding:8px 18px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metric-pill-item{display:flex;flex-direction:column;gap:2px}.metric-bold{font-size:14px;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.metric-sub{font-size:11px;color:var(--text-tertiary);font-weight:500}.metric-pill-divider{width:1px;height:24px;background:var(--border-subtle)}.hero-logo-stage-wrap{position:relative;width:100%;max-width:420px;display:flex;align-items:center;justify-content:center;margin:0 auto}.hero-logo-glow{display:none}.icon-engine-stage{height:340px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;overflow:visible;-webkit-user-select:none;user-select:none}.icon-engine-svg{width:100%;height:100%;max-width:340px;overflow:visible;transition:transform .4s var(--ease-spring)}.icon-engine-stage:hover .icon-engine-svg{transform:translateY(-6px) scale(1.03)}.slab-layer{transition:transform .5s var(--ease-spring)}[data-theme=light] .slab-layer{filter:drop-shadow(0 6px 10px rgba(30,30,40,.16))}.slab-layer.slab-bot{transform:translateY(-18px)}.slab-layer.slab-mid{transform:translateY(0)}.slab-layer.slab-top{transform:translateY(18px)}.slab-growing-body{opacity:0;transform:scale(.78);transform-origin:160px 192.5px;transition:opacity .35s ease,transform .5s cubic-bezier(.34,1.25,.64,1);will-change:transform}.slab-mid .slab-growing-body{transform-origin:160px 142.5px}.slab-top .slab-growing-body{transform-origin:160px 92.5px}.slab-growing-body.grow-0{opacity:1;transform:scale(.78)}.slab-growing-body.grow-1{opacity:1;transform:scale(.85)}.slab-growing-body.grow-2{opacity:1;transform:scale(.92)}.slab-growing-body.grow-3{opacity:1;transform:scale(1)}.slab-face,.slab-sidel,.slab-sider{transition:fill .8s cubic-bezier(.23,1,.32,1)}.incoming-tabs-group{pointer-events:none}.incoming-tab-card{opacity:0;transform:translateY(-140px) scale(.78);transform-origin:160px 192.5px;transition:transform .55s cubic-bezier(.16,1,.3,1),opacity .25s ease;will-change:transform,opacity}.slab-mid .incoming-tab-card{transform-origin:160px 142.5px}.slab-top .incoming-tab-card{transform-origin:160px 92.5px}.incoming-tab-card.dropping{opacity:1;transform:translateY(0) scale(.78)}.incoming-tab-card.absorbed{opacity:0;transform:translateY(2px) scale(.84);transition:transform .25s ease-out,opacity .22s ease-out}.incoming-tab-card .tab-top{transition:fill .3s ease}.card-icon{transition:opacity .3s ease}.slab-brand-icon{transition:opacity .45s cubic-bezier(.23,1,.32,1)}.slab-layer.unified .slab-brand-icon{opacity:0!important;pointer-events:none}.slab-bot .slab-face{fill:#ef4444}.slab-bot .slab-sidel{fill:#ea3838}.slab-bot .slab-sider{fill:#dc2626}.slab-mid .slab-face{fill:#e11d48}.slab-mid .slab-sidel{fill:#d41840}.slab-mid .slab-sider{fill:#be123c}.slab-top .slab-face{fill:#10b981}.slab-top .slab-sidel{fill:#0d9668}.slab-top .slab-sider{fill:#059669}.slab-layer.unified.slab-bot .slab-face{fill:var(--logo-bot-face)}.slab-layer.unified.slab-bot .slab-sidel{fill:var(--logo-bot-sidel)}.slab-layer.unified.slab-bot .slab-sider{fill:var(--logo-bot-sider)}.slab-layer.unified.slab-mid .slab-face{fill:var(--logo-mid-face)}.slab-layer.unified.slab-mid .slab-sidel{fill:var(--logo-mid-sidel)}.slab-layer.unified.slab-mid .slab-sider{fill:var(--logo-mid-sider)}.slab-layer.unified.slab-top .slab-face{fill:var(--logo-top-face)}.slab-layer.unified.slab-top .slab-sidel{fill:var(--logo-top-sidel)}.slab-layer.unified.slab-top .slab-sider{fill:var(--logo-top-sider)}.slab-brand-tag{transition:opacity .4s ease}.slab-layer.unified .slab-brand-tag{opacity:0}.step-pill-btn.active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}.showcase-section{padding:16px 0 80px}.showcase-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.showcase-tab{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s var(--ease-out);text-align:left}.showcase-tab:hover{border-color:var(--border-medium)}.showcase-tab.active{background:var(--bg-elevated);border-color:var(--border-strong)}.tab-index{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);width:18px;height:18px;border-radius:50%;background:var(--bg-input);display:flex;align-items:center;justify-content:center}.showcase-tab.active .tab-index{background:var(--accent);color:var(--text-inverse);font-weight:600}.tab-title{font-size:12px;font-weight:500;color:var(--text-secondary)}.showcase-tab.active .tab-title{color:var(--text-primary);font-weight:600}.showcase-simulator-window{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;box-shadow:0 40px 100px -20px #000c,0 0 0 1px #ffffff0a}[data-theme=light] .showcase-simulator-window{box-shadow:0 24px 60px -24px #0f0f1429,0 0 0 1px #0f0f140d}.hidden{display:none!important}.chrome-window-topbar{background:#080808;border-bottom:1px solid var(--border-subtle);padding:0 12px;height:40px;display:flex;align-items:center;gap:8px;position:relative;-webkit-user-select:none;user-select:none}[data-theme=light] .chrome-window-topbar{background:#e5e7eb}.chrome-traffic-lights{display:flex;align-items:center;gap:6px;padding:0;margin:0;flex-shrink:0}.chrome-traffic-lights .light{width:10px;height:10px;border-radius:50%}.chrome-traffic-lights .red{background:#ff5f56}.chrome-traffic-lights .yellow{background:#ffbd2e}.chrome-traffic-lights .green{background:#27c93f}.chrome-top-meta-badge{display:inline-flex;align-items:center;gap:5px;padding:0 8px;height:24px;background:#141414;border:1px solid var(--border-subtle);border-radius:6px;font-size:10px;font-weight:600;color:var(--text-secondary);margin:0;flex-shrink:0;letter-spacing:.01em;transition:all .2s ease}[data-theme=light] .chrome-top-meta-badge{background:#dcdfe4;color:#374151;border-color:#cbd5e1}.top-meta-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-green, #22c55e);box-shadow:0 0 6px var(--accent-green, #22c55e)}.top-meta-dup-tag{font-size:9px;font-weight:700;color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.3);padding:0 4px;border-radius:3px;line-height:1.2}.top-meta-dup-tag.hidden{display:none!important}.tab-strip-scroll-btn{background:#141414;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;font-weight:700;width:20px;height:24px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:0;padding:0;flex-shrink:0;transition:all .15s ease;line-height:1}.tab-strip-scroll-btn:hover{background:#222;color:var(--text-primary);border-color:var(--border-medium)}[data-theme=light] .tab-strip-scroll-btn{background:#dcdfe4;border-color:#cbd5e1;color:#4b5563}[data-theme=light] .tab-strip-scroll-btn:hover{background:#cbd5e1;color:#111827}.chrome-tab-strip{flex:1;position:relative;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;display:flex;align-items:center;scroll-behavior:smooth}.chrome-tab-strip::-webkit-scrollbar{display:none}.tab-strip-state{display:inline-flex;align-items:center;gap:3px;height:100%;transition:opacity .2s var(--ease-out);flex-shrink:0}.tab-strip-state.hidden{display:none!important}.chrome-tab{display:inline-flex;align-items:center;gap:6px;background:#141414;color:var(--text-secondary);font-size:11px;padding:0 10px;border-radius:6px;border:1px solid var(--border-subtle);white-space:nowrap;min-width:90px;max-width:140px;height:26px;margin:0;transition:background-color .15s ease,color .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;cursor:pointer;flex-shrink:0}.chrome-tab.hidden{display:none!important}[data-theme=light] .chrome-tab{background:#dcdfe4;color:#4b5563;border-color:#cbd5e1}.chrome-tab:hover{background:#1e1e1e;color:var(--text-primary);border-color:var(--border-medium)}[data-theme=light] .chrome-tab:hover{background:#edf0f5;color:#111827;border-color:#94a3b8}.chrome-tab.active{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-medium);box-shadow:0 1px 3px #0000004d;font-weight:600;z-index:2}[data-theme=light] .chrome-tab.active{background:#fff;color:#000;border-color:#cbd5e1}.tab-favicon{width:13px;height:13px;flex-shrink:0;border-radius:2px}.tab-title-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2}.close-btn{font-size:13px;line-height:1;color:var(--text-tertiary);opacity:.4;width:14px;height:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-left:4px;flex-shrink:0;transition:all .15s ease}.chrome-tab:hover .close-btn{opacity:.75}.close-btn:hover{background:#ffffff26;color:var(--text-primary);opacity:1}.chrome-group{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 4px;border-radius:8px;border:1px solid transparent;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.chrome-group:not(.collapsed){border-color:var(--group-border, rgba(255, 255, 255, .18));background:var(--group-bg, rgba(255, 255, 255, .05))}.chrome-group.group-red{--group-color: #dc2626;--group-border: rgba(220, 38, 38, .5);--group-bg: rgba(220, 38, 38, .08)}.chrome-group.group-cyan,.chrome-group.group-green{--group-color: #10b981;--group-border: rgba(16, 185, 129, .5);--group-bg: rgba(16, 185, 129, .08)}.chrome-group.group-purple{--group-color: #8b5cf6;--group-border: rgba(139, 92, 246, .5);--group-bg: rgba(139, 92, 246, .08)}.chrome-group.group-blue{--group-color: #2563eb;--group-border: rgba(37, 99, 235, .5);--group-bg: rgba(37, 99, 235, .08)}.chrome-group.group-orange{--group-color: #f59e0b;--group-border: rgba(245, 158, 11, .5);--group-bg: rgba(245, 158, 11, .08)}[data-theme=light] .chrome-group.group-red{--group-border: rgba(220, 38, 38, .4);--group-bg: rgba(220, 38, 38, .07)}[data-theme=light] .chrome-group.group-cyan,[data-theme=light] .chrome-group.group-green{--group-border: rgba(16, 185, 129, .4);--group-bg: rgba(16, 185, 129, .07)}.chrome-group-pill{display:inline-flex;align-items:center;gap:5px;padding:0 8px;border-radius:6px;font-size:11px;font-weight:600;color:#fff;height:22px;margin:0;cursor:pointer;background:var(--group-color, #dc2626);box-shadow:0 1px 3px #00000040;transition:transform .15s ease,opacity .15s ease;flex-shrink:0}.chrome-group-pill:hover{transform:translateY(-1px)}.group-purple .chrome-group-pill{background:#7c3aed}.group-red .chrome-group-pill{background:#dc2626}.group-cyan .chrome-group-pill{background:#0891b2;color:#fff}.group-blue .chrome-group-pill{background:#2563eb}.group-orange .chrome-group-pill{background:#f59e0b}.group-dot{width:5px;height:5px;border-radius:50%;background:#fff}.group-label{letter-spacing:-.1px}.group-count{font-size:9px;font-family:var(--font-mono);background:#00000040;padding:1px 4px;border-radius:3px}.sleep-pill{font-size:8px;font-weight:700;font-family:var(--font-mono);background:#00000059;color:#fff;padding:1px 4px;border-radius:3px;letter-spacing:.5px;margin-left:2px}.chrome-group-tabs{display:inline-flex;align-items:center;gap:3px;height:100%}.chrome-group-tabs.hidden{display:none!important}.chrome-window-controls{display:flex;align-items:center;padding:0;margin:0;flex-shrink:0}.new-tab-btn{color:var(--text-tertiary);font-size:15px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;transition:all .15s ease;margin:0}.new-tab-btn:hover{background:#1c1c1c;color:var(--text-primary)}.chrome-navbar{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:6px 14px;display:flex;align-items:center;gap:12px}.nav-btn-group{display:flex;gap:4px}.nav-circle-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:13px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chrome-omnibox{flex:1;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:16px;padding:4px 12px;display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.chrome-extension-slot{display:flex;align-items:center}.extension-icon-btn{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.extension-icon-btn.active{border-color:var(--accent);background:var(--border-medium)}.chrome-viewport-stage{position:relative;background:#020202;min-height:480px;padding:32px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}[data-theme=light] .chrome-viewport-stage{background:#f4f4f5}.webpage-context{flex:1;max-width:520px;min-height:420px;display:flex;flex-direction:column;gap:16px}.webpage-mockup-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 10px 30px #0000004d;animation:fadeInMockup .25s cubic-bezier(.16,1,.3,1)}[data-theme=light] .webpage-mockup-wrap{box-shadow:0 8px 20px -8px #0f0f141f}@keyframes fadeInMockup{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.yt-player-box{width:100%;aspect-ratio:16 / 9;border-radius:8px;background:#000;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.yt-thumbnail-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:1}.yt-player-box:hover .yt-thumbnail-img{transform:scale(1.03)}.yt-player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000040,#0000001a 40%,#000000a6);z-index:2;pointer-events:none}.yt-badge-corner{position:absolute;top:10px;left:12px;display:inline-flex;align-items:center;gap:5px;background:#000000b3;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;color:#fff;letter-spacing:.5px;z-index:2}.yt-live-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:pulseDot 1.4s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.yt-center-play-btn{width:52px;height:52px;border-radius:50%;background:#ef4444e6;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 4px 20px #ef444480;transition:transform .2s ease,background .2s ease}.yt-center-play-btn:hover{transform:scale(1.08);background:#ef4444}.yt-player-controls-bar{position:absolute;bottom:0;left:0;right:0;padding:10px 14px 8px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;flex-direction:column;gap:6px;z-index:2}.yt-progress-line{width:100%;height:3px;background:#ffffff40;border-radius:2px;overflow:hidden}.yt-progress-filled{height:100%;background:#ef4444;border-radius:2px;width:48%}.yt-control-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#fff;font-family:var(--font-mono)}.yt-video-info-block{display:flex;flex-direction:column;gap:10px}.yt-video-title{font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.35}.yt-channel-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px}.yt-channel-meta{display:flex;align-items:center;gap:10px}.yt-channel-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff}.yt-channel-text{display:flex;flex-direction:column}.yt-channel-name{font-size:13px;font-weight:600;color:var(--text-primary)}.yt-channel-subs{font-size:11px;color:var(--text-tertiary)}.yt-sub-btn{background:#fff;color:#000;border:none;font-size:11px;font-weight:600;padding:5px 12px;border-radius:16px;cursor:pointer;transition:opacity .15s ease}.yt-sub-btn:hover{opacity:.9}[data-theme=light] .yt-sub-btn{background:#000;color:#fff}.yt-actions-pill-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.yt-action-pill{display:inline-flex;align-items:center;gap:5px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:16px;padding:4px 10px;font-size:11px;color:var(--text-secondary)}.pin-board-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--border-subtle)}.pin-board-meta-col{display:flex;flex-direction:column;gap:2px}.pin-board-title{font-size:15px;font-weight:700;color:var(--text-primary)}.pin-board-meta{font-size:11px;color:var(--text-tertiary)}.pin-save-all-btn{background:#e60023;color:#fff;border:none;font-size:11px;font-weight:600;padding:6px 14px;border-radius:16px;cursor:pointer;transition:opacity .15s ease}.pin-save-all-btn:hover{opacity:.9}.pin-masonry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pin-card-item{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s ease,border-color .15s ease}.pin-card-item:hover{transform:translateY(-2px);border-color:var(--border-medium)}.pin-thumb-box{height:84px;position:relative;overflow:hidden;padding:6px;display:flex;justify-content:flex-end;align-items:flex-start;background:#18181b}.pin-thumb-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:1}.pin-card-item:hover .pin-thumb-img{transform:scale(1.06)}.pin-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 50%,rgba(0,0,0,.35) 100%);z-index:2;pointer-events:none}.pin-save-badge{position:relative;z-index:3;background:#e60023;color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;box-shadow:0 2px 6px #0006;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.pin-save-badge:hover{transform:scale(1.05);background:#dc2626}.pin-card-info{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.pin-card-name{font-size:11px;font-weight:500;color:var(--text-primary);line-height:1.3}.pin-card-saves{font-size:10px;color:var(--text-tertiary)}.spot-player-hero{display:flex;gap:14px;align-items:flex-end;padding:14px;border-radius:8px;background:linear-gradient(180deg,#10b98133,#0a0a0acc);border:1px solid var(--border-subtle)}.spot-cover-art{width:72px;height:72px;border-radius:6px;background:linear-gradient(135deg,#10b981,#047857);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 6px 16px #0006}.spot-playlist-info{display:flex;flex-direction:column;gap:2px}.spot-tag{font-size:9px;font-weight:700;letter-spacing:.05em;color:var(--text-secondary)}.spot-playlist-title{font-size:16px;font-weight:700;color:#fff;line-height:1.2}.spot-playlist-meta{font-size:11px;color:var(--text-secondary)}.spot-action-row{display:flex;align-items:center;gap:12px;padding:4px 0}.spot-play-circle-btn{width:38px;height:38px;border-radius:50%;background:#10b981;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #10b98166;transition:transform .15s ease}.spot-play-circle-btn:hover{transform:scale(1.08)}.spot-tracklist-table{display:flex;flex-direction:column;gap:2px}.spot-track-row{display:flex;align-items:center;justify-content:space-between;padding:5px 8px;border-radius:6px;font-size:11px;color:var(--text-secondary);transition:background-color .15s ease;cursor:pointer}.spot-track-row:hover,.spot-track-row.active{background:#ffffff0f;color:var(--text-primary)}.spot-track-left{display:flex;align-items:center;gap:8px;min-width:0}.spot-track-num{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);width:14px}.spot-track-title-block{display:flex;flex-direction:column;min-width:0}.spot-track-title{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-track-artist{font-size:10px;color:var(--text-tertiary)}.spot-track-duration{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary)}.system-stats-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:14px 18px;display:flex;flex-direction:column;gap:10px}.stat-col{display:flex;justify-content:space-between;align-items:center}.stat-lbl{font-size:12px;color:var(--text-tertiary)}.stat-val{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.popup-flyout-container{width:380px;background:#000;border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 20px 40px #000c,0 0 0 1px #ffffff0d;overflow:hidden;font-size:13px;z-index:10}[data-theme=light] .popup-flyout-container{background:#fff;box-shadow:0 16px 32px -16px #0f0f1429,0 0 0 1px #0f0f140d}.pop-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border-subtle);background:#0a0a0a}[data-theme=light] .pop-header{background:#fafafa}.pop-brand{display:flex;align-items:center;gap:8px}.pop-logo{display:flex;align-items:center}.pop-title-wrap{display:flex;align-items:center;gap:6px}.pop-name{font-weight:600;font-size:13px;color:var(--text-primary)}.pop-version{font-family:var(--font-mono);font-size:10px;color:var(--text-tertiary);background:#141414;padding:1px 4px;border-radius:3px;border:1px solid var(--border-subtle)}[data-theme=light] .pop-version{background:#f4f4f5;color:#71717a;border-color:#e4e4e7}.pop-actions{display:flex;align-items:center;gap:6px}.pop-theme-btn,.pop-icon-btn{background:#141414;border:1px solid var(--border-subtle);color:var(--text-secondary);width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}[data-theme=light] .pop-theme-btn,[data-theme=light] .pop-icon-btn{background:#f4f4f5;border-color:#e4e4e7;color:#52525b}[data-theme=light] .pop-theme-btn:hover,[data-theme=light] .pop-icon-btn:hover{background:#e4e4e7;color:#18181b}.pop-metrics-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:10px 14px}.pop-metric-chip{background:#0e0e0e;border:1px solid var(--border-subtle);border-radius:6px;padding:6px 8px;text-align:center}[data-theme=light] .pop-metric-chip{background:#f4f4f5}.chip-val{display:block;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary)}.chip-label{font-size:10px;color:var(--text-tertiary)}.pop-toggles-card{display:flex;align-items:center;justify-content:space-between;margin:6px 14px 10px;padding:9px 12px;background:#0a0a0a;border:1px solid var(--border-subtle);border-radius:8px}[data-theme=light] .pop-toggles-card{background:#f4f4f5}.pop-toggle-row{display:flex;align-items:center;gap:6px;cursor:pointer}.pop-toggle-title{font-size:11px;font-weight:500;color:var(--text-secondary)}.pop-toggle-row:hover .pop-toggle-title{color:var(--text-primary)}.pop-toggle-divider{width:1px;height:16px;background:var(--border-subtle)}.pop-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:16px;background:#262626;border:1px solid var(--border-subtle);border-radius:20px;position:relative;outline:none;cursor:pointer;transition:all .2s ease}.pop-switch:after{content:"";position:absolute;top:1px;left:1px;width:12px;height:12px;background:#888;border-radius:50%;transition:transform .2s ease,background-color .2s ease}.pop-switch:checked{background:#fff;border-color:#fff}[data-theme=light] .pop-switch:checked{background:#000;border-color:#000}.pop-switch:checked:after{transform:translate(12px);background:#000}[data-theme=light] .pop-switch:checked:after{background:#fff}.pop-tab-nav{display:flex;padding:4px 14px 0;gap:18px;border-bottom:1px solid var(--border-subtle);background:#000}[data-theme=light] .pop-tab-nav{background:#fff}.pop-nav-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:12px;font-weight:500;padding:6px 0;cursor:pointer;transition:all .15s ease}.pop-nav-btn:hover{color:var(--text-primary)}.pop-nav-btn.active{color:var(--text-primary);font-weight:600;border-bottom-color:var(--text-primary)}.pop-search-bar{margin:10px 14px;background:#0e0e0e;border:1px solid var(--border-subtle);border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:8px}[data-theme=light] .pop-search-bar{background:#f4f4f5}.pop-search-bar input{background:transparent;border:none;color:var(--text-primary);font-size:11px;width:100%;outline:none}.search-icon{color:var(--text-tertiary);flex-shrink:0}.pop-stacks-list{padding:0 14px 12px;display:flex;flex-direction:column;gap:6px;max-height:230px;overflow-y:auto}.pop-stack-item{background:#0a0a0a;border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden;transition:all .15s ease}[data-theme=light] .pop-stack-item{background:#fff}.pop-stack-header{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;cursor:pointer}.stack-meta{display:flex;align-items:center;gap:7px}.domain-title{font-size:12px;font-weight:500;color:var(--text-primary)}.pop-chevron-btn{background:transparent;border:none;color:var(--text-tertiary);font-size:11px;cursor:pointer;transition:transform .2s ease,color .15s ease;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.pop-stack-header:hover .pop-chevron-btn{color:var(--text-primary)}.pop-chevron-btn:not(.active){transform:rotate(-90deg)}.pop-tabs-container{border-top:1px solid var(--border-subtle);padding:4px 0;background:#060606;transition:max-height .25s ease,opacity .2s ease}.pop-tabs-container.hidden{display:none}[data-theme=light] .pop-tabs-container{background:#fafafa}.pop-tab{display:flex;align-items:center;gap:7px;padding:6px 12px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:background-color .15s ease,color .15s ease}.pop-tab:hover{background:#ffffff14;color:var(--text-primary)}[data-theme=light] .pop-tab:hover{background:#0000000d}.pop-tab.active{color:var(--text-primary);background:#ffffff0f;font-weight:500}[data-theme=light] .pop-tab.active{background:#00000014}.tab-dot{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.tab-dot.active{background:var(--accent-green)}.pop-footer{display:flex;gap:6px;padding:10px 14px;background:#0a0a0a;border-top:1px solid var(--border-subtle)}[data-theme=light] .pop-footer{background:#fafafa}.pop-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid var(--border-subtle);background:#141414;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease}.pop-action-btn:hover{background:#202020;color:var(--text-primary);border-color:var(--border-medium)}.pop-action-btn.primary{background:#fff;color:#000;border-color:#fff;font-weight:600}.pop-action-btn.primary:hover{background:#e5e5e5}[data-theme=light] .pop-action-btn{background:#f4f4f5;color:#3f3f46;border-color:#e4e4e7}[data-theme=light] .pop-action-btn:hover{background:#e4e4e7;color:#09090b;border-color:#d4d4d8}[data-theme=light] .pop-action-btn.primary{background:#18181b;color:#fff;border-color:#18181b}[data-theme=light] .pop-action-btn.primary:hover{background:#27272a}.pop-view-tab-content.hidden{display:none!important}.pop-saved-list,.pop-whitelist-wrap{padding:0 14px 12px;display:flex;flex-direction:column;gap:8px;max-height:230px;overflow-y:auto}.pop-saved-card,.whitelist-rule-item{background:#0a0a0a;border:1px solid var(--border-subtle);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;transition:all .15s ease}[data-theme=light] .pop-saved-card,[data-theme=light] .whitelist-rule-item{background:#fff;border-color:#e4e4e7}.saved-card-header,.whitelist-rule-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.saved-card-meta,.whitelist-info{display:flex;flex-direction:column;gap:1px}.saved-card-title,.whitelist-domain{font-size:12px;font-weight:600;color:var(--text-primary)}.saved-card-sub,.whitelist-desc{font-size:10px;color:var(--text-tertiary)}.saved-restore-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px;cursor:pointer;transition:all .15s ease}.saved-restore-btn:hover{background:#fff;color:#000}[data-theme=light] .saved-restore-btn{background:#f4f4f5;border-color:#e4e4e7;color:#18181b}[data-theme=light] .saved-restore-btn:hover{background:#18181b;color:#fff}.saved-pill-row{display:flex;gap:4px;flex-wrap:wrap}.saved-chip{font-family:var(--font-mono);font-size:9px;background:#141414;color:var(--text-secondary);padding:2px 6px;border-radius:3px;border:1px solid var(--border-subtle)}[data-theme=light] .saved-chip{background:#f4f4f5;color:#52525b;border-color:#e4e4e7}.whitelist-add-row{display:flex;gap:6px;margin-top:4px}.whitelist-input{flex:1;background:#0e0e0e;border:1px solid var(--border-subtle);border-radius:6px;padding:5px 8px;color:var(--text-primary);font-size:11px;font-family:var(--font-mono);outline:none}[data-theme=light] .whitelist-input{background:#f4f4f5;border-color:#e4e4e7;color:#18181b}.whitelist-add-btn{background:#fff;color:#000;border:none;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .15s ease}.whitelist-add-btn:hover{opacity:.9}[data-theme=light] .whitelist-add-btn{background:#18181b;color:#fff}.simulator-stage-wrapper{position:relative;width:100%}.sim-telemetry-badge,.sim-floating-tag{position:static;display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;background:var(--bg-surface, #121214);border:1px solid var(--border-medium, rgba(255, 255, 255, .15));border-radius:13px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;box-shadow:0 2px 8px #00000040;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-left:auto;transition:all .25s cubic-bezier(.16,1,.3,1)}[data-theme=light] .sim-telemetry-badge,[data-theme=light] .sim-floating-tag{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 6px #0000000f}.tag-row{display:flex;align-items:center;gap:6px}.tag-indicator{width:6px;height:6px;border-radius:50%;background:#ef4444;box-shadow:0 0 6px #ef4444cc;transition:all .2s ease;flex-shrink:0}.tag-indicator.green{background:var(--accent-green, #22c55e);box-shadow:0 0 8px #22c55ecc}.tag-text{font-size:11px;font-weight:600;color:var(--text-secondary, #a1a1aa);letter-spacing:-.01em;white-space:nowrap}[data-theme=light] .tag-text{color:#475569}.tag-divider{width:1px;height:12px;background:var(--border-subtle, rgba(255, 255, 255, .12))}[data-theme=light] .tag-divider{background:#e2e8f0}.tag-label{font-size:10px;font-weight:500;color:var(--text-tertiary, #71717a);text-transform:uppercase;letter-spacing:.03em}.tag-value{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}.tag-value.text-red{color:#ef4444}.tag-value.text-green{color:var(--accent-green, #22c55e)}.tag-badge{font-size:10px;font-weight:700;color:var(--accent-green, #22c55e);background:#22c55e26;border:1px solid rgba(34,197,94,.3);padding:1px 6px;border-radius:8px;letter-spacing:-.01em;white-space:nowrap;transition:all .2s ease}.tag-badge.hidden{display:none!important}@media(max-width:768px){.sim-telemetry-badge,.sim-floating-tag{height:22px;padding:0 7px;gap:5px;font-size:10px}.tag-label{display:none}}.tour-target-pulse{animation:tourTargetPulse 1.5s infinite cubic-bezier(.16,1,.3,1)!important;border-color:#22c55e!important;position:relative;z-index:5}.showcase-simulator-window{position:relative;overflow:visible}.sim-spotlight-active{position:relative!important;z-index:20!important;outline:2px solid var(--accent-green, #22c55e)!important;outline-offset:2px!important;animation:simBeaconPulse 1.8s cubic-bezier(.16,1,.3,1) infinite!important}@keyframes simBeaconPulse{0%,to{box-shadow:0 0 #22c55ecc,0 0 14px #22c55e80}50%{box-shadow:0 0 0 5px #22c55e00,0 0 22px #22c55ecc}}.sim-tour-popover{position:absolute;z-index:40;background:var(--bg-surface, #121214);color:var(--text-primary, #ffffff);border:1px solid var(--border-medium, rgba(255, 255, 255, .2));border-radius:8px;padding:9px 12px;width:195px;box-shadow:0 12px 28px -4px #000000b3,0 0 0 1px #ffffff14;font-family:inherit;pointer-events:none;transition:top .2s cubic-bezier(.16,1,.3,1),left .2s cubic-bezier(.16,1,.3,1),opacity .15s ease}[data-theme=light] .sim-tour-popover{background:#fff;color:#09090b;border-color:#e4e4e7;box-shadow:0 12px 28px -4px #0000001f,0 0 0 1px #0000000d}.sim-tour-popover.hidden{display:none!important}.sim-popover-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:3px}.sim-popover-title{font-size:12px;font-weight:700;color:var(--text-primary, #ffffff);letter-spacing:-.01em}[data-theme=light] .sim-popover-title{color:#09090b}.sim-popover-step{font-size:10px;font-weight:600;color:var(--accent-green, #22c55e);font-variant-numeric:tabular-nums}.sim-popover-desc{font-size:11px;color:var(--text-secondary, #a1a1aa);line-height:1.35}[data-theme=light] .sim-popover-desc{color:#52525b}.dup-badge{display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#ef4444;background:#ef444424;border:1px solid rgba(239,68,68,.28);border-radius:4px;padding:1px 4px;margin-left:auto;letter-spacing:.02em;line-height:1}[data-theme=light] .dup-badge{color:#dc2626;background:#ef44441a;border-color:#ef444440}.sim-duplicate-tab{transition:all .35s cubic-bezier(.16,1,.3,1)!important}.sim-duplicate-tab.removing{opacity:0!important;transform:scale(.85) translate(-8px)!important;max-width:0!important;max-height:0!important;padding:0!important;margin:0!important;border-width:0!important;overflow:hidden!important;pointer-events:none!important}.simulator-control-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.sim-live-status-group{display:flex;align-items:center;gap:10px}.sim-status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px var(--accent-green);flex-shrink:0}.sim-live-feedback{font-size:12px;font-weight:500;color:var(--text-primary);transition:opacity .2s ease}.sim-interactive-badge{display:flex;align-items:center}.sim-quick-reset-btn{display:inline-flex;align-items:center;gap:5px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:11px;font-weight:500;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease}.sim-quick-reset-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-medium)}[data-theme=light] .sim-quick-reset-btn{background:#f4f4f5;border-color:#e4e4e7;color:#52525b}[data-theme=light] .sim-quick-reset-btn:hover{background:#e4e4e7;color:#09090b}@media(max-width:960px){.chrome-viewport-stage{flex-direction:column;align-items:stretch;padding:18px 14px;gap:18px;min-height:auto}.webpage-context{max-width:100%;width:100%;min-height:auto}.popup-flyout-container{width:100%;max-width:480px;margin:0 auto}}@media(max-width:768px){.showcase-simulator-window{border-radius:10px}.chrome-window-topbar{height:36px;padding:0 8px;gap:6px}.chrome-traffic-lights{gap:4px}.chrome-traffic-lights .light{width:8px;height:8px}.tab-strip-scroll-btn{width:18px;height:22px;font-size:11px}.chrome-tab{min-width:70px;max-width:115px;padding:0 6px;font-size:10px;height:24px;gap:4px}.tab-favicon{width:11px;height:11px}.chrome-group-pill{padding:0 6px;height:20px;font-size:10px;gap:4px}.group-dot{width:4px;height:4px}.group-count{font-size:8px;padding:0 3px}.sleep-pill{font-size:7px;padding:0 3px}.new-tab-btn{width:18px;height:18px;font-size:13px}.sim-telemetry-badge,.sim-floating-tag{height:22px;padding:0 6px;gap:5px;font-size:10px;margin-left:4px}.chrome-navbar{padding:5px 8px;gap:6px}.nav-btn-group{gap:2px}.nav-circle-btn{width:18px;height:18px;font-size:11px}.chrome-omnibox{padding:3px 8px;gap:6px;font-size:10px;min-width:0}.url-text{font-size:10px}.extension-icon-btn{padding:3px 5px}.chrome-viewport-stage{padding:12px 8px;gap:14px}.webpage-mockup-wrap{padding:10px;gap:10px;border-radius:8px}.yt-video-player-box{height:160px}.yt-video-title{font-size:13px}.yt-video-details-row{gap:8px}.yt-action-pill{font-size:10px;padding:3px 8px}.pin-masonry-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pin-thumb-box{height:70px}.spot-player-hero{padding:10px;gap:10px}.spot-cover-art{width:52px;height:52px}.spot-playlist-title{font-size:14px}.popup-flyout-container{max-width:100%;font-size:12px}.pop-header{padding:8px 10px}.pop-metrics-bar{padding:8px 10px;gap:4px}.pop-metric-chip{padding:4px 6px}.chip-val{font-size:12px}.chip-label{font-size:9px}.pop-toggles-card{margin:4px 8px 8px;padding:7px 8px;gap:4px}.pop-toggle-title{font-size:10px}.pop-switch{width:24px;height:14px}.pop-switch:after{width:10px;height:10px}.pop-switch:checked:after{transform:translate(10px)}.pop-tab-nav{padding:2px 8px 0;gap:12px}.pop-nav-btn{font-size:11px;padding:5px 0}.pop-search-bar{margin:6px 8px;padding:5px 8px}.pop-stacks-list{padding:0 8px 8px;max-height:260px}.pop-stack-card{margin-bottom:6px}.pop-stack-header{padding:6px 8px}.pop-tab-row{padding:5px 8px;font-size:11px}.pop-footer{padding:8px 10px;gap:6px;flex-wrap:wrap}.pop-action-btn{flex:1 1 calc(33.333% - 4px);min-width:80px;padding:5px 6px;font-size:10px;justify-content:center}.simulator-control-bar{padding:8px 10px;gap:8px}.sim-live-feedback{font-size:11px}.sim-quick-reset-btn{font-size:10px;padding:3px 8px}}@media(max-width:480px){.tag-label,.tag-divider{display:none}.tag-text,.tag-value{font-size:10px}.tag-badge,.nav-btn-group{display:none}.sim-tour-popover{max-width:calc(100vw - 32px);width:auto;min-width:170px;padding:8px 10px;font-size:11px}.pop-toggles-card{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;justify-items:center}.pop-toggle-divider{display:none}.pop-toggle-row{flex-direction:column;gap:3px;text-align:center}.pop-toggle-title{font-size:9px}}.mockup-window{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -15px #0009}[data-theme=light] .mockup-window{box-shadow:0 20px 40px -20px #0f0f1424}.mockup-header{background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);padding:8px 14px;display:flex;align-items:center;gap:12px}.mockup-controls{display:flex;align-items:center;gap:6px}.mockup-controls .dot{width:9px;height:9px;border-radius:50%;background:var(--border-medium)}.mockup-tab-bar{flex:1;position:relative;height:30px;overflow:hidden}.tab-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:4px;transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.chaos-view{gap:2px}.micro-tab{display:inline-flex;align-items:center;gap:4px;background:var(--bg-tab);border:1px solid var(--border-subtle);padding:3px 6px;border-radius:4px;font-size:9px;color:var(--text-tertiary);max-width:72px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.micro-tab.active{background:var(--bg-tab-active);color:var(--text-primary);border-color:var(--border-medium)}.micro-tab img{width:9px;height:9px;flex-shrink:0}.clustered-view{gap:6px;opacity:0;transform:translateY(6px);pointer-events:none}.group-cluster{display:inline-flex;align-items:center;gap:4px;padding:2px 4px;border-radius:5px;background:var(--bg-surface);border:1px solid var(--border-subtle)}.cluster-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:4px;font-size:11px;font-weight:500;color:#fff}.group-cluster.github .cluster-pill{background:#a855f740;border:1px solid #a855f7}.group-cluster.youtube .cluster-pill{background:#ef444440;border:1px solid #ef4444}.group-cluster.figma .cluster-pill{background:#0ea5e940;border:1px solid #0ea5e9}.group-cluster.linear .cluster-pill{background:#3b82f640;border:1px solid #3b82f6}.cluster-pill .count{font-size:9px;font-family:var(--font-mono);background:#0006;padding:1px 4px;border-radius:3px}.cluster-subtabs{display:inline-flex;align-items:center;gap:4px;overflow:hidden;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}.subtab{display:inline-flex;align-items:center;gap:4px;background:var(--bg-tab);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:4px;font-size:10px;color:var(--text-secondary);white-space:nowrap}.subtab.active{background:var(--bg-tab-active);color:var(--text-primary);border-color:var(--border-medium)}.shortcut-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);background:var(--bg-input);border:1px solid var(--border-subtle);padding:2px 6px;border-radius:4px}.shortcut-tag.pulse{border-color:var(--accent);color:var(--text-primary)}.mockup-url-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);gap:12px}.url-input{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:5px;padding:4px 10px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.status-indicator{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green)}.status-dot.red{background:var(--accent-red)}.mockup-stage-content{padding:48px 40px;min-height:280px;display:flex;align-items:center}.stage-narrative{max-width:600px}.narrative-headline{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;line-height:1.3}.narrative-body{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.stage-data-table{display:flex;gap:32px;border-top:1px solid var(--border-subtle);padding-top:18px}.data-col{display:flex;flex-direction:column;gap:2px}.data-label{font-size:11px;color:var(--text-tertiary)}.data-value{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-primary)}.data-value.text-green{color:var(--accent-green)}.data-value.text-red{color:var(--accent-red)}.mockup-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.footer-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:11px;font-weight:500;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease}.footer-btn:hover{background:var(--bg-tab-active);color:var(--text-primary);border-color:var(--border-medium)}.footer-nav-buttons{display:flex;gap:6px}.section{padding:72px 0}.section.border-top{border-top:1px solid var(--border-subtle)}.section-header{margin-bottom:40px}.section-title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:6px}.section-subtitle{font-size:14px;color:var(--text-secondary)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s var(--ease-out)}.gallery-card:hover{border-color:var(--border-medium)}.gallery-media-box{background:#000;border-bottom:1px solid var(--border-subtle);padding:16px;display:flex;align-items:center;justify-content:center;min-height:240px;max-height:280px;overflow:hidden}.gallery-img{max-width:100%;max-height:240px;object-fit:contain;border-radius:4px;box-shadow:0 8px 24px #0006}.gallery-meta{padding:18px 20px}.gallery-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.gallery-desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.principle-item{display:flex;flex-direction:column}.principle-heading{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px;letter-spacing:-.01em}.principle-text{font-size:13px;color:var(--text-secondary);line-height:1.6}.principle-text code{font-family:var(--font-mono);font-size:12px;background:var(--bg-input);padding:1px 4px;border-radius:3px}.table-container{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:8px}.benchmark-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.benchmark-table th{background:var(--bg-surface);color:var(--text-tertiary);font-weight:500;font-size:11px;padding:12px 18px;border-bottom:1px solid var(--border-subtle);text-transform:uppercase;letter-spacing:.04em}.benchmark-table td{padding:14px 18px;border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);font-variant-numeric:tabular-nums}.benchmark-table tbody tr:last-child td{border-bottom:none}.row-highlight{background:#ffffff04}.row-highlight td{color:var(--text-primary)}.install-container{max-width:600px}.install-card{margin-top:24px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:24px}.install-method-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.install-method-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.install-steps{padding-left:18px;font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.install-steps code{font-family:var(--font-mono);font-size:12px;background:var(--bg-input);padding:1px 4px;border-radius:3px;color:var(--text-primary)}.code-box{display:flex;align-items:center;justify-content:space-between;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 12px}.code-box code{font-family:var(--font-mono);font-size:12px;color:var(--text-primary)}.btn-copy{background:var(--bg-elevated);border:1px solid var(--border-medium);color:var(--text-primary);font-size:11px;font-weight:500;padding:4px 8px;border-radius:4px;cursor:pointer}.btn-copy:hover{background:var(--accent);color:var(--text-inverse)}.site-footer{padding:48px 0 40px;border-top:none;background:transparent!important;font-size:13px;color:var(--text-tertiary)}[data-theme=light] .site-footer{background:transparent!important;border-top:none}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-left{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.footer-links{display:flex;align-items:center;gap:20px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:var(--text-primary)}.section-kicker{color:var(--accent-green);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.section-header-split{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.features-view-switcher{display:inline-flex;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:3px;gap:3px}.view-switch-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .15s ease}.view-switch-btn:hover{color:var(--text-primary)}.view-switch-btn.active{background:var(--bg-elevated);color:var(--text-primary);box-shadow:0 1px 3px #0000001a;font-weight:600}[data-theme=light] .view-switch-btn.active{background:#fff}.deepdive-studio-wrap{display:flex;flex-direction:column;gap:12px}.deepdive-studio-wrap.hidden,.bento-feature-grid.hidden,.studio-pane.hidden{display:none!important}.studio-nav-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;padding:4px}.studio-tab-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:7px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.studio-tab-btn:hover{background:var(--bg-input)}.studio-tab-btn.active{background:var(--bg-elevated);box-shadow:0 1px 4px #0003}[data-theme=light] .studio-tab-btn.active{background:#fff;box-shadow:0 1px 4px #00000014}.studio-keycap{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-tertiary);background:var(--bg-input);border:1px solid var(--border-subtle);padding:2px 6px;border-radius:4px}.studio-tab-btn.active .studio-keycap{color:var(--accent-green);border-color:#22c55e4d;background:#22c55e1a}.studio-tab-label{font-size:12px;font-weight:600;color:var(--text-secondary)}.studio-tab-btn.active .studio-tab-label{color:var(--text-primary)}.studio-viewport-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:24px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.studio-pane-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.studio-meta-group{display:flex;flex-direction:column;gap:4px}.studio-tag{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--accent-green)}.studio-pane-title{font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}.studio-pane-desc{font-size:13px;color:var(--text-secondary);max-width:60ch;line-height:1.5}.studio-action-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-input);border:1px solid var(--border-medium);color:var(--text-primary);font-size:12px;font-weight:600;padding:7px 14px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:transform .1s ease,background .15s ease,border-color .15s ease}.studio-action-btn:hover{background:var(--bg-elevated);border-color:var(--border-strong)}.studio-action-btn:active{transform:scale(.97)}.studio-action-btn.green{background:transparent;border-color:var(--text-primary);color:var(--text-primary)}.studio-action-btn.green:hover{background:var(--bg-elevated)}.shortcut-chip-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);background:var(--bg-input);border:1px solid var(--border-subtle);padding:4px 8px;border-radius:6px}.shortcut-chip-badge kbd{font-weight:600;color:var(--text-primary)}.studio-inspector-stage{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;padding:16px}.studio-stage-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-subtle);margin-bottom:14px}.stage-label{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--text-tertiary)}.stage-status{font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-secondary)}.studio-tabstrip-shelf{display:flex;flex-direction:column;gap:8px}.studio-group-cluster{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 12px;transition:transform .25s var(--ease-out),border-color .2s ease,opacity .2s ease}.studio-group-cluster.group-red,.studio-group-cluster.group-purple,.studio-group-cluster.group-blue{border-left:2px solid var(--border-strong)}.group-pill-badge{display:flex;align-items:center;gap:6px;min-width:110px}.cluster-dot.red,.cluster-dot.purple,.cluster-dot.blue{background:var(--text-secondary);box-shadow:none}.group-name{font-size:12px;font-weight:600;color:var(--text-primary)}.group-count{font-family:var(--font-mono);font-size:9px;font-weight:600;background:var(--bg-input);border:1px solid var(--border-subtle);padding:1px 5px;border-radius:4px;color:var(--text-secondary)}.group-subtabs-row{display:flex;gap:6px;flex-wrap:wrap;flex:1}.studio-tab-item{display:inline-flex;align-items:center;gap:5px;background:var(--bg-input);border:1px solid var(--border-subtle);padding:4px 8px;border-radius:5px;font-size:11px;color:var(--text-secondary);white-space:nowrap}.studio-tab-item.active{background:var(--bg-elevated);border-color:var(--border-medium);color:var(--text-primary);font-weight:500}.tab-dot{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary)}.tab-dot.active{background:var(--text-primary)}.studio-focus-rack{display:flex;flex-direction:column;gap:8px}.studio-focus-group{border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-surface);padding:10px 14px;cursor:pointer;transition:all .2s var(--ease-out)}.studio-focus-group:hover{border-color:var(--border-medium)}.studio-focus-group.expanded{border-color:var(--border-strong);box-shadow:0 4px 12px #00000014}.focus-group-top{display:flex;align-items:center;justify-content:space-between}.focus-title-wrap{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary)}.focus-badge-pill{font-family:var(--font-mono);font-size:9px;padding:1px 6px;border-radius:4px}.focus-badge-pill.active{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong)}.focus-badge-pill.sleep{background:var(--bg-input);color:var(--text-tertiary);border:1px solid var(--border-subtle)}.focus-tab-meta{font-size:11px;color:var(--text-tertiary)}.focus-group-drawer{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-subtle)}.focus-drawer-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);padding:3px 6px;border-radius:4px}.focus-drawer-item.active{background:var(--bg-input);color:var(--text-primary);font-weight:500}.studio-telemetry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.telemetry-stat-card{background:transparent;border:none;border-left:1px solid var(--border-strong);border-radius:0;padding:8px 16px;display:flex;flex-direction:column;gap:4px}.stat-kicker{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.06em;color:var(--text-tertiary)}.stat-big-num{font-family:var(--font-mono);font-size:20px;font-weight:400;color:var(--text-primary);line-height:1.1}.stat-big-num small{font-size:13px;color:var(--text-tertiary);font-weight:500}.stat-badge-savings{font-family:var(--font-mono);font-size:10px;font-weight:600}.stat-meta{font-size:11px;color:var(--text-tertiary)}.telemetry-bar-wrap{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.telemetry-bar-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.tabular-stat{font-family:var(--font-mono);font-weight:600;color:var(--text-primary)}.telemetry-bar-track{height:10px;background:var(--border-subtle);border-radius:5px;overflow:hidden;display:flex}.telemetry-bar-active{background:var(--accent-green);border-radius:5px 0 0 5px;transition:width .35s var(--ease-out)}.telemetry-bar-reclaimed{background:#22c55e40;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(34,197,94,.35) 5px,rgba(34,197,94,.35) 10px);transition:width .35s var(--ease-out)}.bento-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bento-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;transition:transform .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out);overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.bento-card:hover{transform:translateY(-4px);border-color:var(--border-medium);box-shadow:0 16px 32px -10px #00000026}[data-theme=dark] .bento-card:hover{box-shadow:0 16px 32px -10px #0009}.bento-visual{min-height:148px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:10px;margin-bottom:20px;position:relative;overflow:hidden}.bento-tabstrip-preview{display:flex;gap:6px;flex-wrap:wrap}.bento-cluster-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);transition:transform .2s ease}.bento-cluster-pill.group-red{border-color:#ef444466;background:#ef444414}.bento-cluster-pill.group-purple{border-color:#a855f766;background:#a855f714}.bento-cluster-pill.group-blue{border-color:#0ea5e966;background:#0ea5e914}.cluster-dot{width:6px;height:6px;border-radius:50%}.group-red .cluster-dot{background:#ef4444}.group-purple .cluster-dot{background:#a855f7}.group-blue .cluster-dot{background:#0ea5e9}.cluster-badge{font-family:var(--font-mono);font-size:9px;background:var(--bg-elevated);padding:1px 4px;border-radius:3px;color:var(--text-secondary)}.bento-subtab-preview{display:flex;gap:4px}.bento-micro-tab{flex:1;display:flex;align-items:center;gap:5px;padding:5px 6px;border-radius:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-micro-tab.active{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-medium);font-weight:500}.tab-favicon{width:10px;height:10px;border-radius:2px;flex-shrink:0}.tab-favicon.yt{background:#ef4444}.bento-focus-switcher{display:flex;gap:4px}.bento-focus-pill{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 6px;border-radius:5px;font-size:10px;font-weight:500;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.bento-focus-pill:hover{background:var(--bg-elevated);color:var(--text-primary)}.bento-focus-pill.active{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.focus-status.active-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.focus-status.sleep-dot{width:5px;height:5px;border-radius:50%;background:var(--text-tertiary)}.focus-tag{font-size:8px;font-family:var(--font-mono);background:#22c55e26;color:var(--accent-green);padding:1px 3px;border-radius:2px}.focus-sleep-badge{font-family:var(--font-mono);font-size:8px;color:var(--text-tertiary)}.bento-focus-active-pane{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:8px 10px}.active-pane-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.active-indicator{font-size:10px;font-weight:600;color:var(--accent-green)}.active-shortcut{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary)}.active-pane-subtabs{display:flex;flex-direction:column;gap:3px}.bento-pane-item{font-size:10px;color:var(--text-secondary);display:flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-pane-item.active{color:var(--text-primary);font-weight:500}.pane-dot{width:4px;height:4px;border-radius:50%;background:var(--text-tertiary)}.pane-dot.green{background:var(--accent-green)}.ram-meter-card{display:flex;flex-direction:column;gap:8px}.ram-meter-top{display:flex;align-items:center;justify-content:space-between}.ram-title{font-size:11px;font-weight:600;color:var(--text-primary)}.ram-badge-savings{font-family:var(--font-mono);font-size:9px;font-weight:600;color:#10b981;background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:1px 6px;border-radius:4px}.ram-bar-container{height:7px;background:var(--border-subtle);border-radius:4px;overflow:hidden}.ram-bar-fill{display:flex;height:100%;width:100%}.ram-bar-active{background:var(--accent-green);border-radius:4px 0 0 4px}.ram-bar-reclaimed{background:#10b98140;background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(16,185,129,.35) 4px,rgba(16,185,129,.35) 8px)}.ram-metrics-row{display:flex;justify-content:space-between}.ram-metric{display:flex;flex-direction:column;gap:1px}.ram-label{font-size:9px;color:var(--text-tertiary)}.ram-val{font-family:var(--font-mono);font-size:11px;font-weight:600}.ram-val.green{color:var(--accent-green)}.ram-val.muted{color:var(--text-tertiary)}.ram-status-footer{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--text-tertiary);border-top:1px solid var(--border-subtle);padding-top:6px}.ram-status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-green)}.bento-card-content{display:flex;flex-direction:column}.problem-kicker{display:block;color:var(--accent-green);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.problem-title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin-bottom:8px}.problem-text,.step-text{color:var(--text-secondary);font-size:13px;line-height:1.55}.steps-pipeline-wrap{position:relative}.steps-pipeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none}.pipeline-step-card{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;transition:transform .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pipeline-step-card:hover{transform:translateY(-4px);border-color:var(--border-medium);box-shadow:0 16px 32px -10px #00000026}[data-theme=dark] .pipeline-step-card:hover{box-shadow:0 16px 32px -10px #0009}.step-card-visual{min-height:110px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-bottom:18px;position:relative;overflow:hidden}.step-badge{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;color:var(--accent-green);background:#22c55e1a;border:1px solid rgba(34,197,94,.25);padding:2px 8px;border-radius:4px}.step-mini-icon-mesh{display:flex;gap:6px}.mini-tab-chip{display:inline-flex;align-items:center;gap:4px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:5px;font-size:10px;color:var(--text-secondary)}.chip-dot{width:5px;height:5px;border-radius:50%}.chip-dot.red{background:#ef4444}.chip-dot.purple{background:#a855f7}.chip-dot.blue{background:#0ea5e9}.step-cluster-animation{display:flex;gap:6px}.cluster-flow-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:500;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary)}.cluster-flow-badge.group-purple{border-color:#a855f759;background:#a855f714}.cluster-flow-badge.group-red{border-color:#ef444459;background:#ef444414}.cluster-flow-dot{width:5px;height:5px;border-radius:50%}.group-purple .cluster-flow-dot{background:#a855f7}.group-red .cluster-flow-dot{background:#ef4444}.flow-count{font-family:var(--font-mono);font-size:8px;background:var(--bg-elevated);padding:1px 3px;border-radius:2px;color:var(--text-secondary)}.step-sleep-badge-wrap{width:100%}.sleep-flow-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 10px;display:flex;flex-direction:column;gap:4px}.sleep-flow-header{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:600;color:var(--text-primary)}.sleep-flow-z{font-family:var(--font-mono);font-size:9px;color:var(--text-tertiary);background:var(--bg-input);padding:1px 4px;border-radius:3px}.sleep-flow-bar{display:flex;align-items:center}.sleep-status-text{font-size:9px;color:var(--accent-green);font-family:var(--font-mono)}.step-card-text-wrap{display:flex;flex-direction:column}.step-title{color:var(--text-primary);font-size:16px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.privacy-table td:first-child{width:42%;color:var(--text-primary)}.privacy-table td:last-child{color:var(--text-secondary)}.install-status{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--text-tertiary);font-size:12px}.install-status strong{color:var(--text-secondary);font-weight:600}.install-status-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--text-tertiary)}.shortcuts-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.shortcut-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:6px 12px;border-radius:6px;font-size:12px;transition:border-color .15s ease,background .15s ease}.shortcut-chip:hover{border-color:var(--border-medium);background:var(--bg-elevated)}.shortcut-keys{display:inline-flex;align-items:center;gap:3px}.shortcut-keys kbd{font-family:var(--font-mono);font-size:10px;font-weight:600;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-medium);border-bottom:2px solid var(--border-medium);padding:1px 5px;border-radius:3px;line-height:1.3}.shortcut-label{color:var(--text-secondary)}.deepdive-studio-wrap{gap:16px}.studio-nav-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:transparent;border:0;padding:0}.studio-tab-btn{min-height:54px;padding:10px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:10px;transition:background .2s var(--ease-out),border-color .2s var(--ease-out),transform .2s var(--ease-out)}.studio-tab-btn:hover{transform:translateY(-1px);border-color:var(--border-medium)}.studio-tab-btn.active,[data-theme=light] .studio-tab-btn.active{background:var(--bg-elevated);border-color:var(--border-medium);box-shadow:none}.studio-keycap{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:50%;font-size:9px}.studio-tab-btn.active .studio-keycap{background:#22c55e1a}.studio-tab-label{line-height:1.25}.studio-viewport-card{padding:8px 0 0;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}.studio-pane-topbar{align-items:center;margin-bottom:24px}.studio-meta-group{gap:7px}.studio-tag{color:var(--text-tertiary);font-family:var(--font-sans);font-size:11px;letter-spacing:.01em;text-transform:none}.studio-pane-title{max-width:26ch;font-size:clamp(20px,2.5vw,26px);line-height:1.1;text-wrap:balance}.studio-pane-desc{max-width:56ch;font-size:14px;line-height:1.6}.studio-action-btn{padding:9px 14px;background:var(--text-primary);border-color:var(--text-primary);border-radius:8px;color:var(--text-inverse);transition:transform .15s var(--ease-out),opacity .15s var(--ease-out)}.studio-action-btn:hover{background:var(--text-primary);border-color:var(--text-primary);opacity:.82}.shortcut-chip-badge{padding:0;border:0;background:transparent;font-family:var(--font-sans);font-size:12px;color:var(--text-tertiary)}.studio-inspector-stage{padding:20px;background:var(--bg-surface);border-radius:12px}.studio-stage-header{padding-bottom:14px;margin-bottom:18px}.stage-label,.stage-status{font-family:var(--font-sans);font-size:11px;letter-spacing:.01em;text-transform:none}.stage-label{color:var(--text-secondary);font-weight:600}.stage-status{color:var(--text-tertiary)}.studio-focus-group.expanded{box-shadow:none}.studio-telemetry-grid{gap:0;margin-bottom:20px}.telemetry-stat-card{border-left:0;padding:6px 18px 8px 0}.telemetry-stat-card+.telemetry-stat-card{border-left:1px solid var(--border-subtle);padding-left:18px}.stat-big-num{font-size:23px;letter-spacing:-.03em}.stat-badge-savings{color:var(--accent-green)}.telemetry-bar-wrap{padding:16px 0 0;background:transparent;border:0;border-top:1px solid var(--border-subtle);border-radius:0}.telemetry-bar-track{height:8px;border-radius:4px}.telemetry-bar-active{background:var(--text-primary);border-radius:4px 0 0 4px}.compare-window-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;box-shadow:0 16px 40px -12px #00000040;margin-bottom:20px}.compare-browser-header{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-input);border-bottom:1px solid var(--border-subtle);position:relative;z-index:10}.compare-window-controls{display:flex;align-items:center;gap:6px}.compare-window-controls .dot{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.compare-address-bar{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:3px 12px;border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);margin:0 auto;transform:translate(-16px)}.compare-stage{position:relative;height:300px;overflow:hidden;touch-action:pan-y;background:var(--bg-canvas);user-select:none;-webkit-user-select:none}.compare-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.chaos-pane{z-index:1;background:var(--bg-canvas)}.calm-pane{z-index:2;background:var(--bg-surface);clip-path:inset(0 0 0 var(--split-pos, 50%));will-change:clip-path}.compare-tab-strip{height:36px;display:flex;align-items:center;background:var(--bg-input);border-bottom:1px solid var(--border-subtle)}.squished-strip{gap:1px;padding:0 4px;overflow:hidden;display:flex;width:100%}.squish-tab{flex:1 1 0px;min-width:14px;max-width:32px;height:27px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom:0;border-radius:4px 4px 0 0;flex-shrink:1;margin-top:8px;overflow:hidden}.squish-tab.active{background:var(--bg-elevated);border-color:var(--border-medium)}.tab-svg-icon{width:13px;height:13px;flex-shrink:0}.grouped-strip{gap:8px;padding:0 12px}.clean-group-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:4px 10px;font-size:12px;color:var(--text-secondary)}.clean-group-pill.active{background:var(--bg-elevated);border-color:var(--border-medium);color:var(--text-primary);font-weight:500}.group-title{font-size:12px}.group-num{font-family:var(--font-mono);font-size:9px;background:var(--bg-input);border:1px solid var(--border-subtle);padding:1px 5px;border-radius:4px;color:var(--text-tertiary)}.compare-viewport-body{flex:1;padding:20px 24px;display:flex;flex-direction:column;justify-content:space-between}.compare-meta-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.compare-label-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--text-tertiary);background:var(--bg-input);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:5px}.compare-label-tag.active{color:var(--text-primary);border-color:var(--border-medium)}.compare-status-note{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.compare-workspace-card{flex:1;border-radius:8px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center}.chaos-pane .compare-workspace-card{background:var(--bg-surface);border:1px dashed var(--border-medium)}.chaos-pane .workspace-card-inner{display:flex;flex-direction:column;gap:8px;opacity:.6}.calm-pane .compare-workspace-card{background:var(--bg-elevated);border:1px solid var(--border-medium)}.calm-pane .workspace-card-inner{display:flex;flex-direction:column;gap:12px}.workspace-line{height:10px;border-radius:5px;background:var(--border-subtle)}.workspace-line.wide{width:75%}.workspace-line.mid{width:90%;opacity:.6}.workspace-line.narrow{width:45%;opacity:.4}.compare-range-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;padding:0}.compare-handle-line{position:absolute;top:0;bottom:0;left:var(--split-pos, 50%);width:2px;background:var(--text-primary);z-index:15;pointer-events:none;transform:translate(-50%);box-shadow:0 0 12px #fff3}.compare-handle-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000040;color:var(--text-primary)}.compare-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.compare-metric-card{padding:18px 20px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px;text-align:left}.compare-metric-lbl{font-size:14px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.compare-metric-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}.sticky-story-section{position:relative;overflow:visible}.sticky-story-container{display:grid;grid-template-columns:.9fr 1.35fr;gap:48px;align-items:start;position:relative;margin-top:24px}.story-steps-col{display:flex;flex-direction:column;gap:40vh;padding:6vh 0 28vh}.story-step-block{padding:24px 28px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;opacity:.35;transform:scale(.98);transition:opacity .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),background .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);cursor:pointer;outline:none}.story-step-block:hover{opacity:.7}.story-step-block.active{opacity:1;transform:scale(1) translate(4px);background:var(--bg-elevated);border-color:var(--border-strong);box-shadow:0 16px 36px -10px #0003}.step-num-badge{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-tertiary);letter-spacing:.08em}.step-heading{font-size:20px;font-weight:600;color:var(--text-primary);margin:8px 0 6px;letter-spacing:-.02em}.step-description{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.sticky-visual-col{position:sticky;top:96px;z-index:10}.sticky-demo-window{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px -12px #00000059}.sticky-window-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-input);border-bottom:1px solid var(--border-subtle)}.window-dots{display:flex;align-items:center;gap:6px;width:40px}.window-dots .dot{width:9px;height:9px;border-radius:50%;background:var(--border-strong)}.sticky-url-pill{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border-subtle);padding:3px 14px;border-radius:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.window-spacer{width:40px}.sticky-visual-canvas{position:relative;height:320px;background:var(--bg-canvas);overflow:hidden}.story-visual-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.story-visual-pane.active{opacity:1;transform:translateY(0);pointer-events:auto}.pane-tabstrip-shelf{height:42px;display:flex;align-items:flex-end;gap:6px;padding:0 12px;background:var(--bg-input);border-bottom:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:none}.pane-tabstrip-shelf::-webkit-scrollbar{display:none}.anim-tab-collapse-wrap{display:flex;align-items:flex-end;gap:6px}.mock-group-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px 6px 0 0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom:0;font-size:11px;font-weight:600;color:var(--text-primary);flex-shrink:0}.mock-accordion-cluster{display:inline-flex;align-items:flex-end;gap:4px;flex-shrink:0;padding:0 4px;border-radius:6px 6px 0 0;border:1px solid rgba(245,158,11,.45);border-bottom:0;background:#f59e0b14}.mock-tab-item{display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border-radius:6px 6px 0 0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-bottom:0;font-size:11px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.mock-tab-item.active{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-medium);font-weight:500}.tab-close-x{font-size:12px;color:var(--text-tertiary);opacity:.6}.mock-group-pill-collapsed{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:5px;background:var(--bg-surface);border:1px solid var(--border-subtle);font-size:11px;color:var(--text-tertiary);margin-bottom:6px;flex-shrink:0;transition:opacity .3s ease,border-color .3s ease}.mock-group-pill-collapsed.idle{opacity:.6}.mini-count{font-family:var(--font-mono);font-size:9px;background:var(--bg-input);padding:1px 4px;border-radius:3px}.idle-tag{font-family:var(--font-mono);font-size:9px;color:var(--accent-green);background:var(--bg-input);border:1px solid var(--border-subtle);padding:1px 5px;border-radius:3px}.pulse-dot-green{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px #22c55e99;margin-right:4px}.pane-stage-body{flex:1;padding:24px;display:flex;flex-direction:column;justify-content:center}.mock-page-viewport{flex:1;display:flex;flex-direction:column;justify-content:center}.story-visual-pane.active .anim-stack-pill.stack-1{animation:stackPillPop .38s cubic-bezier(.16,1,.3,1) .04s backwards}.story-visual-pane.active .anim-stack-pill.stack-2{animation:stackPillPop .38s cubic-bezier(.16,1,.3,1) .11s backwards}.story-visual-pane.active .anim-stack-pill.stack-3{animation:stackPillPop .38s cubic-bezier(.16,1,.3,1) .18s backwards}.story-visual-pane.active .anim-stack-pill.stack-4{animation:stackPillPop .38s cubic-bezier(.16,1,.3,1) .25s backwards}@keyframes stackPillPop{0%{opacity:0;transform:translate(-10px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.mock-collapse-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.story-visual-pane.active .anim-collapse-box{animation:cardFadeInUp .4s cubic-bezier(.16,1,.3,1) backwards}.collapse-card-header{display:flex;align-items:center;justify-content:space-between;font-size:11px}.collapse-badge{font-family:var(--font-mono);font-size:10px;font-weight:600;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);padding:2px 6px;border-radius:4px}.collapse-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary)}.collapse-stacks-list{display:flex;flex-direction:column;gap:6px}.collapse-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);background:var(--bg-input);padding:5px 8px;border-radius:4px}.story-visual-pane.active .anim-row-1{animation:slideRowIn .32s cubic-bezier(.16,1,.3,1) .08s backwards}.story-visual-pane.active .anim-row-2{animation:slideRowIn .32s cubic-bezier(.16,1,.3,1) .16s backwards}.story-visual-pane.active .anim-row-3{animation:slideRowIn .32s cubic-bezier(.16,1,.3,1) .24s backwards}.story-visual-pane.active .anim-row-4{animation:slideRowIn .32s cubic-bezier(.16,1,.3,1) .32s backwards}@keyframes slideRowIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.row-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.row-dot.red{background:#ef4444}.row-dot.orange{background:#f59e0b}.row-dot.green{background:#10b981}.row-dot.red-orange{background:#ff4500}.story-visual-pane.active .anim-accordion-unfold{animation:accordionUnfold .42s cubic-bezier(.16,1,.3,1) backwards}@keyframes accordionUnfold{0%{opacity:0;transform:scaleX(.93);transform-origin:left center}to{opacity:1;transform:scaleX(1);transform-origin:left center}}.story-visual-pane.active .anim-tab-reveal-1{animation:tabRevealIn .32s cubic-bezier(.16,1,.3,1) .12s backwards}.story-visual-pane.active .anim-tab-reveal-2{animation:tabRevealIn .32s cubic-bezier(.16,1,.3,1) .2s backwards}@keyframes tabRevealIn{0%{opacity:0;transform:translate(-8px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.mock-shop-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.story-visual-pane.active .anim-viewport-focus{animation:cardFadeInUp .4s cubic-bezier(.16,1,.3,1) .1s backwards}.shop-card-left{display:flex;align-items:center;gap:12px}.shop-thumb-box{width:44px;height:44px;border-radius:6px;background:var(--bg-input);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.shop-item-title{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.shop-item-meta{font-size:11px;color:var(--text-tertiary)}.shop-price-tag{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);padding:4px 8px;border-radius:6px;white-space:nowrap}.story-visual-pane.active .anim-sleep-pill.sleep-1{animation:sleepFadeIn .35s cubic-bezier(.16,1,.3,1) .1s backwards}.story-visual-pane.active .anim-sleep-pill.sleep-2{animation:sleepFadeIn .35s cubic-bezier(.16,1,.3,1) .18s backwards}.story-visual-pane.active .anim-sleep-pill.sleep-3{animation:sleepFadeIn .35s cubic-bezier(.16,1,.3,1) .26s backwards}@keyframes sleepFadeIn{0%{opacity:1;transform:scale(1)}50%{transform:scale(.97)}to{opacity:.6;transform:scale(1)}}.mock-ramsaver-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}.story-visual-pane.active .anim-ram-card{animation:cardFadeInUp .4s cubic-bezier(.16,1,.3,1) backwards}.ramsaver-card-header{display:flex;align-items:center;justify-content:space-between}.ramsaver-pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:4px}.status-pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 8px #22c55e80}.ramsaver-stat{font-family:var(--font-mono);font-size:11px;color:var(--accent-green);font-weight:600}.ramsaver-meter-container{width:100%;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden;margin:4px 0 2px}.ramsaver-meter-fill{height:100%;width:78%;background:linear-gradient(90deg,var(--accent-green),#34d399);border-radius:3px}.story-visual-pane.active .anim-meter-fill{animation:meterFillReclaim .85s cubic-bezier(.16,1,.3,1) .15s backwards}@keyframes meterFillReclaim{0%{width:20%}to{width:78%}}.ramsaver-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0}@keyframes cardFadeInUp{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.hero-split-grid{grid-template-columns:1fr;gap:36px}.hero-copy-col{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-badge-tag{align-self:center}.hero-cta-group{justify-content:center}.hero-stats-row{justify-content:center;flex-wrap:wrap;gap:20px}.sticky-story-container{grid-template-columns:1fr;gap:28px}.story-steps-col{gap:20px;padding-bottom:0}.sticky-visual-col{position:relative;top:0}.nav-links{display:none}.comparison-split-view{grid-template-columns:1fr;gap:20px}.sticky-story-section,.compare-metrics-row{display:none!important}}@media(max-width:680px){.container{padding:0 16px}.hero-section{padding:40px 0 60px}.hero-headline{font-size:clamp(28px,8vw,38px);line-height:1.15}.hero-description{font-size:14px}.hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .btn{width:100%;justify-content:center}.hero-stats-row{flex-direction:column;width:100%;gap:12px}.hero-stat-item{width:100%;text-align:center}.features-grid,.benchmarks-grid,.privacy-grid,.install-methods-grid,.problem-grid,.steps-grid,.gallery-grid,.principles-grid{grid-template-columns:1fr;gap:16px}.privacy-table{min-width:480px}.privacy-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.stage-data-table{flex-direction:column;gap:12px}.footer-content{flex-direction:column;gap:16px;align-items:center;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px}.footer-left{justify-content:center}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.solid-slab-body{opacity:1!important;transform:scale(1)!important;transition:none!important}.falling-card{opacity:1!important;transform:translateY(0) scaleY(1)!important;transition:none!important}.falling-card.stacked{transform:translateY(0)!important}.falling-card.morphing{opacity:0!important;transform:scale(.1)!important}}.install-container{max-width:860px;margin:0 auto;text-align:center}.shortcuts-strip{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:28px 0 40px}.shortcut-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px}.shortcut-keys{display:inline-flex;gap:3px}.shortcut-keys kbd{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-medium);border-bottom:2px solid var(--border-medium);padding:2px 5px;border-radius:4px}.shortcut-label{font-size:13px;color:var(--text-secondary);font-weight:500}.install-methods{display:grid;grid-template-columns:1fr 1fr;gap:24px;text-align:left}@media(max-width:768px){.install-methods{grid-template-columns:1fr}}.install-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:32px 28px;position:relative;display:flex;flex-direction:column}.install-card-featured{background:linear-gradient(180deg,rgba(34,197,94,.05) 0%,var(--bg-card) 100%);border-color:#22c55e66;box-shadow:0 8px 32px #22c55e14}.install-featured-badge{position:absolute;top:14px;right:16px;background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:var(--accent-green, #22c55e);font-size:11px;font-family:var(--font-mono);font-weight:600;padding:3px 8px;border-radius:100px}.install-method-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.install-method-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.install-steps{padding-left:20px;margin-bottom:24px;font-size:13px;color:var(--text-secondary);line-height:1.6}.install-steps li{margin-bottom:6px}.install-steps code{font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-input);padding:2px 4px;border-radius:3px}.code-box{display:flex;align-items:center;justify-content:space-between;background:var(--bg-input);border:1px solid var(--border-medium);border-radius:6px;padding:8px 12px;font-family:var(--font-mono);font-size:12px;color:var(--text-primary);margin-top:auto}.btn-copy{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .15s ease}.btn-copy:hover{background:var(--bg-elevated);color:var(--text-primary)}