.landing-page{max-width:var(--layout-page-container-width);margin:0 auto;width:100%;background-color:var(--color-background-primary);color:var(--color-text-primary);position:relative;isolation:isolate}.section-container{max-width:var(--layout-section-width);margin:0 auto;padding:var(--spacing-12) var(--spacing-4)}.line{display:block}.highlight{color:var(--color-interactive-primary)}.hero-pause{display:block;margin-top:var(--spacing-6)}.hero-section{position:relative;isolation:isolate;text-align:center}.particle-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.hero-headline{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-6)}.hero-headline .highlight{white-space:nowrap}.hero-sub{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-8)}.hero-sub p{margin-bottom:var(--spacing-1)}.hero-demo-ui{background-color:var(--color-background-secondary);padding:var(--spacing-3);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-8);text-align:left}@media(min-width:640px){.hero-demo-ui{padding:var(--spacing-6)}}.demo-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-px) var(--spacing-2);border-radius:var(--border-radius-sm);background-color:var(--color-border-subtle)}.demo-message.ai .demo-label{background-color:var(--color-interactive-primary);color:var(--color-background-primary)}.problem-section{background-color:var(--color-background-secondary)}.problem-heading{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6);text-align:center}.problem-intro{font-size:var(--font-size-lg);margin-bottom:var(--spacing-4)}.problem-points{list-style:none;padding:0;margin-bottom:var(--spacing-6)}.problem-point{padding:var(--spacing-2) 0;font-weight:var(--font-weight-bold)}.problem-point:before{content:"×";color:var(--color-status-error);margin-right:var(--spacing-2);font-weight:700}.problem-conclusion{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.step-number{font-family:var(--font-mono);font-size:var(--font-size-xl);color:var(--color-interactive-primary);margin-bottom:var(--spacing-2)}.step-heading{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-6)}.step-description{font-size:var(--font-size-lg);margin-bottom:var(--spacing-6);line-height:var(--line-height-relaxed)}.step-cta-link{display:inline-block;color:var(--color-interactive-primary);font-weight:var(--font-weight-bold)}.step-cta-link:hover{opacity:var(--opacity-hover)}.duel-demo-card{background-color:var(--color-background-secondary);box-shadow:0 var(--shadow-offset-sm) var(--shadow-blur-lg) var(--color-overlay-medium);border-radius:var(--border-radius-md);padding:var(--spacing-4)}.demo-badge{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.demo-scenario{font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4)}.demo-option{padding:var(--spacing-2);background-color:var(--color-background-primary);border-radius:var(--border-radius-sm)}.option-label{width:var(--size-icon-md);height:var(--size-icon-md);background-color:var(--color-border-subtle);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.vector-bar-demo{background-color:var(--color-background-secondary);color:var(--color-text-primary);border-radius:var(--border-radius-md);padding:var(--spacing-6)}.demo-axes{margin-bottom:var(--spacing-6)}.axis-header{font-size:var(--font-size-sm);margin-bottom:var(--spacing-1);color:var(--color-text-secondary)}.axis-bar-bg{height:var(--size-bar-track-height);background-color:var(--color-border-subtle);border-radius:var(--size-bar-track-radius);overflow:hidden}.axis-bar-fill{height:100%;background-color:var(--color-interactive-primary)}.demo-ir-preview{background-color:var(--color-background-primary);padding:var(--spacing-4);border-radius:var(--border-radius-sm);box-shadow:0 var(--shadow-offset-sm) var(--shadow-blur-lg) var(--color-overlay-medium)}.ir-badge{font-size:var(--font-size-xs);color:var(--color-interactive-primary);margin-bottom:var(--spacing-2)}.ir-text{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.final-cta-section{text-align:center;background-color:var(--color-background-secondary)}.final-cta-heading{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-8)}.closing-section{text-align:center;padding:var(--spacing-16) 0;background-color:var(--color-background-primary)}.closing-text{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-style:italic;line-height:var(--line-height-relaxed);max-width:var(--layout-content-max-width);margin:0 auto}.decision-duel-fab{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);padding:var(--spacing-3) var(--spacing-6);box-shadow:0 var(--shadow-offset-sm) var(--shadow-blur-lg) var(--color-overlay-medium);z-index:var(--z-index-fixed);font-weight:var(--font-weight-bold);transition:opacity var(--transition-duration-fast) var(--transition-timing-function-default),pointer-events var(--transition-duration-fast) var(--transition-timing-function-default)}.decision-duel-fab--hidden{opacity:0;pointer-events:none}.animated-block{opacity:0;transform:translateY(var(--spacing-4));transition:opacity var(--transition-duration-slow) var(--transition-timing-function-default),transform var(--transition-duration-slow) var(--transition-timing-function-default);transition-delay:var(--animated-block-delay, 0ms)}.animated-block.visible{opacity:1;transform:translateY(0)}