:root{--primary: #cdbdff;--primary-rgb: 205, 189, 255;--surface-rgb: 20, 19, 19;--on-primary: #360096;--primary-container: #7545fb;--on-primary-container: #fff;--secondary: #ffb5a1;--on-secondary: #611300;--secondary-container: #d53f13;--on-secondary-container: #fffcff;--tertiary: #ffaaf5;--on-tertiary: #5b005c;--tertiary-container: #a949a5;--on-tertiary-container: #fff;--surface: #141313;--on-surface: #e6e1e1;--on-surface-variant: #cac6bc;--surface-container-lowest: #0f0e0e;--surface-container-low: #1c1b1c;--surface-container: #201f20;--surface-container-high: #2b2a2a;--surface-container-highest: #363435;--surface-dim: #141313;--surface-bright: #3a3939;--outline: #949187;--outline-variant: #49473f}.light{--primary: #5c20e2;--primary-rgb: 92, 32, 226;--surface-rgb: 253, 248, 248;--on-primary: #fff;--primary-container: #7545fb;--on-primary-container: #fff;--secondary: #af2a00;--on-secondary: #fff;--secondary-container: #d53f13;--on-secondary-container: #fffcff;--tertiary: #8c2f8a;--on-tertiary: #fff;--tertiary-container: #a949a5;--on-tertiary-container: #fff;--surface: #fdf8f8;--on-surface: #1c1b1c;--on-surface-variant: #49473f;--surface-container-lowest: #fff;--surface-container-low: #f7f3f2;--surface-container: #f1eded;--surface-container-high: #ebe7e7;--surface-container-highest: #e6e1e1;--surface-dim: #ddd9d9;--surface-bright: #fdf8f8;--outline: #7a776e;--outline-variant: #cac6bc}@media (prefers-color-scheme: light){:root:not(.dark){--primary: #5c20e2;--primary-rgb: 92, 32, 226;--surface-rgb: 253, 248, 248;--on-primary: #fff;--primary-container: #7545fb;--on-primary-container: #fff;--secondary: #af2a00;--on-secondary: #fff;--secondary-container: #d53f13;--on-secondary-container: #fffcff;--tertiary: #8c2f8a;--on-tertiary: #fff;--tertiary-container: #a949a5;--on-tertiary-container: #fff;--surface: #fdf8f8;--on-surface: #1c1b1c;--on-surface-variant: #49473f;--surface-container-lowest: #fff;--surface-container-low: #f7f3f2;--surface-container: #f1eded;--surface-container-high: #ebe7e7;--surface-container-highest: #e6e1e1;--surface-dim: #ddd9d9;--surface-bright: #fdf8f8;--outline: #7a776e;--outline-variant: #cac6bc}}.experience-container{position:relative;z-index:1}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--surface-container-high);z-index:200}.progress-bar{height:100%;background:linear-gradient(90deg, #cdbdff 0%, #ffb5a1 100%);width:0%;transition:width 0.1s linear}.site-header--fixed{background:rgba(20,19,19,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.scene{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:48px}.scene-content{max-width:900px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:48px}.scene-visual{width:100%;max-width:500px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;position:relative}.scene-text{font-family:"Marr Sans Condensed","Marr Sans",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:600;line-height:1.3;color:var(--on-surface)}.scene-text .text-muted{display:block;font-family:"Marr Sans",-apple-system,BlinkMacSystemFont,sans-serif;font-size:0.7em;font-weight:400;color:var(--on-surface-variant);margin-top:8px}.chaos-docs{width:100%;height:100%;position:relative}.floating-doc{position:absolute;width:60px;height:80px;background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:8px;opacity:0.6;animation:float-chaos 8s ease-in-out infinite}.floating-doc::before{content:'';position:absolute;top:12px;left:8px;right:8px;height:4px;background:var(--outline-variant);border-radius:2px}.floating-doc::after{content:'';position:absolute;top:22px;left:8px;width:60%;height:3px;background:var(--outline-variant);border-radius:2px;opacity:0.6}.doc-1{top:10%;left:20%;animation-delay:0s}.doc-2{top:30%;left:60%;animation-delay:-1.5s;transform:rotate(15deg)}.doc-3{top:60%;left:15%;animation-delay:-3s;transform:rotate(-10deg)}.doc-4{top:50%;left:70%;animation-delay:-4.5s;transform:rotate(8deg)}.doc-5{top:75%;left:45%;animation-delay:-6s;transform:rotate(-5deg)}@keyframes float-chaos{0%,100%{transform:translateY(0) rotate(var(--rot, 0deg))}50%{transform:translateY(-15px) rotate(calc(var(--rot, 0deg) + 3deg))}}.input-container{width:100%}.input-field{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:12px;padding:24px 32px;font-size:1.125rem;color:var(--on-surface);text-align:left;min-height:60px;display:flex;align-items:center}.input-cursor{width:2px;height:1.2em;background:var(--primary);animation:blink 1s step-end infinite}.typed-text{color:var(--on-surface)}@keyframes blink{50%{opacity:0}}.graph-container{width:100%;height:100%}.connection-graph{width:100%;height:100%}.graph-node{fill:var(--primary);opacity:0;transition:opacity 0.5s ease}.graph-node.active{opacity:1}.graph-connection{stroke:var(--outline-variant);stroke-width:1;opacity:0;transition:opacity 0.5s ease}.graph-connection.active{opacity:1}.synthesis-container{width:100%}.synthesis-card{background:var(--surface-container);border:1px solid var(--outline-variant);border-radius:16px;padding:32px;text-align:left}.synthesis-header{width:40%;height:12px;background:var(--outline-variant);border-radius:8px;margin-bottom:24px}.synthesis-line{height:8px;background:rgba(var(--outline-variant), 0.4);border-radius:4px;margin-bottom:16px;opacity:0;transform:translateX(-20px);transition:all 0.4s ease}.synthesis-line--short{width:60%}.synthesis-line--medium{width:80%}.scene-4.active .synthesis-line{opacity:1;transform:translateX(0)}.scene-4.active .synthesis-line:nth-child(2){transition-delay:0.1s}.scene-4.active .synthesis-line:nth-child(3){transition-delay:0.2s}.scene-4.active .synthesis-line:nth-child(4){transition-delay:0.3s}.scene-4.active .synthesis-line:nth-child(5){transition-delay:0.4s}.approval-container{width:100%;display:flex;justify-content:center}.approval-card{display:flex;align-items:center;gap:16px;background:var(--primary-container);border:1px solid var(--primary);border-radius:9999px;padding:16px 32px;transform:scale(0.9);opacity:0;transition:all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1)}.scene-5.active .approval-card{transform:scale(1);opacity:1}.approval-icon{width:24px;height:24px;color:var(--primary)}.approval-text{font-weight:600;color:var(--primary)}.action-container{width:100%}.action-items{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.action-item{width:100px;height:100px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:0.875rem;transform:translateY(30px);opacity:0;transition:all 0.5s ease}.action-doc{background:var(--secondary-container);color:var(--on-secondary-container)}.action-ticket{background:var(--tertiary-container);color:var(--on-tertiary-container)}.action-share{background:var(--primary-container);color:var(--on-primary-container)}.scene-6.active .action-item{transform:translateY(0);opacity:1}.scene-6.active .action-item:nth-child(1){transition-delay:0s}.scene-6.active .action-item:nth-child(2){transition-delay:0.15s}.scene-6.active .action-item:nth-child(3){transition-delay:0.3s}.scene-cta{min-height:80vh}.cta-title{font-family:"Marr Sans Condensed","Marr Sans",-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(2rem, 5vw, 3rem);font-weight:700;margin-bottom:32px;color:var(--on-surface)}@media (max-width: 640px){.scene{padding:32px 24px}.scene-visual{max-width:100%}.action-item{width:80px;height:80px}}