.bottom-nav[data-v-e2e01123]{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-height) + var(--bottom-nav-safe-area));padding-bottom:var(--bottom-nav-safe-area);background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:var(--z-fixed);display:flex;align-items:center;justify-content:space-between;padding-left:1rem;padding-right:1rem}.bottom-nav-item[data-v-e2e01123]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:var(--bottom-nav-item-size);height:var(--bottom-nav-item-size);border:none;background:transparent;color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.25rem}.bottom-nav-item[data-v-e2e01123]:hover{background:var(--primary-soft);color:var(--primary)}.bottom-nav-item i[data-v-e2e01123]{font-size:1.35rem;line-height:1}.bottom-nav-label[data-v-e2e01123]{font-size:.6rem;font-weight:var(--weight-medium);letter-spacing:.02em}.bottom-nav-slider[data-v-e2e01123]{display:flex;align-items:center;justify-content:center;gap:.25rem;background:var(--primary-soft);border-radius:var(--radius-full);padding:.25rem}.slider-btn[data-v-e2e01123]{width:2rem;height:2rem;border:none;background:transparent;color:var(--primary);cursor:pointer;border-radius:var(--radius-full);display:grid;place-items:center;transition:all var(--transition-fast);font-size:1.1rem}.slider-btn[data-v-e2e01123]:hover:not(:disabled){background:var(--primary);color:#fff}.slider-btn[data-v-e2e01123]:disabled{opacity:.35;cursor:not-allowed}.slider-indicator[data-v-e2e01123]{display:flex;align-items:center;justify-content:center;padding:0 .5rem;font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:.85rem;color:var(--primary);cursor:pointer;min-width:3rem;transition:all var(--transition-fast)}.slider-indicator[data-v-e2e01123]:hover{opacity:.8}.indicator-current[data-v-e2e01123]{font-size:.95rem}.indicator-sep[data-v-e2e01123]{margin:0 .25rem;opacity:.6}.indicator-total[data-v-e2e01123]{opacity:.8}@media(min-width:960px){.bottom-nav[data-v-e2e01123]{display:none}}.section-nav-cta[data-v-5f41e4d7]{padding:1rem 1.5rem;background:linear-gradient(to top,var(--bg) 70%,transparent);flex-shrink:0}.cta-button[data-v-5f41e4d7]{width:100%;padding:1rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-lg);font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-primary)}.cta-button[data-v-5f41e4d7]:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #0078e766;box-shadow:0 6px 20px oklch(.58 .22 255 / .4)}.cta-button[data-v-5f41e4d7]:active{transform:translateY(0)}.cta-button i[data-v-5f41e4d7]{font-size:1.2rem}.cta-label[data-v-5f41e4d7]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:639px){.section-nav-cta[data-v-5f41e4d7]{padding:.75rem 1rem}.cta-button[data-v-5f41e4d7]{padding:.85rem 1.25rem;font-size:.9rem}}:root{--primary: oklch(.58 .22 255);--primary-dark: oklch(.42 .18 255);--primary-soft: oklch(.58 .22 255 / .1);--primary-glow: oklch(.58 .22 255 / .2);--accent-teal: oklch(.72 .16 175);--accent-amber: oklch(.82 .14 80);--accent-rose: oklch(.68 .18 15);--accent-emerald: oklch(.72 .16 145);--accent-violet: oklch(.62 .2 290);--secondary: oklch(.58 .2 325);--secondary-soft: oklch(.58 .2 325 / .1);--bg: oklch(.995 .002 260);--bg-deep: oklch(.96 .008 260);--bg-surface: oklch(.985 .004 260);--bg-glass: oklch(.995 .002 260 / .92);--sidebar-bg: oklch(.18 .02 260);--sidebar-fg: oklch(.9 .005 260);--sidebar-fg-dim: oklch(.6 .01 260);--sidebar-hover: oklch(.24 .02 260);--sidebar-active: oklch(.28 .05 255);--sidebar-divider: oklch(.28 .015 260);--fg: oklch(.18 .01 260);--fg-muted: oklch(.48 .01 260);--fg-dim: oklch(.58 .01 260);--border: oklch(.88 .01 260);--border-strong: oklch(.78 .01 260);--border-subtle: oklch(.92 .005 260);--status-success: oklch(.7 .15 150);--status-warning: oklch(.8 .12 85);--status-error: oklch(.65 .2 25);--status-info: oklch(.7 .15 230);--warning-bg: oklch(.96 .04 20);--warning-border: oklch(.85 .12 15);--warning-text: oklch(.5 .18 15);--risk-low: oklch(.95 .05 150);--risk-low-text: oklch(.4 .1 150);--risk-med: oklch(.95 .05 45);--risk-med-text: oklch(.4 .1 45);--risk-high: oklch(.95 .08 25);--risk-high-text: oklch(.4 .15 25);--font-heading: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Monaco, monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .9rem);--text-base: clamp(.9rem, .85rem + .25vw, 1rem);--text-lg: clamp(1.05rem, .95rem + .5vw, 1.2rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.75rem);--text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.75rem);--text-5xl: clamp(3rem, 2.25rem + 3.75vw, 5rem);--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.8;--tracking-tight: -.025em;--tracking-normal: -.01em;--tracking-wide: .01em;--tracking-wider: .04em;--tracking-widest: .08em;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--topbar-height: 60px;--controls-height: 64px;--bottom-nav-height: 72px;--bottom-nav-safe-area: env(safe-area-inset-bottom, 0px);--bottom-nav-item-size: 44px;--slide-max-width: 1100px;--slide-lead-max-width: 700px;--slide-design-lead-max-width: 780px;--req-section-max-width: 900px;--user-flow-max-width: 1050px;--user-flow-refined-max-width: 1040px;--roadmap-max-width: 1000px;--questions-max-width: 1100px;--icon-hub-size-lg: 3.5rem;--icon-hub-size-sm: 2.75rem;--icon-hub-size-md: 2.5rem;--req-number-size: 2.5rem;--btn-min-size: 36px;--placeholder-icon-size: 5rem;--placeholder-icon-font: 3rem;--border-accent-thick: 3px;--border-accent-medium: 2px;--border-accent-thin: 1px;--flow-line-offset: 2.5rem;--flow-line-height: 2px;--canvas-height-sm: clamp(320px, 62vh, 480px);--canvas-height-md: clamp(400px, 65vh, 620px);--canvas-height-lg: clamp(450px, 70vh, 720px);--canvas-height-landscape: clamp(260px, 75vh, 380px);--roadmap-stripe-height: 4px;--q-badge-size-sm: 22px;--q-badge-size-md: 24px;--q-badge-size-lg: 26px;--q-badge-font-sm: .65rem;--q-badge-font-md: .7rem;--q-badge-font-lg: .75rem;--scrollbar-width: 4px;--scrollbar-radius: 2px;--blur-md: 8px;--text-icon-lg: 1.6rem;--text-icon-md: 1.4rem;--text-icon-sm: 1.25rem;--text-icon-xs: 1.2rem;--space-xs: .1rem;--space-2xs: .15rem;--space-3xs: .35rem;--space-4xs: .55rem;--space-5xs: .65rem;--space-6xs: .68rem;--space-7xs: .75rem;--space-8xs: .8rem;--card-grid-min-width: 200px;--card-grid-min-width-sm: 180px;--stage-grid-min-width: 150px;--questions-offset-top: 140px;--questions-offset-top-landscape: 100px;--roadmap-offset-top: 200px;--roadmap-offset-top-landscape: 100px;--max-width-sm: 400px;--max-width-md: 450px;--radius-none: 0;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02);--shadow-md: 0 4px 8px -2px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .08), 0 4px 8px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 32px -6px rgba(0, 0, 0, .1), 0 8px 16px -8px rgba(0, 0, 0, .04);--shadow-2xl: 0 32px 64px -12px rgba(0, 0, 0, .2);--shadow-primary: 0 4px 14px oklch(.58 .22 255 / .35);--shadow-teal: 0 4px 14px oklch(.72 .16 175 / .35);--shadow-premium-sm: 0 2px 4px rgba(0, 0, 0, .02), 0 4px 8px rgba(0, 0, 0, .04);--shadow-premium-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 10px 15px -3px rgba(0, 0, 0, .06), 0 0 0 1px rgba(0, 0, 0, .02);--shadow-premium-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 20px 25px -5px rgba(0, 0, 0, .05), 0 0 0 1px rgba(0, 0, 0, .02);--glass-bg: oklch(1 0 0 / .7);--glass-bg-accent: oklch(.58 .22 255 / .03);--glass-border: oklch(1 0 0 / .4);--glass-blur: 12px;--shadow-card-hover: 0 12px 24px -8px;--shadow-stage-active: 0 10px 18px -10px;--transform-slide-exit: translateY(20px);--transform-card-exit: translateY(10px);--transform-hover-up: translateY(-4px);--transform-hover-up-sm: translateY(-2px);--transform-hover-up-lg: translateY(-8px);--transform-hover-side: translateX(4px);--transform-premium-hover: translateY(-6px) scale(1.01);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--transition-fast: var(--duration-fast) var(--ease-out);--transition-normal: var(--duration-normal) var(--ease-out);--transition-smooth: var(--duration-slow) var(--ease-in-out);--transition-bounce: var(--duration-slower) var(--ease-bounce);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--z-toast: 80}@media(prefers-color-scheme:dark){:root.auto-theme{--bg: oklch(.15 .015 260);--bg-deep: oklch(.1 .01 260);--bg-surface: oklch(.2 .015 260);--bg-glass: oklch(.18 .015 260 / .92);--fg: oklch(.92 .005 260);--fg-muted: oklch(.68 .01 260);--fg-dim: oklch(.52 .01 260);--border: oklch(.3 .015 260);--border-strong: oklch(.4 .02 260);--border-subtle: oklch(.24 .01 260)}}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--fg);background-color:var(--bg);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}h1{font-size:var(--text-4xl);font-weight:var(--weight-extrabold);letter-spacing:-.03em}h2{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.02em}h3{font-size:var(--text-2xl);font-weight:var(--weight-semibold)}h4{font-size:var(--text-xl);font-weight:var(--weight-semibold)}h5{font-size:var(--text-lg);font-weight:var(--weight-semibold)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold)}p{line-height:var(--leading-relaxed)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}strong,b{font-weight:var(--weight-semibold)}small{font-size:var(--text-sm)}ul,ol{list-style:none}li{line-height:var(--leading-normal)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;border-spacing:0;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-muted{color:var(--fg-muted)}.text-dim{color:var(--fg-dim)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--fg-dim)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::selection{background:#0078e733;background:oklch(.58 .22 255 / .2);color:#003974;color:oklch(.35 .18 255)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flowMove{0%{background-position:200% 0}to{background-position:0% 0}}.presentation{width:100%;height:100%;position:relative}.slide{position:absolute;inset:0;padding:var(--space-6) var(--space-4);padding-top:var(--space-8);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0;transform:var(--transform-slide-exit);transition:opacity var(--transition-smooth),transform var(--transition-smooth);pointer-events:none;max-width:var(--slide-max-width);margin:0 auto;width:100%;overflow-y:auto}.slide.active{opacity:1;transform:translateY(0);pointer-events:all}@media(min-width:640px){.slide{padding:var(--space-8) var(--space-6)}}@media(min-width:1024px){.slide{padding:var(--space-12) var(--space-16);justify-content:center}}.slide h1{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-extrabold);line-height:var(--leading-tight);letter-spacing:-.02em;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--primary-dark),oklch(.62 .24 255));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slide h2{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.015em;margin-bottom:var(--space-6);color:var(--primary);text-align:center;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-block:0}.slide .lead{font-size:var(--text-base);color:var(--fg-muted);margin-bottom:var(--space-6);max-width:var(--slide-lead-max-width);line-height:var(--leading-relaxed);letter-spacing:-.01em;text-align:center}.slide .tag{display:inline-block;background:var(--bg-surface);border:1px solid var(--border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-4);color:var(--fg-muted)}@media(min-width:640px){.slide h1{font-size:var(--text-4xl)}.slide h2{font-size:var(--text-3xl);line-height:var(--leading-tight)}.slide .lead{font-size:var(--text-lg);margin-bottom:var(--space-8)}.slide .tag{margin-bottom:var(--space-6)}}.slide[data-section-id=design] h2{margin-bottom:var(--space-4)}.slide[data-section-id=design] .lead{margin-bottom:var(--space-5);max-width:var(--slide-design-lead-max-width)}.slide[data-section-id=design] .tag{margin-bottom:var(--space-4)}.hero-accents{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6);flex-wrap:wrap;justify-content:center}.hero-accent{border-left:var(--border-accent-thick) solid var(--primary);padding-left:var(--space-6);text-align:left}.hero-accent.teal{border-color:var(--accent-teal)}.hero-accent-title{font-weight:var(--weight-extrabold);font-size:var(--text-2xl);font-family:var(--font-heading)}.hero-accent-sub{color:var(--fg-muted);font-size:var(--text-base)}@media(min-width:640px){.hero-accents{flex-direction:row;gap:var(--space-8);margin-top:var(--space-8)}}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4);position:relative;width:100%}@media(min-width:640px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(var(--card-grid-min-width),1fr));gap:var(--space-6)}}.slide[data-section-id=design] .card-grid{gap:var(--space-3);margin-top:var(--space-2)}@media(min-width:640px){.slide[data-section-id=design] .card-grid{grid-template-columns:repeat(auto-fit,minmax(var(--card-grid-min-width-sm),1fr));gap:var(--space-4)}}.slide[data-section-id=design] .step-card{padding:var(--space-4)}.slide[data-section-id=design][data-item-id=process-flow] .step-card{padding:var(--space-3)}.slide[data-section-id=design][data-item-id=process-flow] .icon-hub{width:var(--icon-hub-size-sm);height:var(--icon-hub-size-sm);margin-bottom:var(--space-2);font-size:var(--text-icon-sm)}.slide[data-section-id=design][data-item-id=process-flow] .step-card h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.slide[data-section-id=design][data-item-id=process-flow] .step-card p{font-size:var(--text-xs);line-height:var(--leading-snug)}.flow-line{position:absolute;top:var(--flow-line-offset);left:10%;right:10%;height:var(--flow-line-height);background:linear-gradient(90deg,var(--border) 0%,var(--primary) 50%,var(--border) 100%);background-size:200% 100%;animation:flowMove 3s linear infinite;z-index:0;opacity:.3;display:none}@media(min-width:640px){.flow-line{display:block}}.step-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;transform:var(--transform-card-exit)}.slide.active .step-card{opacity:1;transform:translateY(0)}.step-card:nth-child(2){transition-delay:.1s}.step-card:nth-child(3){transition-delay:.2s}.step-card:nth-child(4){transition-delay:.3s}.step-card:nth-child(5){transition-delay:.4s}.step-card:hover{transform:var(--transform-hover-up);border-color:var(--primary);box-shadow:var(--shadow-md)}.step-card.align-left{align-items:flex-start;text-align:left}.icon-hub{width:var(--icon-hub-size-lg);height:var(--icon-hub-size-lg);background:var(--bg-surface);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-icon-lg);margin-bottom:var(--space-4);border:var(--border-accent-medium) solid var(--bg);box-shadow:0 0 0 var(--border-accent-thin) var(--border)}.step-card h3{font-family:var(--font-heading);font-size:var(--text-lg);margin-bottom:var(--space-2)}.step-card p{font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-relaxed)}.step-num{font-size:var(--text-xs);font-weight:var(--weight-extrabold);color:var(--primary);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-1)}@media(min-width:1024px){.step-card{padding:var(--space-6)}}.reality-table{width:100%;border-collapse:collapse;background:var(--bg);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);font-size:var(--text-sm)}.reality-table th,.reality-table td{text-align:left;padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border)}.reality-table th{background:var(--bg-surface);font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--weight-semibold)}.reality-table ul{list-style:none;font-size:var(--text-sm);color:var(--fg-muted)}.reality-table ul li:before{content:"•";margin-right:var(--space-2);color:var(--primary)}@media(min-width:640px){.reality-table{font-size:var(--text-base)}.reality-table th,.reality-table td{padding:var(--space-4) var(--space-5)}}.risk-pill{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;display:inline-block}.risk-med{background:var(--risk-med);color:var(--risk-med-text)}.risk-low{background:var(--risk-low);color:var(--risk-low-text)}.req-section{max-width:var(--req-section-max-width);width:100%}.req-section .req-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.req-section .req-number{width:var(--req-number-size);height:var(--req-number-size);border-radius:var(--radius-md);background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:var(--weight-extrabold);font-size:var(--text-lg);flex-shrink:0}.req-section .req-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--primary)}.req-section .req-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg)}.req-section .req-body ul{list-style:none;padding:0;margin:var(--space-4) 0 0;display:flex;flex-direction:column;gap:var(--space-3)}.req-section .req-body li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-snug);transition:all var(--transition-smooth)}.req-section .req-body li:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:var(--transform-hover-side)}.req-section .req-body li .li-icon{color:var(--primary);font-size:var(--text-lg);margin-top:var(--space-xs);flex-shrink:0}.req-section .req-metrics{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-5)}.req-section .metric-chip{background:var(--bg-surface);border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--fg-muted)}@media(min-width:640px){.req-section .req-header{gap:var(--space-4);margin-bottom:var(--space-5)}.req-section .req-title{font-size:var(--text-2xl)}.req-section .req-body li{padding:var(--space-3) var(--space-4);font-size:var(--text-base)}}.user-flow-container,.slide[data-item-id=refined][data-slide-type=user-flow] .user-flow-slide{width:100%;max-width:var(--user-flow-max-width)}.uf-stages{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.uf-stage-card{background:var(--bg);border:1px solid var(--border);border-top:var(--border-accent-thick) solid var(--stage-color, var(--primary));border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);text-align:center;transition:all var(--transition-smooth);cursor:pointer}.uf-stage-card:hover{transform:var(--transform-hover-up);box-shadow:var(--shadow-lg);border-color:var(--stage-color, var(--primary))}.uf-stage-card.active{transform:var(--transform-hover-up);box-shadow:var(--shadow-card-hover) var(--stage-color);border-color:var(--stage-color);background:color-mix(in srgb,var(--stage-color) 5%,var(--bg))}.uf-stage-icon{font-size:var(--text-icon-md);margin-bottom:var(--space-1)}.uf-stage-num{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--stage-color, var(--primary));margin-bottom:var(--space-1)}.uf-stage-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.uf-stage-desc{font-size:var(--text-xs);color:var(--fg-muted)}@media(min-width:640px){.uf-stages{grid-template-columns:repeat(auto-fit,minmax(var(--stage-grid-min-width),1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.uf-stage-card{padding:var(--space-5) var(--space-4)}.uf-stage-icon{font-size:var(--text-icon-lg);margin-bottom:var(--space-2)}.uf-stage-title{font-size:var(--text-base)}.uf-stage-desc{font-size:var(--text-sm)}.uf-stage-card.active{transform:var(--transform-hover-up-lg)}}@media(min-width:640px){.slide[data-item-id=refined][data-slide-type=user-flow]{justify-content:flex-start;padding-top:var(--space-8);padding-bottom:var(--space-6)}.slide[data-item-id=refined][data-slide-type=user-flow] .user-flow-slide .tag,.slide[data-item-id=refined][data-slide-type=user-flow] .user-flow-slide h2{margin-bottom:var(--space-3)}.slide[data-item-id=refined][data-slide-type=user-flow] .user-flow-slide .lead{margin-bottom:var(--space-4);font-size:var(--text-base);line-height:var(--leading-snug)}.slide[data-item-id=refined][data-slide-type=user-flow] .user-flow-container{max-width:var(--user-flow-refined-max-width)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-stages{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);margin-bottom:var(--space-3)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-stage-card{padding:var(--space-3) var(--space-2);border-top-width:var(--border-accent-medium)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-stage-icon{font-size:var(--text-icon-sm);margin-bottom:var(--space-1)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-stage-num{letter-spacing:var(--tracking-wide)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-stage-title{font-size:var(--text-sm);margin-bottom:var(--space-2xs)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-stage-desc{font-size:var(--text-xs);line-height:var(--leading-snug)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-stage-card.active{transform:var(--transform-hover-up-sm);box-shadow:var(--shadow-stage-active) var(--stage-color)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-details{gap:var(--space-2)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-detail-header{padding:var(--space-2) var(--space-4)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-substeps{padding:var(--space-2) var(--space-4);gap:var(--space-1)}.slide[data-item-id=refined][data-slide-type=user-flow] .uf-substep{padding:var(--space-3xs) var(--space-4xs);font-size:var(--text-xs)}}.uf-details{display:flex;flex-direction:column;gap:var(--space-3)}.uf-detail-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;display:none;animation:fadeIn .4s ease-out}.uf-detail-panel.active{display:block}.uf-detail-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border)}.uf-detail-icon{font-size:var(--text-lg)}.uf-detail-title{font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:var(--text-base);flex:1}.uf-detail-badge{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--primary);background:var(--primary-soft);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.uf-detail-panel .markdown-content{padding:var(--space-3) var(--space-4);color:var(--fg-muted);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.uf-substeps{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.uf-substep{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-smooth)}.uf-substep:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.uf-arrow{color:var(--fg-dim);font-size:var(--text-sm)}@media(min-width:640px){.uf-details{gap:var(--space-4)}.uf-detail-header{padding:var(--space-3) var(--space-5)}.uf-detail-panel .markdown-content{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.uf-substeps{padding:var(--space-3) var(--space-5)}}.architecture-container{position:relative;width:100%;height:var(--canvas-height-sm);border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-glass);overflow:hidden;box-shadow:var(--shadow-md);cursor:grab;touch-action:pan-x pan-y pinch-zoom}.architecture-container:active{cursor:grabbing}.architecture-canvas{display:block;width:100%;height:100%}.canvas-controls{position:absolute;bottom:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2);background:var(--bg-glass);padding:var(--space-2);border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:1px solid var(--border);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md))}.canvas-btn{background:none;border:none;cursor:pointer;color:var(--fg-muted);padding:var(--space-2);min-width:var(--btn-min-size);min-height:var(--btn-min-size);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--text-lg);transition:all var(--transition-smooth)}.canvas-btn:hover,.canvas-btn:active{color:var(--primary);background:var(--bg-surface)}.canvas-btn i{font-size:var(--text-icon-xs)}.canvas-hint{position:absolute;top:var(--space-3);left:var(--space-3);font-size:var(--text-xs);color:var(--fg-muted);background:var(--bg-glass);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);pointer-events:none;display:none}@media(min-width:640px){.canvas-hint{display:block}.architecture-container{height:var(--canvas-height-md)}}@media(min-width:1024px){.architecture-container{height:var(--canvas-height-lg)}}@media(max-height:500px)and (orientation:landscape){.architecture-container{height:var(--canvas-height-landscape)}}.roadmap-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%;max-width:var(--roadmap-max-width);margin-top:var(--space-3);overflow-y:auto;max-height:calc(100vh - var(--roadmap-offset-top))}.slide[data-section-id=design] .roadmap-grid{gap:var(--space-2);margin-top:var(--space-2);max-height:none;overflow-y:visible}.roadmap-card{background:var(--bg);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--transition-smooth)}.roadmap-card:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--roadmap-stripe-height)}.roadmap-card[data-color=primary]:before{background:var(--primary)}.roadmap-card[data-color=secondary]:before{background:var(--secondary)}.roadmap-card[data-color=secondary]{background:linear-gradient(to bottom,oklch(.98 .02 325 / .3),var(--bg))}.roadmap-card[data-color=accent]:before{background:var(--accent-violet)}.roadmap-card:hover{transform:var(--transform-hover-up);box-shadow:var(--shadow-md)}.roadmap-card-label{font-size:var(--text-xs);font-weight:var(--weight-bold);margin-bottom:var(--space-2);letter-spacing:var(--tracking-wider);text-transform:uppercase}.roadmap-card[data-color=primary] .roadmap-card-label{color:var(--primary)}.roadmap-card[data-color=secondary] .roadmap-card-label{color:var(--secondary)}.roadmap-card[data-color=accent] .roadmap-card-label{color:var(--accent-violet)}.roadmap-card h3{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--fg)}.roadmap-card p{font-size:var(--text-sm);color:var(--fg-muted);margin-bottom:var(--space-3)}.roadmap-card ul{list-style:none;padding:0}.roadmap-card li{font-size:var(--text-sm);color:var(--fg-muted);padding:var(--space-1) 0;padding-left:var(--space-4);position:relative}.roadmap-card li:before{content:"•";position:absolute;left:0;color:var(--primary)}@media(min-width:640px){.roadmap-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-height:none;overflow-y:visible}.roadmap-card{padding:var(--space-5)}}@media(min-width:1024px){.roadmap-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.roadmap-card{padding:var(--space-6)}.roadmap-card h3{font-size:var(--text-xl)}}@media(max-height:500px)and (orientation:landscape){.roadmap-grid{max-height:calc(100vh - var(--roadmap-offset-top-landscape));overflow-y:auto;grid-template-columns:repeat(2,1fr)}}.questions-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);width:100%;max-width:var(--questions-max-width);margin-top:var(--space-2);padding:var(--space-1);overflow-y:auto;max-height:calc(100vh - var(--questions-offset-top));overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.slide[data-section-id=design] .questions-grid{gap:var(--space-1);margin-top:0;padding:0;max-height:none;overflow-y:visible}.questions-grid::-webkit-scrollbar{width:var(--scrollbar-width)}.questions-grid::-webkit-scrollbar-track{background:transparent}.questions-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--scrollbar-radius)}.question-card{background:var(--glass-bg);padding:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.question-card.card-primary{background:linear-gradient(135deg,var(--glass-bg),var(--primary-soft));border-color:var(--primary-soft)}.question-card.card-primary h4{color:var(--primary-dark)}.question-card.card-teal{background:linear-gradient(135deg,var(--glass-bg),oklch(.72 .16 175 / .1));border-color:#00c0a033;border-color:oklch(.72 .16 175 / .2)}.question-card.card-teal h4{color:var(--accent-teal)}.question-card.card-violet{background:linear-gradient(135deg,var(--glass-bg),oklch(.62 .2 290 / .1));border-color:#8968f433}.question-card.card-violet h4{color:var(--accent-violet)}.question-card.card-orange{background:linear-gradient(135deg,var(--glass-bg),oklch(.82 .14 80 / .1));border-color:#f3b94c33}.question-card.card-orange h4{color:var(--accent-amber)}.question-card.card-rose{background:linear-gradient(135deg,var(--glass-bg),oklch(.68 .18 15 / .1));border-color:#f2607433}.question-card.card-rose h4{color:var(--accent-rose)}.question-card:active{transform:scale(.98);box-shadow:var(--shadow-premium-sm)}.question-card:hover{transform:var(--transform-premium-hover);box-shadow:var(--shadow-premium-lg);border-color:var(--primary-soft);background:var(--bg)}.q-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap}.question-card h4{font-family:var(--font-heading);color:var(--fg);margin:0;font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-tight)}.q-sub{font-size:var(--text-xs);color:var(--primary);font-weight:var(--weight-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-widest);background:var(--primary-soft);padding:var(--space-xs) var(--space-2);border-radius:var(--radius-sm);display:inline-block;width:fit-content;white-space:nowrap}.q-body{font-size:var(--text-sm);color:var(--fg-muted);line-height:var(--leading-tight);flex-grow:1}.q-body p{margin:0}.q-body strong{color:var(--fg);display:block;margin-top:var(--space-1);margin-bottom:0;font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.q-body strong:first-child{margin-top:0}.question-card.bonus-card{background:linear-gradient(135deg,var(--glass-bg),var(--secondary-soft));border-color:var(--secondary)}.question-card.bonus-card .q-num{background:var(--secondary)}.question-card.bonus-card h4{color:var(--secondary)}.warning-box{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-md);color:var(--warning-text);font-size:var(--text-xs);display:flex;align-items:center;justify-content:center;gap:var(--space-2);max-width:100%;box-shadow:var(--shadow-sm);flex-wrap:wrap;text-align:center}.warning-box i{font-size:var(--text-lg)}@media(min-width:640px){.questions-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-2);max-height:none;overflow-y:visible}.q-num{width:var(--q-badge-size-md);height:var(--q-badge-size-md);font-size:var(--q-badge-font-md)}.question-card{padding:var(--space-2) var(--space-3)}.question-card h4{font-size:var(--text-sm)}}@media(min-width:1024px){.questions-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-3);padding:0}.question-card{padding:var(--space-2) var(--space-3);gap:var(--space-1)}.q-num{width:var(--q-badge-size-lg);height:var(--q-badge-size-lg);font-size:var(--q-badge-font-lg);top:calc(-1 * var(--space-2));left:calc(-1 * var(--space-2))}.question-card h4{font-size:var(--text-base)}.q-sub{font-size:var(--q-badge-font-sm)}.q-body{font-size:var(--space-8xs)}}@media(max-height:500px)and (orientation:landscape){.questions-grid{max-height:calc(100vh - var(--questions-offset-top-landscape));overflow-y:auto;grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.question-card{padding:var(--space-2) var(--space-3)}.question-card h4{font-size:var(--text-sm)}.q-body{font-size:var(--space-7xs)}}.placeholder-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-4);padding:var(--space-8)}.placeholder-icon{font-size:var(--placeholder-icon-font);color:var(--border);background:var(--bg-surface);width:var(--placeholder-icon-size);height:var(--placeholder-icon-size);border-radius:50%;display:flex;align-items:center;justify-content:center}.placeholder-state h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--fg-muted)}.placeholder-state p{font-size:var(--text-base);color:var(--fg-dim);max-width:var(--max-width-sm)}@media(min-width:640px){.placeholder-state{padding:var(--space-16)}}.summary-cta{margin-top:var(--space-8);text-align:center;font-weight:var(--weight-bold);color:var(--primary);font-size:var(--text-lg)}@media(min-width:640px){.summary-cta{margin-top:var(--space-12)}}.locked-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-5);padding:var(--space-8)}.locked-overlay .lock-icon-big{font-size:var(--text-2xl);color:var(--fg-dim);background:var(--bg-surface);width:var(--placeholder-icon-size);height:var(--placeholder-icon-size);border-radius:50%;display:flex;align-items:center;justify-content:center;border:var(--border-accent-medium) dashed var(--border)}.locked-overlay h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--fg-muted)}.locked-overlay p{font-size:var(--text-base);color:var(--fg-dim);max-width:var(--max-width-sm)}.stagger-enter-active{transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay, 0s)}.stagger-enter-from{opacity:0;transform:translateY(20px) scale(.95)}.stagger-move{transition:transform .4s ease}@media(min-width:640px){.locked-overlay{padding:var(--space-16)}}body{height:100vh;overflow:hidden}#app{height:100vh}.deck-app{display:flex;flex-direction:column;height:100vh;background:var(--bg)}@media(min-width:960px){.deck-app{flex-direction:row}}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--sidebar-bg);color:var(--sidebar-fg);border-right:1px solid var(--sidebar-divider);overflow-y:auto;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-smooth);display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}@media(min-width:960px){.sidebar{position:relative;transform:translate(0);width:var(--sidebar-width);min-width:var(--sidebar-width);z-index:auto}}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-modal) - 1);opacity:0;transition:opacity var(--transition-smooth)}.sidebar-backdrop.visible{display:block;opacity:1}@media(min-width:960px){.sidebar-backdrop{display:none!important}}.sidebar-header{padding:1.75rem 1.5rem 1.25rem;border-bottom:1px solid var(--sidebar-divider);display:flex;align-items:center;justify-content:space-between}.sidebar-logo{font-family:var(--font-heading);font-size:1.1rem;font-weight:var(--weight-bold);display:flex;align-items:center;gap:.65rem}.logo-icon{width:2rem;height:2rem;border-radius:.5rem;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0078e8,#008acb,#0099b6 50%,#00b28c);background:linear-gradient(135deg,color(xyz 0.223 0.189 0.907),color(xyz 0.204 0.226 0.725),color(xyz 0.191 0.264 0.561) 50%,color(xyz 0.178 0.346 0.287))}.sidebar-label{margin-top:.3rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-fg-dim)}.sidebar-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:var(--sidebar-hover);color:var(--sidebar-fg);border-radius:var(--radius-sm);cursor:pointer;font-size:1.2rem;transition:background var(--transition-fast)}.sidebar-close:hover{background:var(--sidebar-active)}@media(min-width:960px){.sidebar-close{display:none}}.sidebar-nav{padding:.75rem 0;flex:1}.nav-section{margin-bottom:.2rem}.nav-section-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;-webkit-user-select:none;user-select:none}.nav-section-header .section-icon{width:2rem;height:2rem;border-radius:.5rem;display:grid;place-items:center;background:var(--sidebar-hover)}.nav-section.active>.nav-section-header .section-icon{background:var(--primary);color:#fff}.nav-section-header .section-label{flex:1;font-family:var(--font-heading);font-size:.9rem}.nav-section-header .chevron{font-size:1rem;color:var(--sidebar-fg-dim);transition:transform var(--transition-smooth)}.nav-section.expanded>.nav-section-header .chevron{transform:rotate(90deg)}.nav-section-header.clickable{cursor:pointer;transition:background var(--transition-smooth)}.nav-section-header.clickable:hover{background:var(--sidebar-hover)}.nav-section.locked .nav-section-header{opacity:.45}.lock-badge{font-size:.6rem;border-radius:999px;padding:.2rem .5rem;text-transform:uppercase;background:var(--sidebar-divider);color:var(--sidebar-fg-dim)}.nav-subitems{max-height:0;overflow:hidden;transition:max-height .3s ease}.nav-section.expanded>.nav-subitems{max-height:300px}.nav-subitems-inner{position:relative;padding:.25rem 0}.nav-subitems-inner:before{content:"";position:absolute;left:2.85rem;top:.5rem;bottom:.5rem;width:1px;background:var(--sidebar-divider)}.nav-subitem{width:100%;border:0;text-align:left;cursor:pointer;color:var(--sidebar-fg-dim);font-size:.85rem;padding:.6rem 1.5rem .6rem 3.75rem;background:transparent;position:relative}.nav-subitem:before{content:"";position:absolute;left:2.65rem;top:50%;width:6px;height:6px;transform:translateY(-50%);border-radius:50%;border:1px solid var(--sidebar-fg-dim)}.nav-subitem:hover{background:var(--sidebar-hover);color:var(--sidebar-fg)}.nav-subitem.active{color:#fff;background:var(--sidebar-active)}.nav-subitem.active:before{background:var(--primary);border-color:var(--primary)}.sidebar-footer{border-top:1px solid var(--sidebar-divider);color:var(--sidebar-fg-dim);font-size:.7rem;padding:.9rem 1.5rem}.main-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,oklch(.72 .08 255 / .08),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,oklch(.72 .08 175 / .06),transparent),var(--bg)}@media(max-width:959px){.main-content{padding-bottom:var(--bottom-nav-height)}}.main-topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:center;padding:.9rem 1rem;border-bottom:1px solid var(--border);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(min-width:640px){.main-topbar{padding:.9rem 1.5rem}}.topbar-logo{font-family:var(--font-heading);font-size:1rem;font-weight:var(--weight-bold);display:flex;align-items:center;gap:.5rem}.topbar-logo-icon{width:1.75rem;height:1.75rem;border-radius:.4rem;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0078e8,#008acb,#0099b6 50%,#00b28c);background:linear-gradient(135deg,color(xyz 0.223 0.189 0.907),color(xyz 0.204 0.226 0.725),color(xyz 0.191 0.264 0.561) 50%,color(xyz 0.178 0.346 0.287))}.topbar-logo-text{color:var(--fg)}@media(min-width:640px){.topbar-logo{font-size:1.1rem}}.breadcrumb-row{padding:.6rem 1rem;border-bottom:1px solid var(--border);background:#ffffff80}.breadcrumb{display:flex;align-items:center;gap:.4rem;color:var(--fg-muted);font-size:.8rem;min-width:0;overflow:hidden}@media(min-width:640px){.breadcrumb-row{padding:.6rem 1.5rem}.breadcrumb{font-size:.85rem}}.crumb-section{color:var(--primary);font-weight:var(--weight-semibold);white-space:nowrap}.crumb-sep{color:var(--fg-muted);flex-shrink:0}.crumb-page{color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-viewport{position:relative;flex:1;overflow:hidden}.slide-viewport .slide[data-section-id=design]{padding-top:1rem;padding-bottom:1rem}@media(min-width:960px){.slide-viewport .slide[data-section-id=design]{padding-top:.85rem;padding-bottom:.85rem}}.controls{height:var(--controls-height);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--bg-glass)}@media(max-width:959px){.controls{display:none}}.nav-btn{width:2.4rem;height:2.4rem;border:1px solid var(--border);border-radius:999px;display:grid;place-items:center;color:var(--fg-muted);background:#fff}.nav-btn:hover:enabled{background:var(--primary);border-color:var(--primary);color:#fff}.nav-btn:disabled{opacity:.35;cursor:not-allowed}.slide-counter{min-width:3rem;text-align:center;font-family:var(--font-heading);font-weight:var(--weight-bold);font-size:.8rem;color:var(--fg-muted)}.markdown-content{line-height:var(--leading-relaxed)}.markdown-content p{margin-bottom:.35rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul{list-style:disc;margin-left:1.2rem}.sidebar-focused .nav-section.focused-section>.nav-section-header{background:var(--sidebar-active);outline:2px solid var(--primary);outline-offset:-2px}.nav-subitem.focused{outline:2px solid var(--primary);outline-offset:-2px;background:var(--sidebar-hover)}.nav-subitem.focused:not(.active){color:var(--sidebar-fg)}.sidebar-focused .nav-subitem.focused{position:relative}.sidebar-focused .nav-subitem.focused:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary)}.main-content.content-focused{position:relative}.main-content.content-focused:before{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px var(--primary);z-index:var(--z-above)}@media(max-width:959px){.main-content.content-focused:before{display:none}}