@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--color-bg:#f8fafc;--color-bg-elevated:#fff;--color-bg-surface:#f1f5f9;--color-bg-subtle:#e2e8f0;--color-glass:#ffffffd1;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-tertiary:#64748b;--color-text-muted:#94a3b8;--color-accent:#0052cc;--color-accent-light:#0747a6;--color-accent-dim:#002166;--color-accent-glow:#0052cc14;--color-accent-border:#0052cc40;--color-accent-bg:#0052cc0a;--color-accent-bg-strong:#0052cc1f;--color-success:#059669;--color-success-dim:#05966914;--color-success-border:#05966938;--color-success-bg:#0596690f;--color-warning:#d97706;--color-warning-dim:#d9770614;--color-warning-border:#d9770638;--color-warning-bg:#d977060f;--color-info:#2563eb;--color-info-dim:#2563eb14;--color-info-border:#2563eb38;--color-info-bg:#2563eb0f;--color-border:#cbd5e1;--color-border-subtle:#e2e8f0;--color-border-accent:#0052cc40;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--font-hero:clamp(3.2rem, 5.5vw, 6rem);--font-title:clamp(2.2rem, 3.8vw, 3.8rem);--font-subtitle:clamp(1.3rem, 2.2vw, 1.85rem);--font-body:clamp(1.05rem, 1.45vw, 1.3rem);--font-caption:clamp(.8rem, 1.05vw, .95rem);--font-badge:clamp(.7rem, .85vw, .85rem);--font-arch-label:clamp(.95rem, 1.1vw, 1.1rem);--font-arch-title:clamp(1.15rem, 1.35vw, 1.35rem);--font-statement:clamp(2.5rem, 4.5vw, 4rem);--font-cover:clamp(2rem, 4vw, 3.5rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.12;--line-height-normal:1.5;--line-height-relaxed:1.7;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.05em;--letter-spacing-wider:.1em;--letter-spacing-label:.08em;--letter-spacing-eyebrow:.1em;--letter-spacing-brand:.12em;--letter-spacing-brand-wide:.25em;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--slide-width:1920;--slide-height:1080;--slide-padding:clamp(2rem, 5%, 6rem);--slide-padding-x:clamp(3rem, 6%, 8rem);--slide-title-margin:var(--space-lg);--slide-title-margin-ref:var(--space-xl);--slide-content-max:920px;--slide-arch-max:85%;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--shadow-sm:0 1px 3px #0f172a0f;--shadow-md:0 6px 16px -4px #0f172a14, 0 2px 4px -1px #0f172a0a;--shadow-lg:0 16px 32px -6px #0f172a1f, 0 4px 8px -2px #0f172a0f;--shadow-glow:0 0 35px var(--color-accent-glow);--shadow-glow-strong:0 0 50px #0052cc2e;--color-blob-1:#0052cc12;--color-blob-2:#6366f10f;--color-blob-3:#0ea5e90d;--row-height-sm:38px;--row-height-md:40px;--timeline-node:32px;--duration-fast:.15s;--duration-normal:.32s;--duration-slow:.52s;--easing-smooth:cubic-bezier(.16, 1, .3, 1);--easing-spring:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0s;--duration-normal:0s;--duration-slow:0s}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--color-bg);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow:hidden}.presentation{background:var(--color-bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.stage{width:100%;max-width:177.778vh;height:100%;max-height:56.25vw;position:relative;overflow:hidden}.slide{padding:var(--slide-padding) var(--slide-padding-x);opacity:0;pointer-events:none;filter:blur(4px);transition:opacity var(--duration-slow) var(--easing-smooth), transform var(--duration-slow) var(--easing-smooth), filter var(--duration-slow) var(--easing-smooth);flex-direction:column;display:flex;position:absolute;inset:0;transform:scale(.97)translateY(16px)}.slide.active{opacity:1;pointer-events:auto;filter:blur();transform:scale(1)translateY(0)}.slide-header{padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-xl);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-height:2.2rem;display:flex}.slide-header__brand{font-size:var(--font-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.slide-header__counter{font-size:var(--font-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums;background:var(--color-bg-surface);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle)}.slide-content{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.slide-content--top{padding-top:var(--space-md);justify-content:flex-start}.slide-content--center{text-align:center;align-items:center}.progress-bar{background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-info) 50%, #6366f1 100%);height:4px;box-shadow:0 0 12px var(--color-accent-glow);transition:width var(--duration-normal) var(--easing-smooth);z-index:100;background-size:200% 100%;animation:4s linear infinite progressBarFlow;position:fixed;bottom:0;left:0}@keyframes progressBarFlow{0%{background-position:0 0}to{background-position:200% 0}}.text-hero{font-size:var(--font-hero);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.text-title{font-size:var(--font-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.text-subtitle{font-size:var(--font-subtitle);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.text-body{font-size:var(--font-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.text-caption{font-size:var(--font-caption);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wide)}.text-accent{color:var(--color-accent-light)}.text-gradient{background:linear-gradient(135deg, var(--color-accent-light), #4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-mono{font-family:var(--font-mono)}.text-eyebrow{font-size:var(--font-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary)}.text-eyebrow--accent{color:var(--color-accent-light)}.text-eyebrow--success{color:var(--color-success)}.text-eyebrow--warning{color:var(--color-warning)}.text-eyebrow--info{color:var(--color-info)}.text-eyebrow--muted{color:var(--color-text-muted)}.slide-title{margin:0;margin-bottom:var(--slide-title-margin)}.slide-title--ref{margin-bottom:var(--slide-title-margin-ref)}.slide-title-area{justify-content:space-between;align-items:baseline;gap:var(--space-2xl);margin-bottom:var(--slide-title-margin);display:flex}.slide-title-area .slide-title{margin-bottom:0}.slide-footer{margin-top:var(--space-lg);font-size:var(--font-caption);color:var(--color-text-muted);font-style:italic}.step{opacity:0;transition:opacity var(--duration-slow) var(--easing-smooth), transform var(--duration-slow) var(--easing-smooth);transform:translateY(20px)}.step.visible{opacity:1;transform:translateY(0)}.step--fade,.step--fade.visible{transform:none}.step--scale{transform:scale(.94)}.step--scale.visible{transform:scale(1)}.step--spring{transition:opacity var(--duration-slow) var(--easing-spring), transform var(--duration-slow) var(--easing-spring);transform:translateY(24px)scale(.95)}.step--spring.visible{opacity:1;transform:translateY(0)scale(1)}.arch-node{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);font-size:var(--font-body);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;box-shadow:var(--shadow-sm);transition:border-color var(--duration-normal) var(--easing-smooth), background var(--duration-normal) var(--easing-smooth), transform var(--duration-normal) var(--easing-smooth), box-shadow var(--duration-normal) var(--easing-smooth);display:inline-flex}.arch-node:hover{border-color:var(--color-accent);background:var(--color-accent-glow);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.arch-node--accent{border-color:var(--color-border-accent);background:#0052cc0a}.arch-node--accent:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md), var(--shadow-glow-strong)}.arch-node--hero{padding:var(--space-md) var(--space-2xl);font-size:var(--font-subtitle);font-weight:var(--font-weight-semibold);border-color:var(--color-accent);box-shadow:var(--shadow-glow), var(--shadow-sm);background:linear-gradient(135deg,#0052cc14 0%,#6366f10f 100%)}.arch-node--hero:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-strong);transform:translateY(-3px)scale(1.02)}.arch-node--subtle{border-color:var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.arch-node--subtle:hover{border-color:var(--color-border);background:var(--color-bg-elevated)}.connector{stroke:var(--color-border);stroke-width:1.5px;fill:none}.connector--accent{stroke:var(--color-accent);stroke-width:2px}.connector--animated{stroke-dasharray:1000;stroke-dashoffset:1000px;transition:stroke-dashoffset .8s var(--easing-smooth)}.connector--animated.visible{stroke-dashoffset:0}.badge{align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:var(--font-badge);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);box-shadow:var(--shadow-sm);display:inline-flex}.badge--accent{background:var(--color-accent-glow);color:var(--color-accent-light);border:1px solid #0052cc40}.badge--success{background:var(--color-success-dim);color:var(--color-success);border:1px solid #05966940}.badge--info{background:var(--color-info-dim);color:var(--color-info);border:1px solid #2563eb40}.badge--warning{background:var(--color-warning-dim);color:var(--color-warning);border:1px solid #d9770640}.comparison{gap:var(--space-2xl);grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.comparison__divider{background:var(--color-border);align-self:stretch;width:1px}.comparison__column{gap:var(--space-md);flex-direction:column;display:flex}.comparison__label{font-size:var(--font-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;margin-bottom:var(--space-sm)}.auth-flow-layout{align-items:stretch;gap:var(--space-3xl);flex:1;min-height:0}.flow-journey{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.flow-journey>.step{flex:1;min-height:0;display:flex}.flow-journey__step{gap:var(--space-lg);flex:1;min-height:0;display:flex}.flow-journey__track{flex-direction:column;flex-shrink:0;align-items:center;width:24px;display:flex}.flow-journey__dot{width:14px;height:14px;transition:box-shadow var(--duration-normal) var(--easing-smooth);border-radius:50%;flex-shrink:0;margin-top:10px}.flow-journey__connector{width:3px;min-height:var(--space-md);transform-origin:top;transition:transform .35s var(--easing-smooth), background var(--duration-normal) var(--easing-smooth);border-radius:2px;flex:1;transform:scaleY(0)}.flow-journey__connector.visible{transform:scaleY(1)}.flow-journey__content{padding-bottom:var(--space-xs);flex-direction:column;flex:1;justify-content:flex-start;display:flex}.flow-journey__label{font-size:var(--font-subtitle);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.flow-journey__sublabel{font-size:var(--font-body);color:var(--color-text-tertiary);margin-top:var(--space-xs);line-height:var(--line-height-normal)}.flow-journey__sublabel--italic{font-style:italic}.auth-flow-comparison{justify-content:center;gap:var(--space-lg);flex-direction:column;min-height:100%;display:flex}.roadmap-layout{gap:var(--space-3xl);flex:1;grid-template-columns:1.35fr 1fr;align-items:stretch;min-height:0;display:grid}.roadmap-timeline{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.roadmap-phase{gap:var(--space-xl);flex:1;min-height:0;display:flex}.roadmap-track{flex-direction:column;flex-shrink:0;align-items:center;width:44px;display:flex}.roadmap-node{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.roadmap-node--pilot:after{content:"";opacity:.3;border:1.5px solid;border-radius:50%;position:absolute;inset:-6px}.roadmap-node__num{font-family:var(--font-mono);font-size:var(--font-caption);font-weight:var(--font-weight-semibold);letter-spacing:.03em}.roadmap-connector{width:2px;min-height:var(--space-md);margin:var(--space-xs) 0;background:linear-gradient(to bottom, var(--color-border), var(--color-border-subtle));flex:1}.roadmap-content{padding-top:var(--space-sm);flex-direction:column;flex:1;justify-content:flex-start;display:flex}.roadmap-label-row{align-items:center;gap:var(--space-md);margin-bottom:var(--space-xs);display:flex}.roadmap-label{font-size:var(--font-subtitle);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.roadmap-label--pilot{font-weight:var(--font-weight-bold)}.roadmap-desc{font-size:var(--font-body);color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.mvp-sidebar{justify-content:center;gap:var(--space-2xl);flex-direction:column;height:100%;min-height:100%;display:flex}.mvp-sidebar .surface-card,.mvp-sidebar .callout-principle{padding:var(--space-xl) var(--space-2xl)}.mvp-sidebar .callout-principle__text{font-size:var(--font-subtitle);line-height:var(--line-height-normal)}.mvp-sidebar__role{font-size:var(--font-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}.mvp-sidebar__role--accent{color:var(--color-accent-light)}.mvp-sidebar__person{font-size:var(--font-caption);font-weight:var(--font-weight-regular);color:var(--color-text-tertiary);margin-top:var(--space-xs);line-height:var(--line-height-tight)}.mvp-title-note{font-size:var(--font-body);text-align:right;color:var(--color-text-tertiary);white-space:nowrap;font-style:italic}.evolution-layout{gap:var(--space-md);flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.slide-fill--evolution{min-height:0}.slide-fill--evolution .slide-title{margin-bottom:var(--space-md);flex-shrink:0}.slide-fill--evolution .evolution-layout{justify-content:flex-start;overflow:hidden}.evolution-headers{gap:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border-subtle);flex-shrink:0;align-items:start;display:grid}.evolution-headers--full{grid-template-columns:minmax(0,1fr) 48px minmax(0,1.2fr)}.evolution-headers--today{grid-template-columns:1fr}.evolution-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.evolution-header--platform{border-bottom:none}.evolution-header__title{align-items:center;gap:var(--space-sm);min-height:1.25rem;display:flex}.evolution-header__marker{flex-shrink:0;width:8px;height:8px}.evolution-header__badge{font-family:var(--font-mono);font-size:var(--font-badge);padding:var(--space-xs) var(--space-md);text-align:left;max-width:100%;line-height:1.3}.evolution-header__platform-title{align-items:center;gap:var(--space-sm);display:flex}.evolution-rows{align-content:start;gap:var(--space-xs) var(--space-lg);flex:1;min-height:0;display:grid;position:relative}.evolution-rows--full{grid-template-columns:minmax(0,1fr) 40px minmax(0,1.2fr)}.evolution-body{gap:var(--space-lg);flex:none;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.2fr);align-items:stretch;min-height:min-content;display:grid}.evolution-today{flex-direction:column;min-width:0;height:100%;display:flex}.evolution-sources{gap:var(--space-xs);flex-direction:column;height:100%;display:flex}.evolution-transform{justify-content:center;align-self:stretch;align-items:center;display:flex}.evolution-transform-arrow{flex-shrink:0}.evolution-platform{gap:var(--space-xs);box-sizing:border-box;grid-template-rows:2fr 2fr 7fr 5fr;min-width:0;height:0;min-height:100%;display:grid}.evolution-domain{border-radius:var(--radius-md);padding:.2rem var(--space-md);box-sizing:border-box;border:1px solid #0000;flex-direction:column;justify-content:flex-start;min-height:0;display:flex;overflow:hidden}.evolution-domain--solo{justify-content:center}.evolution-domain__header{align-items:center;gap:var(--space-sm);flex-shrink:0;margin-bottom:0;display:flex}.evolution-domain:not(.evolution-domain--solo) .evolution-domain__header{margin-bottom:.12rem}.evolution-domain__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.evolution-domain__label{font-size:var(--font-caption);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;line-height:var(--line-height-tight)}.evolution-domain__repos{padding:0 0 0 calc(8px + var(--space-sm));flex-direction:column;flex:auto;justify-content:space-between;gap:0;min-height:0;margin:0;list-style:none;display:flex}.evolution-domain__repo{align-items:center;gap:var(--space-sm);line-height:1.05;display:flex}.evolution-domain__repo-marker{opacity:.85;border-radius:1px;flex-shrink:0;width:6px;height:6px}.evolution-domain__repo-name{font-family:var(--font-mono);font-size:var(--font-caption);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);color:var(--color-text-secondary)}.evolution-rows--today{grid-template-columns:1fr}.evolution-row__cell{z-index:1;align-items:center;width:100%;min-width:0;display:flex}.evolution-row__cell--arrow{justify-content:center}.evolution-row__cell--target{padding:0 var(--space-xs)}.evolution-platform-dot{background:var(--color-accent);width:8px;height:8px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;flex-shrink:0}.evolution-source{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-md);background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);min-height:2rem;display:flex}.evolution-source__dot{background:var(--color-text-muted);opacity:.5;border-radius:50%;flex-shrink:0;width:8px;height:8px}.evolution-source__name{font-family:var(--font-mono);font-size:var(--font-caption);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.evolution-arrow{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.evolution-target-wrap{gap:var(--space-xs);flex-direction:column;width:100%;display:flex}.evolution-target{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);box-sizing:border-box;border:1px solid #0000;min-height:2rem;display:flex}.evolution-target__dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.evolution-target__name{font-family:var(--font-mono);font-size:var(--font-caption);font-weight:var(--font-weight-semibold)}.evolution-callout{padding:var(--space-md) var(--space-xl);align-items:center;gap:var(--space-md);flex-shrink:0;margin-top:auto;display:flex}.evolution-callout__icon{background:var(--color-accent-glow);width:32px;height:32px;color:var(--color-accent-light);font-weight:var(--font-weight-bold);font-size:var(--font-body);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.evolution-callout__text{font-size:var(--font-subtitle);line-height:var(--line-height-normal)}.flow{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.flow--horizontal{gap:var(--space-xl);flex-direction:row}.flow__arrow{width:1px;height:var(--space-xl);background:var(--color-border);position:relative}.flow__arrow:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:6px solid var(--color-border);position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.flow__arrow--horizontal{width:var(--space-2xl);height:1px}.flow__arrow--horizontal:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--color-border);border-right:none;inset:50% -4px auto auto;transform:translateY(-50%)}.callout{padding:var(--space-lg) var(--space-xl);border-left:4px solid var(--color-accent);background:var(--color-accent-glow);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--font-body);color:var(--color-text-secondary);box-shadow:var(--shadow-sm)}.callout--subtle{border-left-color:var(--color-border);background:var(--color-bg-surface)}.callout-principle{padding:var(--space-lg) var(--space-xl);border-left:3px solid var(--color-accent);background:var(--color-accent-glow);border-radius:0 var(--radius-md) var(--radius-md) 0}.callout-principle__label{font-size:var(--font-badge);font-family:var(--font-mono);color:var(--color-accent);text-transform:uppercase;letter-spacing:var(--letter-spacing-eyebrow);margin-bottom:var(--space-sm)}.callout-principle__text{font-size:var(--font-body);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0}.statement{max-width:44ch;margin:0 auto}.metric{gap:var(--space-xs);padding:var(--space-lg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--easing-smooth), border-color var(--duration-normal) var(--easing-smooth), box-shadow var(--duration-normal) var(--easing-smooth);flex-direction:column;display:flex}.metric:hover{box-shadow:var(--shadow-md), var(--shadow-glow);border-color:#0052cc40;transform:translateY(-3px)scale(1.01)}.metric__label{font-size:var(--font-badge);font-weight:var(--font-weight-semibold);color:var(--color-accent-light);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.metric__value{font-size:var(--font-subtitle);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.metric__description{font-size:var(--font-caption);color:var(--color-text-tertiary)}.grid-2{gap:var(--space-xl);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-xl);grid-template-columns:1fr 1fr 1fr;display:grid}.grid-4{gap:var(--space-lg);grid-template-columns:1fr 1fr 1fr 1fr;display:grid}.slide-fill{flex-direction:column;width:100%;height:100%;display:flex}.slide-fill-center{justify-content:center;align-items:center;gap:var(--space-3xl);flex-direction:column;height:100%;display:flex}.arch-stage{width:100%;max-width:var(--slide-content-max);flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 auto;display:flex}.arch-layer{width:100%;max-width:var(--slide-arch-max);justify-content:center;display:flex}.step.arch-layer,.step.arch-layer--wide{justify-content:center;display:flex}.step.arch-layer--wide{width:100%;max-width:100%}.arch-layer--wide{max-width:100%}.arch-layer-badge{align-items:center;gap:var(--space-xs);padding:3px var(--space-md);background:var(--color-accent-glow);border:1px solid var(--color-border-accent);border-radius:var(--radius-pill);font-size:var(--font-badge);font-weight:var(--font-weight-bold);color:var(--color-accent-light);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;display:inline-flex}.arch-layer-badge__dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.arch-sublabel{font-size:var(--font-badge);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-tertiary)}.arch-sublabel--accent{color:var(--color-accent-light);background:var(--color-accent-bg-strong);border:1px solid var(--color-border-accent);padding:3px var(--space-md);border-radius:var(--radius-pill)}.surface-card{padding:var(--space-md) var(--space-lg);background:var(--color-bg-elevated);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.surface-card--accent{border:1.5px solid var(--color-border-accent);background:linear-gradient(150deg, var(--color-bg-elevated) 0%, var(--color-bg) 100%);box-shadow:var(--shadow-md), var(--shadow-glow)}.list-row{align-items:center;gap:var(--space-sm);height:var(--row-height-sm);padding:0 var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:var(--font-caption);color:var(--color-text-tertiary);transition:all var(--duration-fast) var(--easing-smooth);display:flex}.list-row--group-start{margin-top:var(--space-xs)}.list-row__dot{background:var(--color-text-muted);opacity:.6;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.narrative-step{align-items:center;gap:var(--space-xs);font-size:var(--font-badge);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-muted);display:flex}.narrative-step--active{color:var(--color-text-primary)}.narrative-step--accent{color:var(--color-accent-light)}.narrative-step__num{background:var(--color-border);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:inline-flex}.narrative-step--active .narrative-step__num,.narrative-step--accent .narrative-step__num{background:var(--color-accent)}.narrative-bar{gap:var(--space-xl);padding:var(--space-xs) var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);grid-template-columns:minmax(210px,.9fr) minmax(440px,1.8fr) minmax(280px,1.2fr);align-items:center;display:grid}.narrative-canvas{gap:var(--space-xl);flex:1;grid-template-columns:minmax(210px,.9fr) minmax(440px,1.8fr) minmax(280px,1.2fr);align-items:stretch;min-height:0;display:grid;position:relative}.zone-panel{gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);flex-direction:column;display:flex;position:relative}.zone-panel--hero{padding:var(--space-xl);border:2.5px solid var(--color-accent);box-shadow:var(--shadow-glow-strong), var(--shadow-md);background:linear-gradient(135deg,#fffffffa 0%,#f1f5f9eb 100%)}.zone-panel--elevated{padding:var(--space-xl);background:var(--color-bg-elevated);border:2px solid var(--color-border-accent);box-shadow:var(--shadow-md)}.zone-panel--hidden{opacity:.2;pointer-events:none;transform:translateY(12px)}.zone-panel--dim{opacity:.35;transform:translateY(8px)}.zone-panel--visible{opacity:1;transition:all var(--duration-slow) var(--easing-smooth);transform:none}.appendix-indicator{top:var(--space-lg);right:var(--slide-padding-x);font-size:var(--font-badge);font-weight:var(--font-weight-semibold);color:var(--color-accent-light);background:var(--color-accent-glow);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;border:1px solid #0052cc33;position:absolute}.controls-overlay{align-items:center;gap:var(--space-sm);-webkit-backdrop-filter:blur(14px);border:1px solid var(--color-border);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg), 0 0 20px #0000000a;z-index:200;transition:transform var(--duration-normal) var(--easing-smooth), opacity var(--duration-normal) var(--easing-smooth);background:#ffffffe0;padding:6px 14px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.controls-btn{border:1px solid var(--color-border-subtle);background:var(--color-bg-elevated);width:34px;height:34px;color:var(--color-text-primary);cursor:pointer;transition:all var(--duration-fast) var(--easing-smooth);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.controls-btn:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent-light);background:var(--color-accent-glow);box-shadow:var(--shadow-sm);transform:scale(1.08)}.controls-btn:disabled{opacity:.35;cursor:not-allowed}.controls-step-badge{font-size:var(--font-badge);font-weight:var(--font-weight-semibold);color:var(--color-accent-light);background:var(--color-accent-glow);border-radius:var(--radius-pill);white-space:nowrap;border:1px solid #0052cc33;padding:4px 10px}.controls-divider{background:var(--color-border-subtle);width:1px;height:18px}.controls-slides-toggle{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);background:var(--color-bg-surface);color:var(--color-text-secondary);font-size:var(--font-caption);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--duration-fast) var(--easing-smooth);padding:4px 12px;display:inline-flex}.controls-slides-toggle:hover{border-color:var(--color-border);color:var(--color-text-primary);background:var(--color-bg-elevated)}.slide-drawer{-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:min(90vw,760px);max-height:420px;box-shadow:var(--shadow-lg), 0 20px 40px #0000001f;padding:var(--space-md);gap:var(--space-sm);z-index:300;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--easing-smooth), transform var(--duration-normal) var(--easing-smooth);background:#fffffff0;flex-direction:column;display:flex;position:fixed;bottom:76px;left:50%;overflow-y:auto;transform:translate(-50%)translateY(10px)}.slide-drawer.open{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.slide-drawer__section-title{font-size:var(--font-badge);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);padding:4px 8px}.slide-drawer__grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(210px,1fr));display:grid}.slide-drawer__item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-caption);text-align:left;cursor:pointer;transition:all var(--duration-fast) var(--easing-smooth);background:0 0;border:1px solid #0000;padding:8px 12px;display:flex}.slide-drawer__item:hover{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.slide-drawer__item.active{background:var(--color-accent-glow);color:var(--color-accent-light);font-weight:var(--font-weight-semibold);border-color:#0052cc4d}.slide-drawer__num{font-family:var(--font-mono);font-size:var(--font-badge);font-weight:var(--font-weight-semibold);opacity:.7;min-width:2ch}.keyboard-hint{font-size:var(--font-badge);color:var(--color-text-tertiary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-pill);border:1px solid var(--color-border-subtle);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:150;background:#ffffffbf;align-items:center;gap:6px;padding:4px 10px;display:flex;position:fixed;bottom:24px;left:24px}.keyboard-hint kbd{font-family:var(--font-mono);background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;padding:1px 5px;font-size:11px}.presentation--fullscreen .controls-overlay,.presentation--fullscreen .slide-drawer{display:none!important}html:fullscreen .controls-overlay{display:none!important}html:fullscreen .slide-drawer{display:none!important}html:-webkit-full-screen .controls-overlay{display:none!important}html:-webkit-full-screen .slide-drawer{display:none!important}@media print{html,body,#root{color:#111;background:#fff;overflow:visible}.presentation{width:auto;height:auto;display:block;overflow:visible}.stage{width:100%;max-width:none;height:auto;max-height:none}.slide{pointer-events:auto;page-break-after:always;background:#fff;width:100%;height:100vh;position:relative;opacity:1!important;filter:none!important;transform:none!important}.step{opacity:1!important;transform:none!important}.progress-bar,.slide-header__counter,.controls-overlay,.keyboard-hint,.slide-drawer{display:none!important}.slide-header__brand{color:#666}.arch-node{color:#111;background:#f5f5f5;border-color:#ccc}.badge{border-color:#ccc}@page{size:landscape;margin:0}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.bg-blobs{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.bg-grid{pointer-events:none;background-image:linear-gradient(#0f172a05 1px,#0000 1px),linear-gradient(90deg,#0f172a05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.bg-blob{filter:blur(140px);mix-blend-mode:multiply;border-radius:50%;animation:25s ease-in-out infinite alternate floatBlob;position:absolute}.bg-blob--1{background:var(--color-blob-1);width:min(80vw,700px);height:min(80vw,700px);animation-duration:30s;top:-15%;left:-15%}.bg-blob--2{background:var(--color-blob-2);width:min(75vw,600px);height:min(75vw,600px);animation-duration:35s;animation-delay:-7s;bottom:-15%;right:-15%}.bg-blob--3{background:var(--color-blob-3);width:min(60vw,500px);height:min(60vw,500px);animation-duration:40s;animation-delay:-14s;top:35%;left:50%;transform:translate(-50%,-50%)}@keyframes floatBlob{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-60px)scale(1.08)}66%{transform:translate(-30px,30px)scale(.94)}to{transform:translate(0)scale(1)}}@media (width<=768px){.keyboard-hint{display:none}}