.app{width:100%;min-height:100vh;background:#050508;position:relative;overflow-x:hidden}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;opacity:.03;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E')}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;transform:translateY(-100%);transition:transform .3s ease-in-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#050508cc;border-bottom:1px solid rgba(102,126,234,.2)}.main-nav.visible{transform:translateY(0)}.nav-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-size:1.25rem;font-weight:800;letter-spacing:.1em;background:linear-gradient(135deg,#818cf8,#a78bfa,#f0abfc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{display:block;width:100%;height:2px;background:#ffffffe6;transition:all .3s ease;border-radius:2px}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#fffc;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease;position:relative}.nav-links a:hover{color:#fff}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#818cf8,#a78bfa);transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-cta{padding:.6rem 1.5rem!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-radius:50px!important;color:#fff!important;box-shadow:0 2px 10px #6366f14d}.nav-cta:after{display:none!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 15px #6366f180}@media (max-width: 768px){.mobile-menu-toggle{display:block}.nav-links{position:fixed;top:0;right:0;height:100vh;width:70%;max-width:300px;background:#050508fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(102,126,234,.2);flex-direction:column;justify-content:center;gap:2rem;padding:2rem;transform:translate(100%);transition:transform .3s ease-in-out}.nav-links.open{transform:translate(0)}.nav-links a{font-size:1.1rem;text-align:center}.nav-cta{width:100%}}.gradient-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.4;pointer-events:none;z-index:0;will-change:transform}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(102,126,234,.6) 0%,transparent 70%);top:-200px;left:-200px;animation:orbFloat1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(147,51,234,.5) 0%,transparent 70%);top:50%;right:-150px;animation:orbFloat2 25s ease-in-out infinite}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(240,147,251,.4) 0%,transparent 70%);bottom:-100px;left:30%;animation:orbFloat3 18s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(100px,50px) scale(1.1)}66%{transform:translate(-50px,100px) scale(.9)}}@keyframes orbFloat2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-100px,-100px) scale(1.15)}}@keyframes orbFloat3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-80px,-60px) scale(1.1)}66%{transform:translate(60px,40px) scale(.95)}}.stars,.stars2{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;will-change:transform}.stars{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><circle cx="50" cy="70" r="1" fill="white" opacity="0.9"/><circle cx="120" cy="30" r="0.5" fill="white" opacity="0.6"/><circle cx="200" cy="150" r="1.2" fill="white" opacity="0.8"/><circle cx="280" cy="80" r="0.8" fill="white" opacity="0.7"/><circle cx="350" cy="200" r="1" fill="white" opacity="0.5"/><circle cx="80" cy="250" r="0.6" fill="white" opacity="0.9"/><circle cx="180" cy="320" r="1.1" fill="white" opacity="0.6"/><circle cx="300" cy="280" r="0.7" fill="white" opacity="0.8"/><circle cx="380" cy="350" r="0.9" fill="white" opacity="0.7"/><circle cx="30" cy="380" r="1" fill="white" opacity="0.5"/></svg>') repeat}.stars2{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><circle cx="100" cy="100" r="1.5" fill="%23a78bfa" opacity="0.4"/><circle cx="300" cy="180" r="1" fill="%23f0abfc" opacity="0.5"/><circle cx="480" cy="300" r="1.2" fill="%23818cf8" opacity="0.4"/><circle cx="180" cy="450" r="1.3" fill="%23c4b5fd" opacity="0.5"/><circle cx="400" cy="520" r="1" fill="%23a78bfa" opacity="0.4"/></svg>') repeat}.shooting-stars{display:none}.main-content{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 2rem 2rem;text-align:center;position:relative}.hero-content{max-width:800px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.logo-badge{display:inline-block;padding:.5rem 1.25rem;background:#667eea26;border:1px solid rgba(102,126,234,.3);border-radius:50px;margin-bottom:2rem;animation:fadeInUp 1s ease-out .2s both}.badge-text{font-size:.75rem;font-weight:600;letter-spacing:.2em;color:#a78bfae6;text-transform:uppercase}.persona-pills{display:flex;gap:.75rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .25s both}.persona-pill{position:relative;padding:.625rem 1.5rem;background:#05050899;border:1px solid rgba(102,126,234,.25);border-radius:50px;cursor:pointer;transition:all .3s ease;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}.persona-pill:hover{border-color:#a78bfa80;transform:translateY(-2px)}.persona-pill.active{background:#667eea33;border-color:#a78bfa99;box-shadow:0 0 20px #a78bfa4d}.pill-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#818cf84d,#a78bfa4d);opacity:0;transition:opacity .3s ease;pointer-events:none}.persona-pill.active .pill-glow{opacity:1}.pill-text{position:relative;font-size:.875rem;font-weight:500;color:#ffffffb3;letter-spacing:.02em;transition:color .3s ease}.persona-pill.active .pill-text{color:#fffffff2;font-weight:600}.persona-pill:hover .pill-text{color:#ffffffe6}.persona-pill:focus-visible{outline:2px solid rgba(167,139,250,.8);outline-offset:4px}.title{margin-bottom:1.5rem;animation:fadeInUp 1s ease-out .3s both}.title-line{display:block;font-size:clamp(4rem,15vw,8rem);font-weight:800;background:linear-gradient(135deg,#818cf8,#a78bfa 30%,#f0abfc 70%,#fda4af);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1em;line-height:1;animation:gradientShift 8s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-tagline{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:300;color:#fffc;line-height:1.6;margin-bottom:2rem;animation:fadeInUp 1s ease-out .4s both}.typewriter-container{height:3rem;margin-bottom:3rem;animation:fadeInUp 1s ease-out .5s both}.typewriter-text{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:500;background:linear-gradient(90deg,#f0abfc,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cursor{-webkit-text-fill-color:#f0abfc;opacity:0;transition:opacity .1s}.cursor.visible{opacity:1}.cta-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fadeInUp 1s ease-out .6s both}.cta-subtext{font-size:.85rem;color:#ffffff80;font-weight:400}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;text-decoration:none;border-radius:60px;font-size:1.1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 15px #6366f166,0 0 0 1px #ffffff1a inset;animation:fadeInUp 1s ease-out .6s both}.cta-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7)}.cta-wrapper .cta-button{animation:none}.cta-button.large{padding:1.5rem 3.5rem;font-size:1.25rem}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.cta-button:hover .button-glow{left:100%}.cta-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #6366f199,0 0 0 1px #fff3 inset}.button-text{position:relative;z-index:1}.button-arrow{display:flex;align-items:center;transition:transform .3s ease;position:relative;z-index:1}.cta-button:hover .button-arrow{transform:translate(4px)}.scroll-indicator{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#ffffff80;font-size:.85rem;animation:fadeInUp 1s ease-out 1s both}.scroll-arrow{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.section-container{max-width:1200px;margin:0 auto;padding:0 2rem}.emotional-section{padding:8rem 0;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.03) 50%,transparent 100%)}.section-eyebrow{text-align:center;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:300;color:#ffffffe6;margin-bottom:4rem;letter-spacing:-.02em}.connection-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}.connection-card{padding:2.5rem 2rem;background:#0f0f1999;border:1px solid rgba(139,92,246,.15);border-radius:24px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.connection-card:hover{transform:translateY(-8px);border-color:#8b5cf666;box-shadow:0 20px 40px #6366f126}.connection-card.featured{border-color:#a78bfa4d;background:#6366f114}.card-icon{position:relative;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center}.card-icon span{font-size:2.5rem;position:relative;z-index:1}.icon-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:#8b5cf61a;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.2}}.connection-card h3{font-size:1.25rem;font-weight:600;color:#fffffff2;margin-bottom:1rem}.connection-card p{font-size:1rem;line-height:1.7;color:#fff9}.possibility-section{padding:8rem 0}.possibility-header{text-align:center;margin-bottom:5rem}.section-title-large{font-size:clamp(2rem,6vw,3.5rem);font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-.02em}.section-subtitle{font-size:1.25rem;color:#fff9}.possibility-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.possibility-item{display:flex;gap:2rem;align-items:flex-start;padding:2rem;border-radius:20px;transition:all .3s ease}.possibility-item:hover{background:#6366f10d}.possibility-visual{flex-shrink:0;width:80px;height:80px;position:relative;display:flex;align-items:center;justify-content:center}.visual-ring{position:absolute;width:100%;height:100%;border:1px solid rgba(167,139,250,.3);border-radius:50%;animation:ringPulse 3s ease-in-out infinite}.visual-ring.delay-1{animation-delay:.5s}.visual-ring.delay-2{animation-delay:1s}@keyframes ringPulse{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:.2}}.visual-emoji{font-size:2rem;position:relative;z-index:1}.possibility-content h3{font-size:1.35rem;font-weight:600;color:#fffffff2;margin-bottom:.75rem}.possibility-content p{font-size:1.05rem;line-height:1.7;color:#fff9}.story-section{padding:10rem 0;background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,.05) 30%,rgba(99,102,241,.05) 70%,transparent 100%)}.story-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.story-visual{display:flex;align-items:center;justify-content:center}.collision-container{position:relative;width:300px;height:300px;--orbit-radius: 110px;--collision-angle: 135deg;--wormhole-scale: .6;--crash-tilt: 18deg;--shock-duration: .28s;--shock-ring-size: 22px;--shock-ring-scale: 3.6;--tear-duration: .22s}.orbital-path{position:absolute;width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);border:1px dashed rgba(167,139,250,.15);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease}.collision-container.orbiting .orbital-path,.collision-container.colliding .orbital-path,.collision-container.wormhole .orbital-path{opacity:1}.earth{position:absolute;width:80px;height:80px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;z-index:1}.earth-surface{width:100%;height:100%;border-radius:50%;background:radial-gradient(ellipse 30% 15% at 25% 25%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(ellipse 20% 25% at 60% 70%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(ellipse 35% 12% at 75% 40%,rgba(255,255,255,.35) 0%,transparent 100%),radial-gradient(ellipse 100% 20% at 50% 0%,rgba(255,255,255,.8) 0%,transparent 100%),radial-gradient(ellipse 100% 20% at 50% 100%,rgba(255,255,255,.7) 0%,transparent 100%),radial-gradient(ellipse 40% 35% at 30% 45%,#2d5a27 0%,#1e4620 50%,transparent 100%),radial-gradient(ellipse 25% 40% at 70% 50%,#3d6b35 0%,#2a5228 60%,transparent 100%),radial-gradient(ellipse 30% 20% at 55% 35%,#8b7355 0%,#6b5344 50%,transparent 100%),radial-gradient(ellipse 20% 15% at 40% 65%,#4a7c3f 0%,transparent 100%),linear-gradient(180deg,#1a4b7c,#1565a8 30%,#0d4a7a,#1a5c8c 70%,#0f3d5c);animation:earthRotate 30s linear infinite;box-shadow:inset -25px -15px 40px #0009,inset 5px 5px 20px #ffffff1a}@keyframes earthRotate{0%{background-position:0px 0px}to{background-position:160px 0px}}.earth-glow{position:absolute;top:-15px;left:-15px;width:calc(100% + 30px);height:calc(100% + 30px);border-radius:50%;background:radial-gradient(circle,rgba(100,180,255,.4) 0%,rgba(80,150,220,.2) 40%,rgba(60,120,200,.1) 60%,transparent 75%);pointer-events:none}.collision-container.wormhole .earth{opacity:1}.satellite{position:absolute;width:20px;height:12px;z-index:2;opacity:0;transform-origin:center center}.satellite-body{position:absolute;width:12px;height:8px;background:linear-gradient(135deg,silver,gray);border-radius:2px;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 5px #ffffff80}.satellite-panel{position:absolute;width:8px;height:4px;background:linear-gradient(90deg,#4a7ab8,#6a9ad8);top:50%;transform:translateY(-50%)}.satellite-panel.left{right:100%;margin-right:2px}.satellite-panel.right{left:100%;margin-left:2px}.satellite-1{left:50%;top:50%;width:24px;height:14px}.satellite-1 .satellite-body{width:14px;height:9px;background:linear-gradient(135deg,#e8e8e8,#a0a0a0);border-radius:3px;box-shadow:0 0 8px #64b4ff99}.satellite-1 .satellite-panel{width:10px;height:5px;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:1px}.satellite-2{left:50%;top:50%;width:18px;height:11px}.satellite-2 .satellite-body{width:10px;height:7px;background:linear-gradient(135deg,#d4a853,#8b6914);border-radius:1px;box-shadow:0 0 6px #ffb46480}.satellite-2 .satellite-panel{width:6px;height:4px;background:linear-gradient(90deg,#dc2626,#991b1b);border-radius:0}.collision-container.orbiting .satellite{opacity:1}.collision-container.orbiting .satellite-1{animation:satelliteOrbit1 var(--orbit-duration, 3.9s) linear forwards}.collision-container.orbiting .satellite-2{animation:satelliteOrbit2 var(--orbit-duration, 3.9s) linear forwards}@keyframes satelliteOrbit1{0%{transform:translate(-50%,-50%) rotate(15deg) translate(var(--orbit-radius)) rotate(-15deg)}to{transform:translate(-50%,-50%) rotate(135deg) translate(var(--orbit-radius)) rotate(-135deg)}}@keyframes satelliteOrbit2{0%{transform:translate(-50%,-50%) rotate(195deg) translate(var(--orbit-radius)) rotate(-195deg)}to{transform:translate(-50%,-50%) rotate(135deg) translate(var(--orbit-radius)) rotate(-135deg)}}.collision-container.colliding .satellite{opacity:1}.collision-container.colliding .satellite-1{animation:satelliteCollide1 var(--collision-duration, .39s) ease-in forwards}.collision-container.colliding .satellite-2{animation:satelliteCollide2 var(--collision-duration, .39s) ease-in forwards}@keyframes satelliteCollide1{0%{transform:translate(-50%,-50%) rotate(135deg) translate(var(--orbit-radius)) rotate(-135deg);opacity:1}to{transform:translate(-50%,-50%) rotate(135deg) translate(var(--orbit-radius)) rotate(-135deg);opacity:0}}@keyframes satelliteCollide2{0%{transform:translate(-50%,-50%) rotate(135deg) translate(var(--orbit-radius)) rotate(-135deg);opacity:1}to{transform:translate(-50%,-50%) rotate(135deg) translate(var(--orbit-radius)) rotate(-135deg);opacity:0}}.collision-point{position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-50%,-50%) rotate(var(--collision-angle)) translate(var(--orbit-radius));z-index:10;pointer-events:none}.collision-flash{position:absolute;width:20px;height:20px;left:0;top:0;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0%,rgba(240,171,252,.8) 30%,transparent 70%);border-radius:50%;opacity:0}.collision-container.colliding .collision-flash{animation:collisionFlash .6s ease-out forwards;animation-delay:var(--impact-delay, .39s)}@keyframes collisionFlash{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}20%{opacity:1;transform:translate(-50%,-50%) scale(3)}to{opacity:0;transform:translate(-50%,-50%) scale(8)}}.wormhole-effect{position:absolute;width:200px;height:200px;left:0;top:0;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.collision-container.wormhole .wormhole-effect{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;animation:wormholePulse 3s ease-in-out infinite!important}@keyframes wormholePulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.05)}}.collision-container.wormhole .satellite{opacity:0!important;animation:none}.collision-container.colliding .wormhole-effect{animation:wormholeFlicker var(--tear-duration) ease-out both;animation-delay:var(--impact-delay, .39s)}.collision-container.colliding .wormhole-ring{opacity:1}.collision-container.colliding .wormhole-core{filter:brightness(1.35)}@keyframes wormholeFlicker{0%{opacity:0;transform:translate(-50%,-50%) scale(0) rotate(0)}40%{opacity:1;transform:translate(-50%,-50%) scale(.8) rotate(16deg)}75%{opacity:.8;transform:translate(-50%,-50%) scale(.9) rotate(-16deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.collision-point:after{content:"";position:absolute;left:0;top:0;width:var(--shock-ring-size);height:var(--shock-ring-size);border-radius:50%;border:2px solid rgba(240,171,252,.75);box-shadow:0 0 18px #8b5cf659;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.2)}.collision-container.colliding .collision-point:after{animation:shockRing var(--shock-duration) ease-out both;animation-delay:var(--impact-delay, .39s)}@keyframes shockRing{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(var(--shock-ring-scale))}}.wormhole-ring{position:absolute;border-radius:50%;left:50%;top:50%;border:2px solid;opacity:0}.collision-container.wormhole .wormhole-ring{opacity:1!important}.wormhole-ring.ring-1{width:180px;height:180px;margin-left:-90px;margin-top:-90px;border-color:#8b5cf680;animation:wormholeRingPulse 3s ease-in-out infinite}.wormhole-ring.ring-2{width:140px;height:140px;margin-left:-70px;margin-top:-70px;border-color:#a78bfa99;animation:wormholeRingPulse 3s ease-in-out infinite .5s}.wormhole-ring.ring-3{width:100px;height:100px;margin-left:-50px;margin-top:-50px;border-color:#f0abfcb3;animation:wormholeRingPulse 3s ease-in-out infinite 1s}@keyframes wormholeRingPulse{0%,to{transform:scale(1) rotate(0);opacity:.6}50%{transform:scale(1.1) rotate(180deg);opacity:1}}.wormhole-core{position:absolute;width:60px;height:60px;left:50%;top:50%;margin-left:-30px;margin-top:-30px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.8) 0%,rgba(139,92,246,.6) 30%,rgba(167,139,250,.4) 60%,transparent 100%);animation:wormholeCorePulse 2s ease-in-out infinite;box-shadow:0 0 30px #8b5cf699,0 0 60px #6366f166,inset 0 0 20px #fff3}@keyframes wormholeCorePulse{0%,to{transform:scale(1);box-shadow:0 0 30px #8b5cf699,0 0 60px #6366f166,inset 0 0 20px #fff3}50%{transform:scale(1.1);box-shadow:0 0 50px #8b5cf6cc,0 0 100px #6366f180,inset 0 0 30px #ffffff4d}}.wormhole-particles{position:absolute;width:100%;height:100%;left:0;top:0}.wormhole-particles .particle{position:absolute;width:4px;height:4px;background:#f0abfccc;border-radius:50%;opacity:0}.collision-container.wormhole .particle{animation:particleFloat 4s ease-in-out infinite}.collision-container.wormhole .particle:nth-child(1){left:50%;top:10%;animation-delay:0s}.collision-container.wormhole .particle:nth-child(2){left:85%;top:30%;animation-delay:.5s}.collision-container.wormhole .particle:nth-child(3){left:90%;top:70%;animation-delay:1s}.collision-container.wormhole .particle:nth-child(4){left:50%;top:90%;animation-delay:1.5s}.collision-container.wormhole .particle:nth-child(5){left:10%;top:70%;animation-delay:2s}.collision-container.wormhole .particle:nth-child(6){left:15%;top:30%;animation-delay:2.5s}@keyframes particleFloat{0%,to{opacity:0;transform:translate(0) scale(.5)}20%{opacity:1;transform:translate(0) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.3)}}.story-text{max-width:500px}.story-date{display:inline-block;font-size:.85rem;font-weight:600;color:#a78bfae6;letter-spacing:.1em;margin-bottom:1rem}.story-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;color:#fff;margin-bottom:2rem;line-height:1.2}.story-paragraph{font-size:1.1rem;line-height:1.8;color:#ffffffb3;margin-bottom:1.5rem}.story-paragraph strong{color:#f0abfce6;font-weight:500}.story-paragraph.highlight{color:#ffffffe6;font-size:1.15rem}.story-beats{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.story-beat{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;color:#ffffffd9;line-height:1.4;opacity:0;transform:translateY(10px);animation:beatReveal .6s ease-out forwards}.story-beat:nth-child(1){animation-delay:.2s}.story-beat:nth-child(2){animation-delay:.4s}.story-beat:nth-child(3){animation-delay:.6s}.story-beat:nth-child(4){animation-delay:.8s}.story-beat.highlight{background:linear-gradient(135deg,#818cf8,#a78bfa,#f0abfc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}@keyframes beatReveal{to{opacity:1;transform:translateY(0)}}.lore-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#667eea1a;border:1px solid rgba(102,126,234,.25);border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-bottom:1.5rem}.lore-toggle:hover{background:#667eea33;border-color:#a78bfa66}.lore-toggle-text{font-size:.9rem;font-weight:500;color:#a78bfae6;letter-spacing:.02em}.lore-toggle-icon{color:#a78bfacc;transition:transform .3s ease}.lore-toggle.expanded .lore-toggle-icon{transform:rotate(180deg)}.lore-expanded{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease-out;overflow:hidden}.lore-expanded.open{grid-template-rows:1fr}.lore-content{min-height:0;padding-top:0;transition:padding .4s ease-out}.lore-expanded.open .lore-content{padding-top:1rem}.lore-content .story-paragraph{opacity:0;transform:translateY(10px);transition:opacity .4s ease-out,transform .4s ease-out}.lore-expanded.open .lore-content .story-paragraph{opacity:1;transform:translateY(0)}.lore-expanded.open .lore-content .story-paragraph:nth-child(1){transition-delay:.1s}.lore-expanded.open .lore-content .story-paragraph:nth-child(2){transition-delay:.2s}.lore-expanded.open .lore-content .story-paragraph:nth-child(3){transition-delay:.3s}.features-section{padding:8rem 0}.features-section .section-title-large{text-align:center;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.feature-card{padding:2.5rem;background:#0f0f1980;border:1px solid rgba(139,92,246,.1);border-radius:20px;transition:all .4s ease}.feature-card:hover{border-color:#8b5cf64d;transform:translateY(-4px)}.feature-number{font-size:.85rem;font-weight:700;color:#a78bfa99;margin-bottom:1rem;letter-spacing:.1em}.feature-card h3{font-size:1.35rem;font-weight:600;color:#fffffff2;margin-bottom:1rem}.feature-card p{font-size:1rem;line-height:1.7;color:#fff9}.faq-section{padding:8rem 0}.faq-section .section-title-large{text-align:center;margin-bottom:4rem}.faq-accordion{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.faq-item{background:#0f0f1980;border:1px solid rgba(139,92,246,.15);border-radius:16px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.faq-item:hover{border-color:#8b5cf64d}.faq-item.open{border-color:#a78bfa66;box-shadow:0 4px 20px #8b5cf61a}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 2rem;background:transparent;border:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .3s ease}.faq-question:hover{background:#8b5cf60d}.faq-question span{font-size:1.1rem;font-weight:500;color:#ffffffe6;line-height:1.4}.faq-icon{flex-shrink:0;color:#a78bfab3;transition:transform .3s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-answer-content{overflow:hidden;min-height:0}.faq-answer-content p{padding:0 2rem 1.5rem;font-size:1rem;line-height:1.8;color:#ffffffa6;margin:0}.final-cta-section{padding:10rem 0;text-align:center;position:relative}.final-cta-section:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}.final-cta-content{position:relative;z-index:1}.final-title{font-size:clamp(2.5rem,7vw,4rem);font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:-.02em}.final-subtitle{font-size:clamp(1.1rem,2.5vw,1.35rem);color:#ffffffb3;max-width:600px;margin:0 auto 3rem;line-height:1.7}.footer{padding:4rem 2rem;border-top:1px solid rgba(139,92,246,.1)}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:2rem}.footer-brand{text-align:center}.footer-logo{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#818cf8,#f0abfc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.1em}.footer-tagline{margin-top:.5rem;font-size:.95rem;color:#ffffff80}.footer-links{display:flex;gap:2rem}.footer-link{color:#ffffff80;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-link:hover{color:#ffffffe6}.footer-legal{font-size:.85rem;color:#ffffff4d}.cta-button:focus-visible{outline:2px solid rgba(167,139,250,.8);outline-offset:4px}.footer-link:focus-visible{outline:2px solid rgba(139,92,246,.6);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){.stars,.stars2,.shooting-stars:before,.shooting-stars:after,.gradient-orb,.satellite,.earth-surface,.wormhole-ring,.wormhole-core,.particle,.collision-flash,.earth,.wormhole-effect,.icon-pulse,.visual-ring,.scroll-arrow,.collision-point:after{animation:none!important}.cta-button,.connection-card,.feature-card,.possibility-item{transition:none!important}.title-line{animation:none!important}.collision-container.orbiting .wormhole-effect,.collision-container.colliding .wormhole-effect,.collision-container.wormhole .wormhole-effect{opacity:1;transform:translate(-50%,-50%) scale(var(--wormhole-scale))}.collision-container.orbiting .satellite,.collision-container.colliding .satellite,.collision-container.wormhole .satellite{opacity:1;animation:none!important}.collision-container.orbiting .satellite-1,.collision-container.colliding .satellite-1,.collision-container.wormhole .satellite-1{transform:translate(-50%,-50%) rotate(var(--collision-angle)) translate(var(--orbit-radius)) rotate(calc(-1 * var(--collision-angle) - var(--crash-tilt)))}.collision-container.orbiting .satellite-2,.collision-container.colliding .satellite-2,.collision-container.wormhole .satellite-2{transform:translate(-50%,-50%) rotate(var(--collision-angle)) translate(var(--orbit-radius)) rotate(calc(-1 * var(--collision-angle) + var(--crash-tilt)))}.collision-container.wormhole .earth,.collision-container.wormhole .wormhole-ring{opacity:1}}@media (max-width: 1024px){.story-content{grid-template-columns:1fr;gap:4rem}.story-visual{order:-1}.collision-container{width:250px;height:250px;--orbit-radius: 90px}.earth{width:65px;height:65px}.story-text{max-width:100%;text-align:center}.story-beats{align-items:center}.lore-toggle{margin:0 auto 1.5rem}.lore-content{text-align:center}}@media (max-width: 768px){.hero{padding:5rem 1.5rem 1.5rem;min-height:auto;justify-content:flex-start}.connection-cards{grid-template-columns:1fr;gap:1.5rem}.possibility-grid{grid-template-columns:1fr;gap:2rem}.possibility-item{flex-direction:column;align-items:center;text-align:center;gap:1rem;padding:1.5rem}.features-grid{grid-template-columns:1fr}.cta-button{width:100%;max-width:400px}.persona-pills{gap:.5rem}.persona-pill{padding:.5rem 1.25rem;flex:1;min-width:140px}.pill-text{font-size:.8rem}.footer-links{flex-direction:column;gap:1rem;text-align:center}.scroll-indicator{display:none}.collision-container{width:200px;height:200px;--orbit-radius: 75px;--wormhole-scale: .22}.earth{width:50px;height:50px}.wormhole-effect{width:150px;height:150px}.wormhole-ring.ring-1{width:130px;height:130px;margin-left:-65px;margin-top:-65px}.wormhole-ring.ring-2{width:100px;height:100px;margin-left:-50px;margin-top:-50px}.wormhole-ring.ring-3{width:70px;height:70px;margin-left:-35px;margin-top:-35px}.wormhole-core{width:40px;height:40px;margin-left:-20px;margin-top:-20px}}@media (max-width: 480px){.section-container{padding:0 1.25rem}.emotional-section,.possibility-section,.features-section,.faq-section{padding:5rem 0}.story-section,.final-cta-section{padding:6rem 0}.connection-card,.feature-card{padding:2rem 1.5rem}.faq-question{padding:1.25rem 1.5rem}.faq-question span{font-size:1rem}.faq-answer-content p{padding:0 1.5rem 1.25rem;font-size:.95rem}}:root{--demo-scene-duration: 8s;--demo-transition-duration: .5s;--demo-total-loop: 24s;--demo-typing-duration: 1.5s;--demo-message-stagger: 1.5s;--demo-ease-out: cubic-bezier(.16, 1, .3, 1);--demo-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--demo-purple: rgba(139, 92, 246, 1);--demo-purple-dim: rgba(139, 92, 246, .3);--demo-pink: rgba(236, 72, 153, 1);--demo-pink-dim: rgba(236, 72, 153, .3)}.demo-loop{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;margin-bottom:5rem;animation:fadeInUp 1s ease-out .7s both}.demo-loop.reduced-motion{animation:none;opacity:1}.demo-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.demo-label{font-size:.75rem;color:#fff6;letter-spacing:.1em;text-transform:uppercase}.demo-indicators{display:flex;gap:.75rem;align-items:center}.demo-indicator{width:10px;height:10px;border-radius:50%;background:#fff3;border:none;padding:0;cursor:pointer;transition:all .3s ease}.demo-indicator:hover{background:#fff6;transform:scale(1.2)}.demo-indicator:focus-visible{outline:2px solid var(--demo-purple);outline-offset:2px}.demo-indicator.active{background:var(--demo-purple);box-shadow:0 0 12px var(--demo-purple-dim);transform:scale(1.1)}.demo-indicator.active:hover{transform:scale(1.2)}.demo-phone{position:relative;width:280px;animation:phoneFloat 6s ease-in-out infinite;will-change:transform}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.demo-phone-bezel{position:relative;background:linear-gradient(145deg,#1a1a1a,#0a0a0a,#151515);border-radius:40px;padding:12px;box-shadow:0 25px 60px #00000080,0 0 0 1px #ffffff1a inset,0 0 0 3px #1e1e1e}.demo-phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:30%;height:24px;background:#000;border-radius:0 0 14px 14px;z-index:10}.demo-phone-screen{position:relative;background:#050508;border-radius:32px;aspect-ratio:9 / 19.5;overflow:hidden}.demo-phone-reflection{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:40px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.05) 100%);pointer-events:none}@media (max-width: 768px){.demo-phone{width:220px}.demo-phone-bezel{border-radius:32px;padding:10px}.demo-phone-screen{border-radius:26px}.demo-phone-notch{height:20px;top:10px}}.demo-scenes-container{position:relative;width:100%;height:100%}.demo-scene{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity var(--demo-transition-duration) ease;display:flex;flex-direction:column}.demo-scene.active{opacity:1;pointer-events:auto}.scene-scanning{align-items:center;justify-content:center;padding:1.5rem}.scanning-rings{position:absolute;width:120px;height:120px;top:35%;left:50%;transform:translate(-50%,-50%)}.scanning-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid;transform:translate(-50%,-50%);opacity:0}.scene-scanning.active .scanning-ring{animation:scanningRingPulse 2s ease-out infinite}.scanning-ring.ring-1{width:60px;height:60px;border-color:var(--demo-purple)}.scanning-ring.ring-2{width:90px;height:90px;border-color:#a78bfa99;animation-delay:.4s}.scanning-ring.ring-3{width:120px;height:120px;border-color:var(--demo-pink-dim);animation-delay:.8s}@keyframes scanningRingPulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}20%{opacity:.8}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.scanning-particles{position:absolute;width:100%;height:100%;pointer-events:none}.scanning-particle{position:absolute;width:4px;height:4px;background:var(--demo-purple);border-radius:50%;left:var(--x);top:var(--y);opacity:0}.scene-scanning.active .scanning-particle{animation:particleDrift 3s ease-in-out infinite;animation-delay:var(--delay)}@keyframes particleDrift{0%,to{opacity:0;transform:translate(0) scale(.5)}50%{opacity:.8;transform:translate(10px,-10px) scale(1)}}.scanning-status{position:absolute;bottom:25%;left:0;right:0;text-align:center;transition:opacity .3s ease}.scanning-text{display:block;font-size:.75rem;color:#ffffffb3;margin-bottom:.5rem;opacity:0}.scene-scanning.active .scanning-text{animation:fadeIn .5s ease-out .5s forwards}.timeline-counter{display:block;font-size:.65rem;color:var(--demo-purple);font-family:monospace;letter-spacing:.1em}@keyframes fadeIn{to{opacity:1}}.scene-scanning:has(.demo-match-card.visible) .scanning-status{opacity:0}.demo-match-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);width:85%;background:#0f0f19e6;border-radius:16px;padding:1rem;opacity:0;transition:all .5s var(--demo-ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-match-card.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.match-card-border{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:17px;background:conic-gradient(from 0deg,var(--demo-purple),var(--demo-pink),var(--demo-purple));z-index:-1;opacity:.6}.demo-match-card.visible .match-card-border{animation:borderRotate 3s linear infinite}@keyframes borderRotate{to{transform:rotate(360deg)}}.match-card-content{display:flex;flex-direction:column;align-items:center;gap:.75rem}.match-avatar{position:relative;width:48px;height:48px;border-radius:50%;overflow:hidden}.avatar-mesh{width:100%;height:100%;background:radial-gradient(ellipse at 30% 30%,rgba(139,92,246,.8) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(236,72,153,.6) 0%,transparent 50%),linear-gradient(135deg,#1a1a2e,#16213e);animation:meshShift 4s ease-in-out infinite}@keyframes meshShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.avatar-glow{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border-radius:50%;background:radial-gradient(circle,var(--demo-purple-dim) 0%,transparent 70%);animation:avatarPulse 2s ease-in-out infinite}@keyframes avatarPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.match-info{text-align:center}.match-name{display:block;font-size:1rem;font-weight:600;color:#fffffff2;margin-bottom:.25rem}.match-timeline{font-size:.65rem;color:var(--demo-purple);letter-spacing:.05em}.match-status{display:flex;align-items:center;gap:.5rem}.status-checkmark{width:18px;height:18px;color:#22c55e;opacity:0;transform:scale(.5)}.demo-match-card.visible .status-checkmark{animation:checkmarkDraw .6s var(--demo-ease-bounce) .5s forwards}@keyframes checkmarkDraw{to{opacity:1;transform:scale(1)}}.status-text{font-size:.7rem;color:#ffffffb3}.resonance-meter{width:100%;height:4px;background:#ffffff1a;border-radius:2px;margin-top:.5rem;overflow:hidden}.resonance-fill{height:100%;width:0;background:linear-gradient(90deg,var(--demo-purple),var(--demo-pink));border-radius:2px}.demo-match-card.visible .resonance-fill{animation:resonanceFill 1s ease-out .8s forwards}@keyframes resonanceFill{to{width:94%}}.scene-chat{padding:0;background:linear-gradient(180deg,#0a0a12,#050508)}.chat-header{display:flex;align-items:center;gap:.75rem;padding:2.5rem 1rem .75rem;background:#0a0a12e6;border-bottom:1px solid rgba(139,92,246,.15)}.chat-avatar-small{width:32px;height:32px;border-radius:50%;overflow:hidden}.avatar-mesh-small{width:100%;height:100%;background:radial-gradient(ellipse at 30% 30%,rgba(139,92,246,.8) 0%,transparent 50%),radial-gradient(ellipse at 70% 60%,rgba(236,72,153,.6) 0%,transparent 50%),linear-gradient(135deg,#1a1a2e,#16213e)}.chat-header-info{display:flex;flex-direction:column;gap:.125rem}.chat-name{font-size:.875rem;font-weight:600;color:#fffffff2}.chat-status-online{display:flex;align-items:center;gap:.25rem;font-size:.65rem;color:#ffffff80}.online-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:onlinePulse 2s ease-in-out infinite}@keyframes onlinePulse{0%,to{opacity:1}50%{opacity:.5}}.chat-messages{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1rem;overflow:hidden}.chat-bubble{max-width:80%;padding:.625rem .875rem;border-radius:18px;opacity:0;transform:translateY(10px);transition:all .4s var(--demo-ease-out)}.chat-bubble.visible{opacity:1;transform:translateY(0)}.chat-bubble.match{align-self:flex-start;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:18px 18px 18px 4px}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#8b5cf6,#a855f7);border-radius:18px 18px 4px;position:relative}.bubble-text{font-size:.75rem;line-height:1.4;color:#ffffffe6}.read-receipt{position:absolute;bottom:-14px;right:4px;display:flex;align-items:center;gap:2px}.read-receipt svg{width:12px;height:12px;color:var(--demo-purple)}.typing-indicator{display:flex;align-items:center;gap:4px;padding:.5rem .75rem;background:#8b5cf626;border-radius:18px;width:fit-content;opacity:0;transform:translateY(10px);transition:all .3s ease}.typing-indicator.visible{opacity:1;transform:translateY(0)}.typing-dot{width:6px;height:6px;background:#fff9;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.chat-input-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#0a0a12e6;border-top:1px solid rgba(139,92,246,.1)}.chat-input-field{flex:1;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px}.input-placeholder{font-size:.75rem;color:#ffffff4d}.chat-send-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--demo-purple);border-radius:50%}.chat-send-btn svg{width:14px;height:14px;color:#fff}.scene-photo{padding:2.5rem 1rem 1rem;background:linear-gradient(180deg,#0a0a12,#050508)}.photo-notification{position:absolute;top:3rem;left:.5rem;right:.5rem;display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#0f0f19f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,92,246,.2);border-radius:12px;opacity:0;transform:translateY(-100%);transition:all .4s var(--demo-ease-out);z-index:10}.photo-notification.visible{opacity:1;transform:translateY(0)}.notification-icon{font-size:1rem}.notification-text{font-size:.75rem;color:#ffffffe6}.photo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;opacity:0;transform:scale(.95);transition:all .5s var(--demo-ease-out)}.photo-container.visible{opacity:1;transform:scale(1)}.photo-frame{width:90%;border-radius:12px;overflow:hidden;border:1px solid rgba(139,92,246,.3)}.photo-placeholder{position:relative;aspect-ratio:4/3;background:radial-gradient(ellipse at 30% 20%,rgba(251,191,36,.4) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.3) 0%,transparent 50%),linear-gradient(to bottom,#1a1a2e,#16213e);overflow:hidden}.photo-shimmer{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s ease-in-out infinite}@keyframes shimmer{to{left:150%}}.photo-caption{padding:.75rem;background:#0a0a12e6}.photo-caption span{font-size:.7rem;color:#fffc;line-height:1.4}.photo-reaction{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .5s var(--demo-ease-bounce)}.photo-reaction.visible{opacity:1;transform:translateY(0)}.reaction-heart{font-size:1.5rem;animation:heartPop .6s var(--demo-ease-bounce)}@keyframes heartPop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.reaction-sparkles{position:absolute;display:flex;gap:.25rem}.sparkle{font-size:.75rem;animation:sparkleFade 1s ease-out forwards}.sparkle:nth-child(1){transform:translate(-20px,-15px);animation-delay:.1s}.sparkle:nth-child(2){transform:translate(20px,-15px);animation-delay:.2s}.sparkle:nth-child(3){transform:translate(-15px,10px);animation-delay:.3s}.sparkle:nth-child(4){transform:translate(15px,10px);animation-delay:.4s}@keyframes sparkleFade{0%{opacity:0;transform:scale(.5) translate(var(--tx, 0),var(--ty, 0))}50%{opacity:1}to{opacity:0;transform:scale(1) translate(var(--tx, 0),calc(var(--ty, 0) - 10px))}}.reaction-saved{font-size:.65rem;color:var(--demo-purple);letter-spacing:.05em}.scene-voice .voice-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;opacity:0;transform:scale(.95);transition:all .5s var(--demo-ease-out)}.scene-voice .voice-container.visible{opacity:1;transform:scale(1)}.voice-bubble{width:90%;display:flex;align-items:center;gap:.75rem;padding:.875rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:16px;position:relative}.voice-play-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--demo-purple);border-radius:50%;flex-shrink:0;animation:playPulse 2s ease-in-out infinite}@keyframes playPulse{0%,to{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 0 8px #8b5cf600}}.voice-play-btn svg{width:16px;height:16px;color:#fff;margin-left:2px}.voice-waveform{flex:1;display:flex;align-items:center;gap:2px;height:32px}.wave-bar{flex:1;height:var(--height, 50%);background:#ffffff4d;border-radius:2px;transition:background .3s ease}.wave-bar[style*="--active: 1"]{background:var(--demo-purple);animation:waveActive .3s ease}@keyframes waveActive{0%{transform:scaleY(1.2)}to{transform:scaleY(1)}}.voice-duration{font-size:.65rem;color:#ffffff80;flex-shrink:0}.voice-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff1a;border-radius:0 0 16px 16px;overflow:hidden}.voice-progress-fill{height:100%;background:linear-gradient(90deg,var(--demo-purple),var(--demo-pink));transition:width .1s linear}.voice-caption{text-align:center;padding:0 1rem}.voice-caption span{font-size:.7rem;color:#ffffffb3;font-style:italic}.voice-reaction{display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .5s var(--demo-ease-bounce)}.voice-reaction.visible{opacity:1;transform:translateY(0)}.heartbeat-pulse{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,var(--demo-pink-dim) 0%,transparent 70%);animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1);opacity:.5}14%{transform:scale(1.1);opacity:.8}28%{transform:scale(1);opacity:.5}42%{transform:scale(1.05);opacity:.7}}.voice-memories{font-size:.65rem;color:var(--demo-purple);letter-spacing:.05em}.demo-static-preview{width:100%;height:100%;display:flex;flex-direction:column}.demo-static-preview .chat-header{opacity:1}.demo-static-preview .chat-messages{flex:1}.demo-static-preview .chat-bubble{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.demo-phone{animation:none}.scanning-ring,.scanning-particle,.avatar-glow,.match-card-border,.online-dot,.typing-dot,.photo-shimmer,.reaction-heart,.sparkle,.voice-play-btn,.heartbeat-pulse{animation:none!important}.chat-bubble,.typing-indicator,.photo-notification,.photo-container,.photo-reaction,.voice-container,.voice-reaction,.demo-match-card{transition:none!important}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0a0a0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}