:root{--bg-base: #f7f8fa;--bg-surface: #ffffff;--bg-surface-elevated: #f1f3f7;--bg-surface-strong: rgba(247, 248, 250, .8);--bg-overlay: rgba(10, 13, 18, .54);--bg-accent-soft: rgba(82, 188, 130, .09);--border-subtle: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .16);--border-contrast: rgba(15, 23, 42, .24);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--accent-primary: #111827;--accent-secondary: #52bc82;--accent-glow: rgba(82, 188, 130, .16);--accent-glow-strong: rgba(82, 188, 130, .26);--signal-highlight: #20cb6f;--signal-glow: rgba(32, 203, 111, .18);--signal-glow-strong: rgba(32, 203, 111, .3);--control-bg: linear-gradient(180deg, rgba(238, 242, 246, .98) 0%, rgba(250, 251, 253, .94) 100%);--control-bg-hover: linear-gradient(180deg, rgba(244, 247, 250, .98) 0%, rgba(252, 253, 255, .96) 100%);--control-bg-active: linear-gradient(180deg, rgba(233, 237, 242, .98) 0%, rgba(246, 248, 251, .94) 100%);--control-bg-engaged: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(241, 245, 249, .95) 100%);--control-bg-engaged-hover: linear-gradient(180deg, rgba(255, 255, 255, .99) 0%, rgba(245, 248, 251, .96) 100%);--control-border: rgba(15, 23, 42, .12);--control-border-hover: rgba(15, 23, 42, .18);--control-border-engaged: rgba(15, 23, 42, .18);--control-border-engaged-hover: rgba(15, 23, 42, .24);--control-shadow: 0 2px 3px rgba(15, 23, 42, .08) inset, 0 -1px 0 rgba(255, 255, 255, .82) inset, 0 1px 0 rgba(255, 255, 255, .48);--control-shadow-hover: 0 1px 2px rgba(15, 23, 42, .07) inset, 0 -1px 0 rgba(255, 255, 255, .86) inset, 0 1px 0 rgba(255, 255, 255, .54);--control-shadow-active: 0 3px 5px rgba(15, 23, 42, .1) inset, 0 -1px 0 rgba(255, 255, 255, .68) inset;--control-shadow-engaged: 0 1px 0 rgba(255, 255, 255, .82) inset, 0 -1px 0 rgba(15, 23, 42, .1) inset, 0 4px 10px rgba(15, 23, 42, .08), 0 1px 0 rgba(255, 255, 255, .36);--control-shadow-engaged-hover: 0 1px 0 rgba(255, 255, 255, .88) inset, 0 -1px 0 rgba(15, 23, 42, .12) inset, 0 6px 12px rgba(15, 23, 42, .1), 0 1px 0 rgba(255, 255, 255, .42);--theme-toggle-width: auto;--chip-bg: rgba(249, 250, 252, .92);--chip-bg-live: rgba(244, 251, 247, .96);--chip-border: rgba(15, 23, 42, .12);--chip-shadow: 0 1px 1px rgba(15, 23, 42, .05) inset, 0 -1px 0 rgba(255, 255, 255, .76) inset, 0 1px 0 rgba(255, 255, 255, .34);--chip-shadow-live: 0 1px 0 rgba(255, 255, 255, .72) inset, 0 -1px 0 rgba(15, 23, 42, .07) inset, 0 4px 10px rgba(82, 188, 130, .08);--panel-face-top: rgba(255, 255, 255, .94);--panel-face-bottom: rgba(241, 243, 247, .96);--panel-face-border: rgba(15, 23, 42, .1);--panel-face-shadow: 0 1px 0 rgba(255, 255, 255, .78) inset, 0 -1px 0 rgba(15, 23, 42, .04) inset, 0 12px 28px rgba(15, 23, 42, .07);--indicator-passive: rgba(148, 163, 184, .52);--button-primary-text: #f8fafc;--button-primary-bg-top: #383e47;--button-primary-bg-bottom: #171c23;--button-primary-bg-top-hover: #434a55;--button-primary-bg-bottom-hover: #1c222a;--button-primary-bg-top-active: #323840;--button-primary-bg-bottom-active: #14191f;--button-primary-border: rgba(2, 6, 23, .76);--button-primary-border-hover: rgba(2, 6, 23, .88);--button-primary-text-shadow: 0 1px 0 rgba(2, 6, 23, .28);--button-primary-shadow: 0 1px 0 rgba(255, 255, 255, .14) inset, 0 -1px 0 rgba(2, 6, 23, .2) inset, 0 12px 24px rgba(15, 23, 42, .16), 0 4px 8px rgba(15, 23, 42, .1);--button-primary-shadow-hover: 0 1px 0 rgba(255, 255, 255, .16) inset, 0 -1px 0 rgba(2, 6, 23, .24) inset, 0 14px 28px rgba(15, 23, 42, .18), 0 6px 12px rgba(15, 23, 42, .12);--button-primary-shadow-active: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(2, 6, 23, .18) inset, 0 7px 14px rgba(15, 23, 42, .14);--button-secondary-bg: var(--control-bg);--button-secondary-bg-hover: var(--control-bg-hover);--button-secondary-bg-active: var(--control-bg-active);--button-secondary-bg-selected: var(--control-bg-engaged);--button-secondary-bg-selected-hover: var(--control-bg-engaged-hover);--button-secondary-border: var(--control-border);--button-secondary-border-hover: var(--control-border-hover);--button-secondary-border-selected: var(--control-border-engaged);--button-secondary-border-selected-hover: var(--control-border-engaged-hover);--button-secondary-shadow: var(--control-shadow);--button-secondary-shadow-hover: var(--control-shadow-hover);--button-secondary-shadow-active: var(--control-shadow-active);--button-secondary-shadow-selected: var(--control-shadow-engaged);--button-secondary-shadow-selected-hover: var(--control-shadow-engaged-hover);--status-live: #20cb6f;--font-family-base: "Inter", sans-serif;--font-weight-body: 400;--font-weight-ui: 500;--font-weight-heading: 600;--letter-spacing-heading: -.02em;--letter-spacing-body: 0;--line-height-body: 1.6;--line-height-tight: 1;--text-xs: .75rem;--text-sm: .875rem;--text-body: 1rem;--text-lg: 1.125rem;--text-h3: clamp(1.25rem, 2vw, 1.6rem);--text-h2: clamp(1.9rem, 4vw, 2.9rem);--text-h1: clamp(3rem, 7vw, 5rem);--space-4: .25rem;--space-8: .5rem;--space-12: .75rem;--space-16: 1rem;--space-20: 1.25rem;--space-24: 1.5rem;--space-32: 2rem;--space-40: 2.5rem;--space-48: 3rem;--space-64: 4rem;--space-72: 4.5rem;--space-96: 6rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 999px;--border-width-1: 1px;--border-width-2: 2px;--outline-offset: 2px;--shadow-soft: 0 10px 30px rgba(15, 23, 42, .05);--shadow-elevated: 0 18px 44px rgba(15, 23, 42, .08);--header-height: 4.5rem;--container-max: 75rem;--container-copy: 38rem;--section-padding-y: clamp(4rem, 7vw, 5.75rem);--section-gap: clamp(1.5rem, 3vw, 2.75rem);--blur-header: 16px;--icon-size-sm: 1rem;--icon-size-md: 1.25rem;--icon-size-lg: 1.5rem;--text-card-title: 1.25rem;--button-height: 3rem;--button-height-sm: 2.5rem;--button-min-width-player: 10rem;--nav-panel-width: min(24rem, calc(100vw - 2rem) );--wave-bar-width: .375rem;--wave-bar-min-height: .75rem;--wave-bar-max-height: 2.5rem;--surface-padding: clamp(1.25rem, 2vw, 1.75rem);--grid-feature-aside: minmax(12rem, .8fr);--transition-fast: .15s ease;--transition-medium: .24s ease;--transition-control: .18s cubic-bezier(.22, 1, .36, 1);--transition-press: .16s cubic-bezier(.3, 0, .2, 1);--z-background: -1;--z-base: 0;--z-elevated: 10;--z-dropdown: 50;--z-sticky: 100;--z-modal: 1000}[data-theme=dark]{--bg-base: #05070b;--bg-surface: #0b0f17;--bg-surface-elevated: #121826;--bg-surface-strong: rgba(5, 7, 11, .78);--bg-overlay: rgba(2, 6, 12, .72);--bg-accent-soft: rgba(113, 214, 160, .11);--border-subtle: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .2);--border-contrast: rgba(148, 163, 184, .3);--text-primary: #e5edf7;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-inverse: #000000;--accent-primary: #f8fafc;--accent-secondary: #71d6a0;--accent-glow: rgba(113, 214, 160, .18);--accent-glow-strong: rgba(113, 214, 160, .28);--signal-highlight: #56f192;--signal-glow: rgba(86, 241, 146, .2);--signal-glow-strong: rgba(86, 241, 146, .34);--control-bg: linear-gradient(180deg, rgba(8, 12, 18, .92) 0%, rgba(16, 22, 32, .86) 100%);--control-bg-hover: linear-gradient(180deg, rgba(10, 15, 23, .94) 0%, rgba(19, 27, 38, .9) 100%);--control-bg-active: linear-gradient(180deg, rgba(6, 10, 16, .96) 0%, rgba(14, 20, 30, .9) 100%);--control-bg-engaged: linear-gradient(180deg, rgba(24, 32, 45, .94) 0%, rgba(13, 19, 29, .96) 100%);--control-bg-engaged-hover: linear-gradient(180deg, rgba(27, 36, 49, .96) 0%, rgba(16, 23, 34, .97) 100%);--control-border: rgba(148, 163, 184, .18);--control-border-hover: rgba(148, 163, 184, .26);--control-border-engaged: rgba(148, 163, 184, .24);--control-border-engaged-hover: rgba(148, 163, 184, .32);--control-shadow: 0 2px 4px rgba(0, 0, 0, .3) inset, 0 -1px 0 rgba(255, 255, 255, .04) inset, 0 1px 0 rgba(148, 163, 184, .04);--control-shadow-hover: 0 1px 3px rgba(0, 0, 0, .26) inset, 0 -1px 0 rgba(255, 255, 255, .05) inset, 0 1px 0 rgba(148, 163, 184, .05);--control-shadow-active: 0 3px 5px rgba(0, 0, 0, .34) inset, 0 -1px 0 rgba(255, 255, 255, .04) inset;--control-shadow-engaged: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 -1px 0 rgba(2, 6, 23, .46) inset, 0 6px 14px rgba(0, 0, 0, .24), 0 0 0 1px rgba(113, 214, 160, .04);--control-shadow-engaged-hover: 0 1px 0 rgba(255, 255, 255, .1) inset, 0 -1px 0 rgba(2, 6, 23, .48) inset, 0 8px 18px rgba(0, 0, 0, .28), 0 0 0 1px rgba(113, 214, 160, .06);--chip-bg: rgba(12, 18, 27, .9);--chip-bg-live: rgba(8, 21, 15, .94);--chip-border: rgba(148, 163, 184, .18);--chip-shadow: 0 1px 2px rgba(0, 0, 0, .26) inset, 0 -1px 0 rgba(255, 255, 255, .04) inset, 0 1px 0 rgba(148, 163, 184, .03);--chip-shadow-live: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 -1px 0 rgba(2, 6, 23, .36) inset, 0 6px 12px rgba(20, 60, 39, .24);--panel-face-top: rgba(18, 25, 36, .94);--panel-face-bottom: rgba(10, 15, 24, .96);--panel-face-border: rgba(148, 163, 184, .16);--panel-face-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 -1px 0 rgba(2, 6, 23, .44) inset, 0 18px 32px rgba(0, 0, 0, .3);--indicator-passive: rgba(100, 116, 139, .68);--button-primary-text: #f8fafc;--button-primary-bg-top: #383e47;--button-primary-bg-bottom: #121822;--button-primary-bg-top-hover: #3a4554;--button-primary-bg-bottom-hover: #18202c;--button-primary-bg-top-active: #293240;--button-primary-bg-bottom-active: #101620;--button-primary-border: rgba(148, 163, 184, .14);--button-primary-border-hover: rgba(148, 163, 184, .2);--button-primary-text-shadow: 0 1px 0 rgba(2, 6, 23, .4);--button-primary-shadow: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 -1px 0 rgba(2, 6, 23, .36) inset, 0 0 0 1px rgba(113, 214, 160, .04), 0 14px 28px rgba(0, 0, 0, .26), 0 4px 8px rgba(0, 0, 0, .18);--button-primary-shadow-hover: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 -1px 0 rgba(2, 6, 23, .4) inset, 0 0 0 1px rgba(113, 214, 160, .06), 0 16px 30px rgba(0, 0, 0, .3), 0 6px 12px rgba(0, 0, 0, .22);--button-primary-shadow-active: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 -1px 0 rgba(2, 6, 23, .34) inset, 0 0 0 1px rgba(113, 214, 160, .03), 0 8px 16px rgba(0, 0, 0, .22);--button-secondary-bg: var(--control-bg);--button-secondary-bg-hover: var(--control-bg-hover);--button-secondary-bg-active: var(--control-bg-active);--button-secondary-bg-selected: var(--control-bg-engaged);--button-secondary-bg-selected-hover: var(--control-bg-engaged-hover);--button-secondary-border: var(--control-border);--button-secondary-border-hover: var(--control-border-hover);--button-secondary-border-selected: var(--control-border-engaged);--button-secondary-border-selected-hover: var(--control-border-engaged-hover);--button-secondary-shadow: var(--control-shadow);--button-secondary-shadow-hover: var(--control-shadow-hover);--button-secondary-shadow-active: var(--control-shadow-active);--button-secondary-shadow-selected: var(--control-shadow-engaged);--button-secondary-shadow-selected-hover: var(--control-shadow-engaged-hover);--status-live: #56f192;--shadow-soft: 0 12px 30px rgba(0, 0, 0, .24);--shadow-elevated: 0 18px 44px rgba(0, 0, 0, .34)}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent;min-height:100%}html:hover{scrollbar-color:var(--border-strong) transparent}body{margin:0;min-height:100vh;font-family:var(--font-family-base);font-size:var(--text-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);letter-spacing:var(--letter-spacing-body);color:var(--text-primary);background:linear-gradient(180deg,var(--bg-accent-soft) 0%,transparent 20rem),var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.nav-open{overflow:hidden}::selection{background:var(--accent-glow-strong)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:not(.button):hover{color:var(--text-primary)}button,input,textarea,select{font:inherit}button{padding:0;color:inherit;background:none;border:none}main{display:block}h1,h2,h3{margin:0;font-weight:var(--font-weight-heading);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{margin:0;color:var(--text-secondary)}strong{color:var(--text-primary);font-weight:var(--font-weight-ui)}ul{margin:0;padding:0;list-style:none}button,a,input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--border-width-2) solid var(--accent-secondary);outline-offset:var(--outline-offset)}::-webkit-scrollbar{width:var(--space-8);height:var(--space-8)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:transparent}html:hover::-webkit-scrollbar-thumb{background:var(--border-strong)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.site-shell{position:relative;isolation:isolate}.site-header{position:sticky;top:0;z-index:var(--z-sticky);border-bottom:var(--border-width-1) solid var(--border-subtle);background:linear-gradient(180deg,color-mix(in srgb,var(--panel-face-top) 88%,transparent),color-mix(in srgb,var(--bg-surface-strong) 92%,transparent));box-shadow:0 1px #ffffff2e inset;-webkit-backdrop-filter:blur(var(--blur-header));backdrop-filter:blur(var(--blur-header))}.site-header-inner,.site-footer-inner,.section-inner{width:min(calc(100% - (var(--space-16) * 2)),var(--container-max));margin:0 auto}.site-header-inner{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.site-brand{display:inline-flex;align-items:center;gap:var(--space-12);flex:1 1 auto;min-width:0}.brand-mark{width:var(--space-40);height:var(--space-40);padding:var(--space-8);border:var(--border-width-1) solid var(--panel-face-border);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--panel-face-top) 0%,var(--panel-face-bottom) 100%);box-shadow:var(--panel-face-shadow);color:var(--text-primary)}.brand-copy{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.brand-name{font-size:var(--text-sm);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);color:var(--text-primary)}.brand-tagline{font-size:var(--text-xs);color:var(--text-secondary);display:none}.site-header-tools{display:flex;align-items:center;gap:var(--space-12);margin-left:auto;flex:0 0 auto;min-width:0}.site-nav{display:none;align-items:center;gap:var(--space-8)}.site-nav-actions{display:flex;align-items:center;gap:var(--space-8)}.site-main{display:flex;flex-direction:column;gap:0}.site-section{padding:var(--section-padding-y) 0}.site-section+.site-section{border-top:var(--border-width-1) solid var(--border-subtle)}.section-inner{display:grid;gap:var(--section-gap)}.page-hero{padding-top:clamp(4rem,9vw,7rem)}.page-hero-grid,.proof-grid,.final-cta-grid,.page-copy-grid{display:grid;gap:var(--space-32)}.page-copy-grid{align-items:start}.section-copy{width:min(100%,var(--container-copy));display:grid;gap:var(--space-16)}.site-footer{padding:var(--space-32) 0;border-top:var(--border-width-1) solid var(--border-subtle);background:color-mix(in srgb,var(--bg-surface) 84%,transparent)}.site-footer-inner{display:grid;gap:var(--space-24)}.footer-brand{display:grid;gap:var(--space-8)}.footer-meta{display:flex;flex-wrap:wrap;gap:var(--space-8);color:var(--text-secondary);font-size:var(--text-sm)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-16)}.site-nav-panel{position:fixed;top:calc(var(--header-height) + var(--space-8));left:var(--space-16);right:var(--space-16);width:auto;z-index:var(--z-dropdown)}.site-nav-sheet{display:grid;gap:var(--space-24);padding:var(--space-24);border:var(--border-width-1) solid var(--panel-face-border);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--panel-face-top) 0%,var(--panel-face-bottom) 100%);box-shadow:var(--panel-face-shadow),var(--shadow-elevated)}.site-nav-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.site-nav-mobile{display:grid;gap:var(--space-8)}.site-nav-overlay{position:fixed;inset:0;z-index:calc(var(--z-dropdown) - 1);background:var(--bg-overlay);opacity:0;transition:opacity var(--transition-medium)}.site-nav-overlay.is-open{opacity:1}@media(min-width:48rem){.site-header-inner{gap:var(--space-16)}.brand-tagline{display:block}.site-nav{display:inline-flex}.site-nav-panel{left:auto;width:var(--nav-panel-width)}.page-hero-grid,.proof-grid,.final-cta-grid,.page-copy-grid{grid-template-columns:minmax(0,1.08fr) minmax(20rem,.92fr);align-items:start}.site-footer-inner{grid-template-columns:minmax(0,1fr) auto;align-items:end}}@media(min-width:64rem){.site-header-inner,.site-footer-inner,.section-inner{width:min(calc(100% - (var(--space-24) * 2)),var(--container-max))}.page-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(27rem,.98fr);gap:clamp(2rem,4vw,4.5rem)}}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-8);width:fit-content;font-size:var(--text-xs);font-weight:var(--font-weight-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-tertiary)}.eyebrow:before{content:"";width:var(--space-8);height:var(--space-8);border-radius:var(--radius-pill);background:var(--signal-highlight);box-shadow:0 0 0 .25rem var(--signal-glow),0 0 .4rem color-mix(in srgb,var(--signal-highlight) 55%,transparent)}.status-chip,.info-chip{display:inline-flex;align-items:center;gap:var(--space-8);width:fit-content;min-height:2rem;padding:0 var(--space-12);border:var(--border-width-1) solid var(--chip-border);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--chip-bg);box-shadow:var(--chip-shadow);font-size:var(--text-xs);font-weight:var(--font-weight-ui)}.status-chip--live{color:var(--text-primary);border-color:color-mix(in srgb,var(--signal-highlight) 24%,var(--chip-border));background:var(--chip-bg-live);box-shadow:var(--chip-shadow-live)}.status-chip--live:before{content:"";width:.45rem;height:.45rem;border-radius:var(--radius-pill);background:var(--status-live);box-shadow:0 0 0 .22rem var(--signal-glow);animation:status-dot-pulse 1.4s ease-in-out infinite}.hero-copy,.page-copy,.section-heading,.section-copy{display:grid}.hero-copy{gap:var(--space-24)}.page-copy{gap:var(--space-20)}.hero-intro,.page-copy .u-stack-md{width:min(100%,var(--container-copy))}.hero-intro{display:grid;gap:var(--space-16)}.hero-copy p,.page-copy p,.section-copy p,.detail-copy p{max-width:var(--container-copy);font-size:var(--text-lg)}.page-copy p,.section-copy p,.detail-copy p,.use-case-item p,.placeholder-copy,.player-footnote,.todo-note{font-size:var(--text-body)}.hero-actions,.page-actions,.final-cta-actions,.proof-meta{display:flex;flex-wrap:wrap;gap:var(--space-12)}.hero-actions{margin-block:var(--space-12)}.hero-signals,.signal-list{display:grid;gap:var(--space-12)}.signal-list{padding-top:var(--space-8)}.signal-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-12) 0;border-top:var(--border-width-1) solid var(--border-subtle);font-size:var(--text-sm);color:var(--text-secondary)}.signal-item:first-child{border-top:0;padding-top:0}.signal-item strong{font-size:var(--text-body);font-weight:var(--font-weight-heading)}.signal-item span:last-child{color:var(--text-tertiary)}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--button-height);padding:0 var(--space-16);border:var(--border-width-1) solid transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--font-weight-ui);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-control),background var(--transition-control),box-shadow var(--transition-control),transform var(--transition-press);cursor:pointer}.button:hover,.icon-button:hover{border-color:var(--border-contrast)}.button--primary{padding:0 var(--space-20);border-color:var(--button-primary-border);color:var(--button-primary-text);background:linear-gradient(180deg,var(--button-primary-bg-top) 0%,var(--button-primary-bg-bottom) 100%);box-shadow:var(--button-primary-shadow);text-shadow:var(--button-primary-text-shadow)}.button--primary:hover{border-color:var(--button-primary-border-hover);background:linear-gradient(180deg,var(--button-primary-bg-top-hover) 0%,var(--button-primary-bg-bottom-hover) 100%);box-shadow:var(--button-primary-shadow-hover)}.button--primary:active{transform:translateY(.5px);background:linear-gradient(180deg,var(--button-primary-bg-top-active) 0%,var(--button-primary-bg-bottom-active) 100%);box-shadow:var(--button-primary-shadow-active)}.button--primary:focus-visible{border-color:var(--button-primary-border-hover)}.button--secondary{color:var(--text-secondary);border-color:var(--button-secondary-border);background:var(--button-secondary-bg);box-shadow:var(--button-secondary-shadow)}.button--secondary:hover{color:var(--text-primary);border-color:var(--button-secondary-border-hover);background:var(--button-secondary-bg-hover);box-shadow:var(--button-secondary-shadow-hover)}.button--secondary:active{transform:translateY(.5px);background:var(--button-secondary-bg-active);box-shadow:var(--button-secondary-shadow-active)}.button--secondary:focus-visible{border-color:var(--button-secondary-border-hover)}.button--secondary:is(.is-active,[aria-current=page],[aria-pressed=true],[aria-expanded=true]){color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-secondary) 16%,var(--button-secondary-border-selected));background:var(--button-secondary-bg-selected);box-shadow:var(--button-secondary-shadow-selected)}.button--secondary:is(.is-active,[aria-current=page],[aria-pressed=true],[aria-expanded=true]):hover{border-color:color-mix(in srgb,var(--accent-secondary) 22%,var(--button-secondary-border-selected-hover));background:var(--button-secondary-bg-selected-hover);box-shadow:var(--button-secondary-shadow-selected-hover)}.button--ghost{color:var(--text-secondary);background:transparent}.button--ghost:hover{background:var(--control-bg);box-shadow:var(--control-shadow)}.button--small{min-height:var(--button-height-sm);padding:0 var(--space-12)}.button--full{width:100%}.icon-button{width:var(--button-height);min-width:var(--button-height);padding:0;color:var(--text-secondary);border-color:var(--control-border);background:var(--control-bg);box-shadow:var(--control-shadow)}.icon-button:hover{color:var(--text-primary);border-color:var(--control-border-hover);background:var(--control-bg-hover);box-shadow:var(--control-shadow-hover)}.icon-button:is(.is-active,[aria-pressed=true],[aria-expanded=true]){color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-secondary) 16%,var(--control-border-engaged));background:var(--control-bg-engaged);box-shadow:var(--control-shadow-engaged)}.icon-button:is(.is-active,[aria-pressed=true],[aria-expanded=true]):hover{border-color:color-mix(in srgb,var(--accent-secondary) 22%,var(--control-border-engaged-hover));background:var(--control-bg-engaged-hover);box-shadow:var(--control-shadow-engaged-hover)}.icon-button:active{transform:translateY(.5px);background:var(--control-bg-active);box-shadow:var(--control-shadow-active)}.icon-button svg{width:var(--icon-size-md);height:var(--icon-size-md)}.nav-toggle{display:inline-flex}.site-header-app-link{display:none}.theme-toggle{position:relative;display:block;width:3.5rem;height:2.5rem;flex-shrink:0;padding:0;border-radius:var(--radius-pill);border:var(--border-width-1) solid var(--control-border);background:var(--control-bg);box-shadow:var(--control-shadow);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-control),box-shadow var(--transition-control)}.theme-toggle:hover{border-color:var(--control-border-hover);background:var(--control-bg-hover);box-shadow:var(--control-shadow-hover)}.theme-toggle:active{background:var(--control-bg-active);box-shadow:var(--control-shadow-active)}.theme-toggle:focus-visible{border-color:color-mix(in srgb,var(--accent-secondary) 28%,var(--control-border-hover))}.theme-toggle-icon{position:absolute;top:.375rem;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:color var(--transition-fast),left var(--transition-medium),right var(--transition-medium)}.theme-toggle-icon--light{left:.375rem}.theme-toggle-icon--dark{right:.375rem}.theme-toggle-icon svg{width:.875rem;height:.875rem}:root:not([data-theme=dark]) .theme-toggle-icon--light{color:var(--text-primary)}[data-theme=dark] .theme-toggle-icon--dark{color:var(--text-primary)}.theme-toggle-knob{position:absolute;bottom:.25rem;left:50%;transform:translate(-50%);width:1.25rem;height:1.25rem;border-radius:50%;border:var(--border-width-1) solid var(--button-primary-border);background:conic-gradient(from 145deg at 50% 50%,color-mix(in srgb,var(--button-primary-bg-top) 80%,transparent) 0deg,var(--button-primary-bg-bottom) 65deg,var(--button-primary-bg-top) 140deg,var(--button-primary-bg-bottom) 235deg,var(--button-primary-bg-top) 310deg,var(--button-primary-bg-bottom) 360deg);box-shadow:0 1px 1px #ffffff40 inset,0 -1px 2px #02061766 inset,0 4px 6px #0f172a40,0 8px 16px #0f172a26;transition:width var(--transition-medium),height var(--transition-medium)}.theme-toggle-knob-spinner{position:absolute;inset:0;border-radius:50%;transition:transform .5s cubic-bezier(.34,1.56,.54,1);transform:rotate(-55deg)}.theme-toggle-indicator{position:absolute;top:.15rem;left:50%;width:.15rem;height:.35rem;border-radius:var(--radius-pill);background:#fff;transform:translate(-50%);box-shadow:0 1px 1px #000c inset,0 -1px #fff6 inset}[data-theme=dark] .theme-toggle-knob-spinner{transform:rotate(55deg)}@media(min-width:48rem){.site-header-app-link{display:inline-flex}.theme-toggle{width:4.5rem}.theme-toggle-icon--light{left:.625rem}.theme-toggle-icon--dark{right:.625rem}.theme-toggle-knob{width:1.5rem;height:1.5rem}}.site-nav-link,.footer-link{display:inline-flex;align-items:center;min-height:var(--button-height-sm);padding:0 var(--space-12);border:var(--border-width-1) solid var(--control-border);border-radius:var(--radius-pill);color:var(--text-secondary);background:var(--control-bg);box-shadow:var(--control-shadow);font-size:var(--text-sm);font-weight:var(--font-weight-ui);transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-control),background var(--transition-control),box-shadow var(--transition-control),transform var(--transition-press)}.site-nav-link:hover,.footer-link:hover{color:var(--text-primary);border-color:var(--control-border-hover);background:var(--control-bg-hover);box-shadow:var(--control-shadow-hover)}.site-nav-link:is(.is-active,[aria-current=page]),.footer-link:is(.is-active,[aria-current=page]){color:var(--text-primary);border-color:color-mix(in srgb,var(--accent-secondary) 16%,var(--control-border-engaged));background:var(--control-bg-engaged);box-shadow:var(--control-shadow-engaged)}.site-nav-link:is(.is-active,[aria-current=page]):hover,.footer-link:is(.is-active,[aria-current=page]):hover{border-color:color-mix(in srgb,var(--accent-secondary) 22%,var(--control-border-engaged-hover));background:var(--control-bg-engaged-hover);box-shadow:var(--control-shadow-engaged-hover)}.site-nav-link:active,.footer-link:active{transform:translateY(.5px);background:var(--control-bg-active);box-shadow:var(--control-shadow-active)}.site-nav-link--mobile{width:100%;justify-content:space-between}.hero-panel,.surface-card,.proof-player,.placeholder-panel,.cta-strip{position:relative;overflow:hidden;padding:var(--surface-padding);border:var(--border-width-1) solid var(--panel-face-border);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--panel-face-top) 0%,var(--panel-face-bottom) 100%);box-shadow:var(--panel-face-shadow)}.hero-panel{display:grid;gap:var(--space-20)}.hero-panel--product{align-content:start;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 92%,transparent),var(--bg-surface)),var(--bg-surface)}.placeholder-head,.player-head,.player-actions,.detail-aside-head,.hero-window-toolbar,.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16)}.hero-panel-title,.player-title,.detail-copy{display:grid;gap:var(--space-8)}.hero-panel-header,.composer-main,.composer-aside,.composer-note{display:grid;gap:var(--space-12)}.hero-panel-header,.hero-panel-title,.composer-main,.composer-aside,.composer-note,.queue-item>div{min-width:0}.hero-panel-header{align-items:start}.hero-window{display:grid;gap:0;overflow:hidden;border:var(--border-width-1) solid var(--panel-face-border);border-radius:calc(var(--radius-xl) - .25rem);background:linear-gradient(180deg,var(--panel-face-top) 0%,var(--panel-face-bottom) 100%);box-shadow:0 1px #ffffff14 inset,0 -1px #0206170f inset}.hero-window-toolbar{padding:var(--space-16) var(--space-20);padding-bottom:var(--space-12);border-bottom:var(--border-width-1) solid var(--border-subtle);background:linear-gradient(180deg,color-mix(in srgb,var(--control-bg-hover) 94%,transparent),color-mix(in srgb,var(--control-bg) 96%,transparent));box-shadow:0 1px #ffffff24 inset}.window-dots{display:inline-flex;gap:var(--space-8)}.window-dots span{width:.55rem;height:.55rem;border-radius:var(--radius-pill);background:var(--indicator-passive);box-shadow:0 0 0 1px color-mix(in srgb,var(--panel-face-border) 82%,transparent)}.window-dots span:first-child{background:var(--signal-highlight);box-shadow:0 0 0 1px color-mix(in srgb,var(--signal-highlight) 32%,transparent),0 0 .5rem var(--signal-glow)}.window-label{font-size:var(--text-xs);font-weight:var(--font-weight-ui);color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase}.composer-body,.composer-output{display:grid;gap:var(--space-16)}.composer-body{padding:var(--space-20)}.composer-output{padding:var(--space-20);border-top:var(--border-width-1) solid var(--border-subtle);background:color-mix(in srgb,var(--bg-surface) 94%,var(--bg-accent-soft))}.composer-output-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap}.composer-main,.detail-aside,.mini-chart,.mini-meter,.placeholder-list li{border:var(--border-width-1) solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.composer-main,.detail-aside,.mini-chart,.mini-meter{padding:var(--space-16)}.composer-main{gap:var(--space-12);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-surface) 88%,transparent),var(--bg-surface)),var(--bg-surface)}.composer-aside{align-content:start;padding-top:var(--space-16);border-top:var(--border-width-1) solid var(--border-subtle)}.composer-main h3,.detail-copy h3,.use-case-item h3,.player-title h3,.placeholder-head h3{font-size:var(--text-card-title)}.composer-main p,.composer-note p{font-size:var(--text-body)}.topic-metadata,.player-meta,.episode-meta,.proof-meta{display:flex;flex-wrap:wrap;gap:var(--space-8)}.source-list,.queue-list{display:grid;gap:0}.source-list li,.queue-item{padding:var(--space-12) 0}.source-title,.queue-item strong,.metric-value{color:var(--text-primary);font-weight:var(--font-weight-ui)}.source-note,.queue-item>div>span,.metric-label{display:block;color:var(--text-tertiary);font-size:var(--text-xs)}.source-list li+li,.queue-item+.queue-item,.composer-note{border-top:var(--border-width-1) solid var(--border-subtle)}.queue-item{display:grid;gap:var(--space-12);align-items:flex-start}.queue-item .status-chip,.composer-output-head .status-chip{flex-shrink:0;align-self:start}.composer-note{padding-top:var(--space-16)}.proof-grid{align-items:center}.proof-player{display:grid;gap:var(--space-20)}.player-toggle{min-width:var(--button-min-width-player)}.player-head,.player-actions,.placeholder-head{align-items:flex-start}.waveform{display:flex;align-items:end;gap:var(--space-8);min-height:calc(var(--wave-bar-max-height) + var(--space-12));padding:var(--space-16);border:var(--border-width-1) solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--bg-accent-soft) 0%,transparent 100%)}.waveform-bar{width:var(--wave-bar-width);min-height:var(--wave-bar-min-height);border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--accent-secondary) 0%,var(--accent-primary) 100%);transform-origin:center bottom;animation:waveform-idle 1.8s ease-in-out infinite;animation-play-state:paused}.waveform-bar:nth-child(odd){animation-duration:1.5s}.waveform-bar:nth-child(3n){animation-duration:2.1s}.waveform-bar:nth-child(1){height:var(--space-20)}.waveform-bar:nth-child(2){height:var(--space-32)}.waveform-bar:nth-child(3){height:var(--space-16)}.waveform-bar:nth-child(4){height:var(--space-40)}.waveform-bar:nth-child(5){height:var(--space-24)}.waveform-bar:nth-child(6){height:var(--space-48)}.waveform-bar:nth-child(7){height:var(--space-12)}.waveform-bar:nth-child(8){height:var(--space-32)}.waveform-bar:nth-child(9){height:var(--space-20)}.waveform-bar:nth-child(10){height:var(--space-40)}.waveform-bar:nth-child(11){height:var(--space-16)}.waveform-bar:nth-child(12){height:var(--space-32)}.is-playing .waveform-bar{animation-play-state:running}.section-heading{gap:var(--space-12);width:min(100%,42rem)}.detail-stack{border-top:var(--border-width-1) solid var(--border-subtle)}.detail-row{display:grid;gap:var(--space-20);padding:var(--space-24) 0;border-bottom:var(--border-width-1) solid var(--border-subtle)}.detail-label{font-size:var(--text-xs);font-weight:var(--font-weight-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.detail-aside{display:grid;gap:var(--space-16)}.detail-aside-head{align-items:center}.mini-chart{display:flex;align-items:end;gap:var(--space-8);min-height:6rem}.mini-chart span,.mini-meter span{border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--accent-secondary),var(--accent-primary))}.mini-chart span{flex:1}.mini-chart span:nth-child(1){height:36%}.mini-chart span:nth-child(2){height:74%}.mini-chart span:nth-child(3){height:55%}.mini-chart span:nth-child(4){height:84%}.mini-meter{display:grid;gap:var(--space-12)}.mini-meter span{display:block;height:.4rem}.mini-meter span:nth-child(2){width:82%}.mini-meter span:nth-child(3){width:66%}.use-case-band{display:grid;gap:var(--space-16)}.use-case-item{display:grid;gap:var(--space-8);padding:var(--space-20) 0;border-top:var(--border-width-1) solid var(--border-subtle)}.use-case-item:first-child{padding-top:0;border-top:0}.card-kicker,.step-index,.metric-label{font-size:var(--text-xs);font-weight:var(--font-weight-ui);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.cta-strip{align-items:center;flex-wrap:wrap}.cta-copy{display:grid;gap:var(--space-8);flex:1 1 18rem}.theme-swatch{display:inline-flex;gap:var(--space-8)}.theme-swatch span{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-pill);border:var(--border-width-1) solid var(--border-subtle)}.theme-swatch span:first-child{background:var(--bg-base)}.theme-swatch span:last-child{background:var(--text-primary)}.placeholder-panel{display:grid;gap:var(--space-20)}.placeholder-list{display:grid;gap:var(--space-12)}.placeholder-list li{padding:var(--space-16);color:var(--text-secondary)}@keyframes status-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes waveform-idle{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.15)}}@media(min-width:48rem){.composer-body,.detail-row,.use-case-band{grid-template-columns:minmax(0,1fr) var(--grid-feature-aside)}.hero-panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:start}.composer-body{align-items:start}.composer-aside{padding-top:0;padding-left:var(--space-20);border-top:0;border-left:var(--border-width-1) solid var(--border-subtle)}.queue-item{grid-template-columns:minmax(0,1fr) auto;align-items:center}.detail-row{align-items:center}.use-case-band{gap:var(--space-24)}.use-case-item{padding:0;border-top:0;border-left:var(--border-width-1) solid var(--border-subtle);padding-left:var(--space-20)}.use-case-item:first-child{border-left:0;padding-left:0}.nav-toggle{display:none}}.u-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.u-text-secondary{color:var(--text-secondary)}.u-text-tertiary{color:var(--text-tertiary)}.u-inline-list{display:flex;flex-wrap:wrap;gap:var(--space-12)}.u-stack-sm{display:grid;gap:var(--space-12)}.u-stack-md{display:grid;gap:var(--space-16)}