@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=Quicksand:wght@300;400;500&display=swap";
.welcome-demo-section{padding:80px 24px;position:relative;overflow:hidden}.welcome-demo-container{max-width:900px;margin:0 auto;position:relative}.demo-ambient{pointer-events:none;z-index:0;position:absolute;inset:-100px}.demo-glow{filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.demo-glow-1{background:var(--matcha-200);width:400px;height:400px;animation:15s ease-in-out infinite ambientFloat;top:-100px;left:-100px}.demo-glow-2{background:var(--terra-200);width:300px;height:300px;animation:12s ease-in-out infinite reverse ambientFloat;bottom:-50px;right:-50px}@keyframes ambientFloat{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-20px)scale(1.1)}}.demo-device{z-index:10;background:#0f1c15;border-radius:20px;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 25px 80px -20px #0a140fb3,0 0 100px -30px #4a7c5d66}.demo-device:hover{transform:translateY(-8px)scale(1.005);box-shadow:0 0 0 1px #7db88f66,0 40px 120px -30px #000c,0 0 140px -20px #68a67d33}.demo-device.playing{box-shadow:0 0 0 1px #4ade804d,0 30px 100px -20px #000c,0 0 120px -20px #4ade8026}.demo-chrome{background:#252529;border-bottom:1px solid #ffffff0f;align-items:center;gap:16px;padding:12px 16px;display:flex}.chrome-dots{gap:6px;display:flex}.chrome-dots .dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.chrome-url{color:#fff6;background:#ffffff0f;border-radius:6px;flex:1;padding:6px 14px;font-family:Quicksand,sans-serif;font-size:12px}.demo-screen{aspect-ratio:16/9;background:#1a1a1f;position:relative;overflow:hidden}.screen-ambient{pointer-events:none;position:absolute;inset:0}.screen-orb{filter:blur(60px);opacity:.3;border-radius:50%;position:absolute}.screen-orb.orb-a{background:#7db88f4d;width:200px;height:200px;animation:10s ease-in-out infinite orbFloat;top:-50px;left:-50px}.screen-orb.orb-b{background:#d4a5a533;width:150px;height:150px;animation:8s ease-in-out infinite reverse orbFloat;bottom:-30px;right:-30px}@keyframes orbFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.demo-phase{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0;transform:scale(.95)}.demo-phase.active{opacity:1;transform:scale(1)}.phase-content{text-align:center;color:#f5f0e8}.demo-title{letter-spacing:.02em;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:300;animation:.8s ease-out titleReveal}.demo-title-sm{letter-spacing:.02em;margin-bottom:8px;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300}.demo-tagline{color:#f5f0e899;font-family:Quicksand,sans-serif;font-size:1rem;font-weight:300}.demo-text{color:#f5f0e899;margin-top:8px;font-family:Quicksand,sans-serif;font-size:.9rem}@keyframes titleReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-pulse{background:#7db88f33;border-radius:50%;width:80px;height:80px;margin:32px auto 0;position:relative}.welcome-pulse:before,.welcome-pulse:after{content:"";border:1px solid #7db88f66;border-radius:50%;animation:2s ease-out infinite pulseRing;position:absolute;inset:0}.welcome-pulse:after{animation-delay:1s}@keyframes pulseRing{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.flash-badge{color:#7db88f;text-transform:uppercase;letter-spacing:.1em;background:#7db88f26;border:1px solid #7db88f4d;border-radius:20px;margin-bottom:16px;padding:6px 16px;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:500;animation:.5s ease-out badgeSlide;display:inline-block}@keyframes badgeSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.processing-visual{justify-content:center;align-items:center;gap:24px;margin-bottom:16px;display:flex}.memory-block{border-radius:12px;padding:16px 24px;font-family:Quicksand,sans-serif;font-size:.85rem;font-weight:500}.memory-block.distressing{color:#d4a5a5;background:#d4a5a533;border:1px solid #d4a5a54d;animation:.5s ease-out blockFadeIn}.memory-block.peaceful{color:#7db88f;background:#7db88f33;border:1px solid #7db88f4d;animation:.5s ease-out .3s both blockFadeIn}@keyframes blockFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.processing-arrow{background:linear-gradient(90deg,#d4a5a5,#7db88f);width:40px;height:2px;animation:.5s ease-out .2s both arrowGrow;position:relative}.processing-arrow:after{content:"";border-top:2px solid #7db88f;border-right:2px solid #7db88f;width:10px;height:10px;position:absolute;top:-4px;right:-4px;transform:rotate(45deg)}@keyframes arrowGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.peaceful-input{text-align:left;max-width:300px;margin:0 auto}.peaceful-input label{color:#f5f0e8b3;margin-bottom:10px;font-family:Quicksand,sans-serif;font-size:.85rem;display:block}.input-mock{color:#f5f0e8;background:#252529;border:1px solid #7db88f4d;border-radius:10px;align-items:center;padding:14px 18px;font-family:Quicksand,sans-serif;font-size:.95rem;display:flex}.typing-text{white-space:nowrap;width:0;animation:2s steps(20,end) forwards typeIn;overflow:hidden}@keyframes typeIn{to{width:11em}}.cursor{background:#7db88f;width:2px;height:18px;margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.bilateral-demo{justify-content:center;align-items:center;gap:40px;display:flex;position:relative}.bi-circle{background:#252529;border:2px solid #7db88f4d;border-radius:50%;width:80px;height:80px;transition:all .3s}.bi-circle.active{background:#7db88f;border-color:#7db88f;transform:scale(1.1);box-shadow:0 0 40px #7db88f66}.phase-stim.active .bi-left{animation:2.5s ease-in-out infinite biPulse}.phase-stim.active .bi-right{animation:2.5s ease-in-out 1.25s infinite biPulse}@keyframes biPulse{0%,40%,to{box-shadow:none;background:#252529;border-color:#7db88f4d;transform:scale(1)}20%{background:#7db88f;border-color:#7db88f;transform:scale(1.1);box-shadow:0 0 40px #7db88f66}}.bi-center{color:#f5f0e880;text-transform:uppercase;letter-spacing:.15em;font-family:Cormorant Garamond,serif;font-size:1.2rem;position:absolute}.flash-overlay-demo{color:#f5f0e8;text-shadow:0 0 40px #7db88f99;letter-spacing:.2em;opacity:0;justify-content:center;align-items:center;font-family:Cormorant Garamond,serif;font-size:2.5rem;animation:5s ease-in-out infinite flashPulse;display:flex;position:absolute;inset:0}@keyframes flashPulse{0%,30%,to{opacity:0;background:0 0}35%{opacity:1;background:#7db88f26}45%{opacity:0;background:0 0}}.safe-words{justify-content:center;gap:32px;display:flex}.safe-words .word{color:#f5f0e8;opacity:0;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:400;transform:translateY(20px)}.phase-safe.active .word-1{animation:.5s ease-out forwards wordReveal}.phase-safe.active .word-2{animation:.5s ease-out .8s forwards wordReveal}.phase-safe.active .word-3{animation:.5s ease-out 1.6s forwards wordReveal}@keyframes wordReveal{to{opacity:1;transform:translateY(0)}}.journey-icon{color:#7db88f;width:64px;height:64px;margin:0 auto 16px;animation:.6s cubic-bezier(.16,1,.3,1) iconPop}.journey-icon svg{width:100%;height:100%}@keyframes iconPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.play-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#1a1a1fcc;justify-content:center;align-items:center;animation:.3s overlayFadeIn;display:flex;position:absolute;inset:0}.play-overlay.replay{background:#1a1a1fe6}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.play-btn{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f0fdf4;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;align-items:center;gap:16px;padding:32px 64px;font-family:Quicksand,sans-serif;font-size:1.1rem;font-weight:500;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 8px 32px #0003}.play-btn:hover{background:#ffffff14;border-color:#7db88f80;transform:scale(1.05)translateY(-2px);box-shadow:0 16px 48px #0000004d,0 0 20px #7db88f33}.play-btn svg{color:#7db88f;width:48px;height:48px}.pause-overlay-btn{color:#f5f0e8b3;cursor:pointer;z-index:60;background:#252529cc;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:16px;right:16px}.pause-overlay-btn:hover{color:#f5f0e8;background:#f5f0e81a}.pause-overlay-btn svg{width:16px;height:16px}.demo-progress{background:#252529;height:3px}.demo-progress .progress-fill{background:linear-gradient(90deg,#7db88f,#5a9d6e);height:100%;transition:width .1s linear}.demo-caption{text-align:center;color:var(--text-secondary);margin-top:24px;font-family:Quicksand,sans-serif;font-size:.9rem}@media (max-width:768px){.welcome-demo-section{padding:40px 16px}.welcome-demo-container{max-width:100%}.demo-chrome{display:none}.demo-device{border-radius:28px;max-width:360px;margin:0 auto}.demo-screen{aspect-ratio:9/14;border-radius:24px}.screen-orb.orb-a{opacity:.4;width:180px;height:180px}.screen-orb.orb-b{opacity:.35;width:140px;height:140px}.demo-title{font-size:2.5rem;line-height:1.2}.demo-title-sm{font-size:1.75rem;line-height:1.3}.demo-tagline{margin-top:8px;font-size:1.1rem}.demo-text{font-size:1rem;line-height:1.5}.phase-content{padding:24px}.welcome-pulse{width:100px;height:100px;margin-top:40px}.flash-badge{margin-bottom:20px;padding:10px 20px;font-size:.85rem}.safe-words{flex-direction:column;gap:24px}.safe-words .word{letter-spacing:.05em;font-size:2.2rem}.processing-visual{flex-direction:column;gap:20px}.memory-block{width:100%;max-width:200px;padding:18px 28px;font-size:1rem}.processing-arrow{background:linear-gradient(#d4a5a5,#7db88f);width:2px;height:40px}.processing-arrow:after{top:auto;bottom:-4px;right:-4px;transform:rotate(135deg)}.peaceful-input{max-width:100%;padding:0 16px}.peaceful-input label{margin-bottom:12px;font-size:1rem}.input-mock{border-radius:14px;padding:16px 20px;font-size:1.1rem}.cursor{height:22px}.bilateral-demo{gap:32px}.bi-circle{width:80px;height:80px}.bi-center{font-size:1rem}.flash-overlay-demo{font-size:2rem}.journey-icon{width:80px;height:80px;margin-bottom:24px}.play-btn{border-width:2px;border-radius:20px;padding:28px 48px}.play-btn span{font-size:1.1rem}.play-btn svg{width:56px;height:56px}.pause-overlay-btn{border-radius:12px;width:48px;height:48px;bottom:20px;right:20px}.pause-overlay-btn svg{width:20px;height:20px}.demo-progress{border-radius:0 0 24px 24px;height:4px}.demo-caption{margin-top:20px;padding:0 8px;font-size:1rem}.demo-glow-1{filter:blur(80px);width:250px;height:250px}.demo-glow-2{filter:blur(70px);width:200px;height:200px}}@media (max-width:380px){.demo-device{border-radius:24px;max-width:100%}.demo-screen{border-radius:20px}.demo-title{font-size:2rem}.demo-title-sm{font-size:1.5rem}.safe-words .word{font-size:1.8rem}.bi-circle{width:65px;height:65px}.bilateral-demo{gap:24px}.play-btn{padding:24px 40px}.play-btn svg{width:48px;height:48px}}