@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--echo-bg-primary:#0a0e27;--echo-bg-secondary:#0f1435;--echo-bg-card:#0f1435b3;--echo-accent-cyan:#00d4ff;--echo-accent-blue:#06f;--echo-accent-purple:#6c3ce0;--echo-accent-pink:#ff3cac;--echo-accent-green:#0f8;--echo-text-primary:#e8eeff;--echo-text-secondary:#8892b0;--echo-text-muted:#495670;--echo-glow-cyan:0 0 20px #00d4ff4d;--echo-glow-blue:0 0 30px #06f3;--echo-glass:#0f143599;--echo-glass-border:#00d4ff26;--echo-font-display:"Orbitron",monospace;--echo-font-body:"Inter",system-ui,sans-serif}.echogame-landing{background:var(--echo-bg-primary);min-height:100vh;color:var(--echo-text-primary);font-family:var(--echo-font-body);position:relative;overflow-x:hidden}.echo-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.echo-particle{background:radial-gradient(circle,var(--echo-accent-cyan)0%,transparent 70%);opacity:.08;border-radius:50%;animation:20s ease-in-out infinite float-particle;position:absolute}.echo-particle-1{width:400px;height:400px;animation-delay:0s;top:10%;left:-5%}.echo-particle-2{background:radial-gradient(circle,var(--echo-accent-purple)0%,transparent 70%);width:300px;height:300px;animation-delay:-5s;top:50%;right:-8%}.echo-particle-3{background:radial-gradient(circle,var(--echo-accent-blue)0%,transparent 70%);width:250px;height:250px;animation-delay:-10s;bottom:10%;left:30%}.echo-particle-4{background:radial-gradient(circle,var(--echo-accent-pink)0%,transparent 70%);opacity:.05;width:200px;height:200px;animation-delay:-7s;top:30%;left:60%}.echo-particle-5{width:350px;height:350px;animation-delay:-12s;bottom:30%;right:20%}@keyframes float-particle{0%,to{transform:translate(0)scale(1)}25%{transform:translate(30px,-40px)scale(1.1)}50%{transform:translate(-20px,20px)scale(.9)}75%{transform:translate(40px,30px)scale(1.05)}}.echo-bubble{border:1px solid #00d4ff1a;border-radius:50%;animation:linear infinite rise-bubble;position:absolute}.echo-bubble-1{width:8px;height:8px;animation-duration:12s;animation-delay:0s;left:10%}.echo-bubble-2{width:5px;height:5px;animation-duration:15s;animation-delay:-3s;left:25%}.echo-bubble-3{width:10px;height:10px;animation-duration:10s;animation-delay:-6s;left:45%}.echo-bubble-4{width:6px;height:6px;animation-duration:14s;animation-delay:-2s;left:60%}.echo-bubble-5{width:4px;height:4px;animation-duration:16s;animation-delay:-8s;left:75%}.echo-bubble-6{width:7px;height:7px;animation-duration:11s;animation-delay:-4s;left:90%}@keyframes rise-bubble{0%{opacity:0;bottom:-20px;transform:translate(0)}10%{opacity:.4}90%{opacity:.2}to{opacity:0;bottom:110%;transform:translate(20px)}}.echo-hero{z-index:1;justify-content:center;align-items:center;gap:4rem;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 2rem 4rem;display:flex;position:relative}.echo-hero-content{flex:1;max-width:560px}.echo-sonar-icon{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;display:flex;position:relative}.sonar-core{z-index:2;filter:drop-shadow(0 0 12px var(--echo-accent-cyan));font-size:2.5rem;position:relative}.sonar-ring{border:2px solid var(--echo-accent-cyan);opacity:0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.echo-sonar-icon.pulsing .sonar-ring-1{animation:1.5s ease-out sonar-pulse}.echo-sonar-icon.pulsing .sonar-ring-2{animation:1.5s ease-out .2s sonar-pulse}.echo-sonar-icon.pulsing .sonar-ring-3{animation:1.5s ease-out .4s sonar-pulse}@keyframes sonar-pulse{0%{opacity:.8;border-color:var(--echo-accent-cyan);width:40px;height:40px}to{opacity:0;border-color:#0000;width:160px;height:160px}}.echo-title{font-family:var(--echo-font-display);letter-spacing:2px;margin-bottom:.5rem;font-size:4rem;font-weight:900;line-height:1}.echo-title-main{background:linear-gradient(135deg,var(--echo-accent-cyan),var(--echo-accent-blue));-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px #00d4ff4d);-webkit-background-clip:text;background-clip:text;display:block}.echo-title-accent{background:linear-gradient(135deg,var(--echo-accent-purple),var(--echo-accent-pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block}.echo-subtitle{font-family:var(--echo-font-display);color:var(--echo-accent-cyan);letter-spacing:6px;text-transform:uppercase;opacity:.8;margin-bottom:1.5rem;font-size:1rem}.echo-tagline{color:var(--echo-text-secondary);max-width:480px;margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.echo-cta-group{flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;display:flex}.echo-btn{font-family:var(--echo-font-body);cursor:pointer;border:none;border-radius:14px;outline:none;align-items:center;gap:.75rem;padding:.85rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.echo-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.echo-btn:hover:before{opacity:1}.echo-btn-primary{background:linear-gradient(135deg,var(--echo-accent-blue),var(--echo-accent-purple));color:#fff;box-shadow:var(--echo-glow-blue),0 4px 20px #0000004d}.echo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #06f6,0 8px 30px #0006}.echo-btn-secondary{background:var(--echo-glass);color:var(--echo-accent-cyan);border:1px solid var(--echo-glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.echo-btn-secondary:hover{border-color:var(--echo-accent-cyan);box-shadow:var(--echo-glow-cyan);background:#00d4ff1a;transform:translateY(-2px)}.echo-btn-icon{flex-shrink:0;width:24px;height:24px}.echo-btn-label{opacity:.8;letter-spacing:.5px;font-size:.7rem;font-weight:400;display:block}.echo-btn-store{font-size:1.1rem;font-weight:700;line-height:1.2;display:block}.echo-btn-lg{padding:1rem 2rem}.echo-btn-lg .echo-btn-icon{width:28px;height:28px}.echo-stats-row{align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.echo-stat{text-align:center}.echo-stat-value{font-family:var(--echo-font-display);background:linear-gradient(135deg,var(--echo-accent-cyan),var(--echo-accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;display:block}.echo-stat-label{color:var(--echo-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.75rem}.echo-stat-divider{background:linear-gradient(to bottom,transparent,var(--echo-glass-border),transparent);width:1px;height:40px}.echo-hero-visual{flex-shrink:0}.echo-phone-mockup{background:#111;border-radius:36px;width:280px;height:560px;padding:12px;transition:transform .5s;position:relative;transform:perspective(800px)rotateY(-8deg)rotateX(2deg);box-shadow:0 0 0 3px #333,0 0 60px #00d4ff26,0 30px 60px #00000080}.echo-phone-mockup:hover{transform:perspective(800px)rotateY(-2deg)rotateX(0)}.echo-phone-mockup:before{content:"";z-index:5;background:#111;border-radius:0 0 16px 16px;width:100px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.echo-phone-screen{border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.echo-game-preview{width:100%;height:100%;position:relative}.preview-ocean{background:linear-gradient(#020618 0%,#041028 40%,#061838 100%);width:100%;height:100%;position:relative;overflow:hidden}.preview-hud{z-index:20;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:12px;left:10px;right:10px}.preview-hud-score{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:5px;padding:3px 10px 3px 6px;display:flex}.hud-dot{background:#40ffa0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #40ffa0}.hud-score-text{font-family:var(--echo-font-display);color:#fff;font-size:11px;font-weight:700}.preview-hud-energy{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.hud-energy-label{font-family:var(--echo-font-display);color:#ffffff80;letter-spacing:.5px;font-size:6px}.hud-energy-bar{background:#ffffff14;border-radius:3px;width:50px;height:5px;overflow:hidden}.hud-energy-fill{background:linear-gradient(90deg,#00ffb0,#40e0ff);border-radius:3px;width:73%;height:100%;position:relative}.hud-energy-fill:after{content:"";background:#ffffff4d;border-radius:3px 3px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.preview-submarine{z-index:10;animation:3s ease-in-out infinite sub-bob;position:absolute;top:42%;left:20%}.sub-body{width:50px;height:22px;position:relative}.sub-hull{background:linear-gradient(#50ffb0 0%,#30dd80 50%,#20aa60 100%);border:1px solid #ffffff26;border-radius:14px 10px 10px 14px;width:50px;height:22px;position:absolute;box-shadow:0 0 15px #40ffa066,inset 0 2px 4px #fff3}.sub-tower{background:linear-gradient(#50ffb0,#30dd80);border:1px solid #ffffff1a;border-radius:3px 3px 0 0;width:10px;height:8px;position:absolute;top:-6px;left:18px}.sub-tower:after{content:"";background:#80ddff;border-radius:2px;width:5px;height:3px;position:absolute;top:2px;left:2.5px;box-shadow:0 0 3px #80ddff}.sub-periscope{background:#40ffa0;border-radius:1px;width:2px;height:10px;position:absolute;top:-14px;left:22px}.sub-periscope:after{content:"";background:#80ffff;border-radius:50%;width:4px;height:4px;position:absolute;top:-2px;left:-1px;box-shadow:0 0 6px #80ffff}.sub-dome{background:radial-gradient(circle,#80ffff 30%,#40ffa0 70%);border-radius:50%;width:8px;height:8px;animation:2s linear infinite dome-rotate;position:absolute;top:7px;left:-2px;box-shadow:0 0 8px #40ffa0}@keyframes dome-rotate{0%{box-shadow:0 0 8px #40ffa0,3px 0 #80ffff}25%{box-shadow:0 0 8px #40ffa0,0 3px #80ffff}50%{box-shadow:0 0 8px #40ffa0,-3px 0 #80ffff}75%{box-shadow:0 0 8px #40ffa0,0 -3px #80ffff}to{box-shadow:0 0 8px #40ffa0,3px 0 #80ffff}}.sub-porthole{background:radial-gradient(circle,#a0e8ff,#60b0ff);border:1px solid #ffffff4d;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;box-shadow:0 0 4px #60b0ff80}.sub-porthole-1{left:12px}.sub-porthole-2{left:22px}.sub-porthole-3{left:32px}.sub-propeller{background:linear-gradient(#0000,#50ffb0 30% 70%,#0000);border-radius:1px;width:3px;height:14px;animation:.15s linear infinite propeller-spin;position:absolute;top:4px;right:-5px}@keyframes propeller-spin{0%{transform:scaleY(1)}50%{transform:scaleY(.2)}to{transform:scaleY(1)}}.sub-glow{pointer-events:none;background:radial-gradient(circle,#40ffa026 0%,#0000 70%);width:80px;height:80px;position:absolute;top:-30px;left:-15px}@keyframes sub-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.preview-sonar-ring{pointer-events:none;z-index:5;border:2px solid #40ffa0;border-radius:50%;position:absolute;top:42%;left:28%}.preview-sonar-ring-1{animation:2.5s ease-out infinite sonar-expand}.preview-sonar-ring-2{animation:2.5s ease-out .4s infinite sonar-expand}@keyframes sonar-expand{0%{opacity:.6;width:20px;height:20px;transform:translate(-10px,-10px)}to{opacity:0;width:180px;height:180px;transform:translate(-90px,-90px)}}.preview-jellyfish{z-index:6;opacity:.85;animation:4s ease-in-out infinite jelly-float;position:absolute;top:28%;right:18%}.jelly-dome{background:radial-gradient(#ff4080b3 30%,#ff40804d 100%);border:1px solid #ff408080;border-radius:50% 50% 30% 30%;width:18px;height:12px;box-shadow:0 0 8px #ff40804d}.jelly-tentacle{background:linear-gradient(#ff408080 0%,#0000 100%);border-radius:1px;width:1.5px;height:14px;position:absolute;top:10px}.jelly-t1{animation:2s ease-in-out infinite tentacle-wave;left:4px}.jelly-t2{animation:2s ease-in-out .3s infinite tentacle-wave;left:8px}.jelly-t3{animation:2s ease-in-out .6s infinite tentacle-wave;left:13px}@keyframes tentacle-wave{0%,to{transform:skew(0)}50%{transform:skew(15deg)}}.jelly-glow-dot{background:#80ffff;border-radius:50%;width:3px;height:3px;position:absolute;box-shadow:0 0 4px #80ffff}.jelly-glow-1{animation:1.5s ease-in-out infinite glow-pulse;top:3px;left:5px}.jelly-glow-2{animation:1.5s ease-in-out .5s infinite glow-pulse;top:5px;left:11px}@keyframes glow-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes jelly-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-15px)scale(1.05)}}.preview-coral-formation{z-index:4;position:absolute;bottom:12%;right:12%}.coral-branch{opacity:.7;background:linear-gradient(#ff6090,#ff4080);border-radius:4px 4px 2px 2px;position:absolute}.coral-b1{width:5px;height:22px;bottom:0;left:0;transform:rotate(-8deg)}.coral-b2{width:4px;height:16px;bottom:0;left:8px;transform:rotate(5deg)}.coral-b3{width:3px;height:12px;bottom:0;left:14px;transform:rotate(12deg)}.coral-branch:after{content:"";background:radial-gradient(circle,#ff6090,#0000);border-radius:50%;width:8px;height:4px;position:absolute;top:-2px;left:-2px}.preview-shipwreck{z-index:4;opacity:.5;position:absolute;bottom:10%;left:8%;transform:rotate(15deg)}.wreck-hull{background:linear-gradient(#352820,#201510);border:1px solid #ffffff0d;border-radius:2px 2px 6px 6px;width:35px;height:12px}.wreck-mast{background:#302018;border-radius:1px;width:2px;height:25px;position:absolute;bottom:10px;left:12px}.wreck-mast:after{content:"";background:#c8b49614;border-radius:0 4px 4px 0;width:12px;height:8px;position:absolute;top:4px;left:2px}.preview-seaweed{z-index:3;opacity:.4;background:linear-gradient(#0000,#20a060);border-radius:2px;width:3px;position:absolute;bottom:0}.preview-seaweed-1{height:35px;animation:3s ease-in-out infinite seaweed-sway;left:15%}.preview-seaweed-2{height:28px;animation:4s ease-in-out 1s infinite seaweed-sway;left:55%}.preview-seaweed-3{height:22px;animation:3.5s ease-in-out .5s infinite seaweed-sway;right:25%}@keyframes seaweed-sway{0%,to{transform:skew(0)}25%{transform:skew(8deg)}75%{transform:skew(-8deg)}}.ambient-bubble{z-index:2;background:#ffffff08;border:1px solid #ffffff26;border-radius:50%;position:absolute}.ab-1{width:4px;height:4px;animation:8s linear infinite bubble-rise;left:30%}.ab-2{width:3px;height:3px;animation:10s linear 2s infinite bubble-rise;left:50%}.ab-3{width:5px;height:5px;animation:7s linear 4s infinite bubble-rise;left:70%}.ab-4{width:2px;height:2px;animation:9s linear 6s infinite bubble-rise;left:40%}@keyframes bubble-rise{0%{opacity:0;bottom:0;transform:translate(0)}10%{opacity:.5}90%{opacity:.2}to{opacity:0;bottom:100%;transform:translate(8px)}}.preview-ocean-floor{z-index:2;background:linear-gradient(#0000 0%,#0a1820 100%);height:8%;position:absolute;bottom:0;left:0;right:0}.echo-section{z-index:1;opacity:0;max-width:1100px;margin:0 auto;padding:5rem 2rem;transition:opacity .8s,transform .8s;position:relative;transform:translateY(40px)}.echo-section.visible{opacity:1;transform:translateY(0)}.echo-section-title{font-family:var(--echo-font-display);text-align:center;letter-spacing:1px;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:2rem;font-weight:700;display:flex}.echo-section-icon{font-size:1.5rem}.echo-section-desc{text-align:center;color:var(--echo-text-secondary);max-width:600px;margin:0 auto 3rem;line-height:1.6}.echo-env-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.echo-env-card{background:var(--echo-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--echo-glass-border);text-align:center;border-radius:20px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.echo-env-card:before{content:"";border-radius:20px 20px 0 0;height:3px;transition:height .3s;position:absolute;top:0;left:0;right:0}.echo-env-ocean:before{background:linear-gradient(90deg,var(--echo-accent-cyan),var(--echo-accent-blue))}.echo-env-cave:before{background:linear-gradient(90deg,#ff6b35,#ff3cac)}.echo-env-space:before{background:linear-gradient(90deg,var(--echo-accent-purple),#9d4edd)}.echo-env-card:hover{border-color:#00d4ff4d;transform:translateY(-8px)}.echo-env-card:hover:before{height:5px}.echo-env-visual{width:100px;height:100px;margin:0 auto 1.5rem;position:relative}.env-icon-main{z-index:2;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.env-icon-detail{opacity:.6;font-size:1.2rem;animation:6s linear infinite orbit;position:absolute}.env-icon-detail-1{animation-delay:0s;top:0;left:10%}.env-icon-detail-2{animation-delay:-2s;top:70%;right:0}.env-icon-detail-3{animation-delay:-4s;bottom:0;left:50%}@keyframes orbit{0%{transform:rotate(0)translate(8px)rotate(0)}to{transform:rotate(360deg)translate(8px)rotate(-360deg)}}.echo-env-card h3{font-family:var(--echo-font-display);letter-spacing:.5px;margin-bottom:.5rem;font-size:1.1rem}.echo-env-card p{color:var(--echo-text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.echo-env-difficulty{color:var(--echo-text-muted);justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.difficulty-dots{gap:4px;display:flex}.difficulty-dots .dot{background:var(--echo-text-muted);border-radius:50%;width:8px;height:8px;transition:background .3s}.difficulty-dots .dot.active{background:var(--echo-accent-cyan);box-shadow:0 0 6px var(--echo-accent-cyan)}.echo-features-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.echo-feature-card{background:var(--echo-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--echo-glass-border);text-align:center;border-radius:16px;padding:1.5rem;transition:all .3s}.echo-feature-card:hover{box-shadow:var(--echo-glow-cyan);border-color:#00d4ff4d;transform:translateY(-4px)}.echo-feature-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.echo-feature-card h3{font-family:var(--echo-font-display);letter-spacing:.5px;color:var(--echo-accent-cyan);margin-bottom:.5rem;font-size:.9rem}.echo-feature-card p{color:var(--echo-text-secondary);font-size:.85rem;line-height:1.5}.echo-steps{flex-direction:column;align-items:center;max-width:600px;margin:0 auto;display:flex}.echo-step{background:var(--echo-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--echo-glass-border);border-radius:16px;align-items:center;gap:1.5rem;width:100%;padding:1.5rem;transition:all .3s;display:flex}.echo-step:hover{border-color:var(--echo-accent-cyan);box-shadow:var(--echo-glow-cyan)}.echo-step-number{background:linear-gradient(135deg,var(--echo-accent-blue),var(--echo-accent-purple));width:50px;height:50px;font-family:var(--echo-font-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;display:flex}.echo-step-content h3{font-family:var(--echo-font-display);letter-spacing:.5px;margin-bottom:.3rem;font-size:1rem}.echo-step-content p{color:var(--echo-text-secondary);font-size:.9rem;line-height:1.4}.echo-step-connector{background:linear-gradient(to bottom,var(--echo-accent-cyan),transparent);width:2px;height:30px;margin:0 auto}.echo-dev-section{border-top:1px solid var(--echo-glass-border)}.echo-dev-card{background:var(--echo-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--echo-glass-border);border-radius:20px;align-items:center;gap:2rem;max-width:600px;margin:2rem auto;padding:2rem;display:flex}.echo-dev-avatar{background:linear-gradient(135deg,var(--echo-accent-cyan),var(--echo-accent-purple));width:80px;height:80px;font-family:var(--echo-font-display);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 0 20px #00d4ff33}.echo-dev-info h3{font-family:var(--echo-font-display);margin-bottom:.2rem;font-size:1.2rem}.echo-dev-role{color:var(--echo-accent-cyan);margin-bottom:.75rem;font-size:.85rem;font-weight:500}.echo-dev-bio{color:var(--echo-text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.echo-dev-links{flex-wrap:wrap;gap:.75rem;display:flex}.echo-dev-link{border:1px solid var(--echo-glass-border);color:var(--echo-accent-cyan);background:#00d4ff14;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.echo-dev-link:hover{border-color:var(--echo-accent-cyan);background:#00d4ff26}.echo-download-cta{z-index:1;text-align:center;background:linear-gradient(#0000,#0066ff0d,#0000);padding:5rem 2rem;position:relative}.echo-cta-content h2{font-family:var(--echo-font-display);background:linear-gradient(135deg,var(--echo-accent-cyan),var(--echo-accent-blue),var(--echo-accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.2rem;font-weight:700}.echo-cta-content p{color:var(--echo-text-secondary);margin-bottom:2rem;font-size:1.1rem}.echo-cta-buttons{justify-content:center;display:flex}.echo-footer{z-index:1;border-top:1px solid var(--echo-glass-border);padding:2rem;position:relative}.echo-footer-content{text-align:center;max-width:1100px;margin:0 auto}.echo-footer-brand{justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.echo-footer-logo{font-family:var(--echo-font-display);background:linear-gradient(135deg,var(--echo-accent-cyan),var(--echo-accent-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.echo-footer-by{color:var(--echo-text-muted);font-size:.85rem}.echo-footer-by a{color:var(--echo-accent-cyan);text-decoration:none;transition:opacity .3s}.echo-footer-by a:hover{opacity:.8}.echo-footer-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.echo-footer-links a{color:var(--echo-text-secondary);font-size:.85rem;text-decoration:none;transition:color .3s}.echo-footer-links a:hover{color:var(--echo-accent-cyan)}.echo-footer-copy{color:var(--echo-text-muted);font-size:.75rem}.echo-footer-dev{color:var(--echo-text-secondary);margin-bottom:1rem;font-size:.85rem}.echo-footer-dev strong{color:var(--echo-text-primary)}.echo-footer-dev-links{gap:.75rem;margin-left:.75rem;display:inline-flex}.echo-footer-dev-links a{color:var(--echo-accent-cyan);font-size:.8rem;text-decoration:none;transition:opacity .3s}.echo-footer-dev-links a:hover{opacity:.7}.echo-manifesto-intro{text-align:center;color:var(--echo-text-secondary);max-width:700px;margin:0 auto 3rem;font-size:1.05rem;line-height:1.8}.echo-manifesto-intro strong{color:var(--echo-accent-cyan)}.echo-manifesto-intro em{color:var(--echo-text-primary);font-style:italic}.echo-manifesto-pillars{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.echo-pillar{background:var(--echo-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--echo-glass-border);text-align:center;border-radius:20px;padding:2rem 1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.echo-pillar:before{content:"";border-radius:20px 20px 0 0;height:3px;transition:height .3s;position:absolute;top:0;left:0;right:0}.echo-pillar:hover{border-color:#00d4ff4d;transform:translateY(-8px)}.echo-pillar:hover:before{height:5px}.echo-pillar-bat:before{background:linear-gradient(90deg,var(--echo-accent-cyan),var(--echo-accent-blue))}.echo-pillar-sub:before{background:linear-gradient(90deg,var(--echo-accent-green),#0ca)}.echo-pillar-space:before{background:linear-gradient(90deg,var(--echo-accent-purple),var(--echo-accent-pink))}.pillar-icon{justify-content:center;align-items:center;height:60px;margin-bottom:1.2rem;display:flex}.echo-pillar-bat .pillar-icon{color:var(--echo-accent-cyan);filter:drop-shadow(0 0 8px #00d4ff4d)}.echo-pillar-sub .pillar-icon{color:var(--echo-accent-green);filter:drop-shadow(0 0 8px #00ff884d)}.echo-pillar-space .pillar-icon{color:var(--echo-accent-purple);filter:drop-shadow(0 0 8px #6c3ce04d)}.echo-pillar h3{font-family:var(--echo-font-display);letter-spacing:.3px;color:var(--echo-text-primary);margin-bottom:.75rem;font-size:.95rem;line-height:1.4}.echo-pillar p{color:var(--echo-text-secondary);font-size:.88rem;line-height:1.6}.echo-pillar p strong{color:var(--echo-accent-cyan)}.echo-pillar p em{color:var(--echo-text-primary);font-style:italic}.echo-manifesto-closing{text-align:center;max-width:650px;margin:0 auto}.manifesto-divider{background:linear-gradient(90deg,transparent,var(--echo-accent-cyan),transparent);width:80px;height:2px;margin:0 auto 2rem}.echo-manifesto-closing h3{font-family:var(--echo-font-display);letter-spacing:.5px;background:linear-gradient(135deg,var(--echo-accent-cyan),var(--echo-accent-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:1.3rem}.echo-manifesto-closing p{color:var(--echo-text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.7}.echo-manifesto-closing p strong{color:var(--echo-accent-cyan)}.echo-manifesto-closing p em{color:var(--echo-accent-green);font-style:italic}.echo-soundtrack-layout{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:900px;margin:0 auto;display:grid}.echo-album-cover{justify-content:center;display:flex}.album-art{background:radial-gradient(circle,#020a15 0%,#000 70%);border:1px solid #00d4ff1a;border-radius:12px;width:280px;height:280px;position:relative;overflow:hidden;box-shadow:0 0 40px #00d4ff14,0 20px 60px #00000080}.album-ring{border:1.5px solid #00d4ff80;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.album-ring-outer{border-color:#00d4ff4d;width:200px;height:200px;box-shadow:0 0 15px #00d4ff1a}.album-ring-inner{border-color:#00d4ff80;width:130px;height:130px;box-shadow:0 0 20px #00d4ff26}.album-crosshair{background:linear-gradient(90deg,#0000 0%,#00d4ff26 30%,#00d4ff4d 50%,#00d4ff26 70%,#0000 100%);position:absolute}.album-crosshair-v{background:linear-gradient(#0000 0%,#00d4ff26 30%,#00d4ff4d 50%,#00d4ff26 70%,#0000 100%);width:1px;height:100%;top:0;left:50%}.album-crosshair-h{width:100%;height:1px;top:50%;left:0}.album-waveform{opacity:.6;background:repeating-linear-gradient(90deg,#0000,#0000 2px,#00d4ff26 2px 3px);width:200px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20'%3E%3Cpath d='M0,10 Q10,5 20,10 Q30,2 40,10 Q50,15 60,10 Q70,3 80,10 Q90,18 100,10 Q110,2 120,10 Q130,16 140,10 Q150,4 160,10 Q170,14 180,10 Q190,6 200,10' stroke='white' fill='none' stroke-width='8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20'%3E%3Cpath d='M0,10 Q10,5 20,10 Q30,2 40,10 Q50,15 60,10 Q70,3 80,10 Q90,18 100,10 Q110,2 120,10 Q130,16 140,10 Q150,4 160,10 Q170,14 180,10 Q190,6 200,10' stroke='white' fill='none' stroke-width='8'/%3E%3C/svg%3E")}.album-bat{color:#001428e6;filter:drop-shadow(0 0 4px #00d4ff33);z-index:2;position:absolute;top:26%;left:50%;transform:translate(-50%)}.album-ship{color:#001428e6;filter:drop-shadow(0 0 4px #00d4ff33);z-index:2;position:absolute;top:36%;left:50%;transform:translate(-50%)}.album-sub{color:#001428e6;filter:drop-shadow(0 0 4px #00d4ff33);z-index:2;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}.album-glow-dot{z-index:3;background:#00d4ff;border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite album-dot-pulse;position:absolute;box-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff80}.album-glow-dot-1{animation-delay:0s;top:50%;left:14%}.album-glow-dot-2{animation-delay:.75s;top:14%;left:50%;transform:translate(-50%)}.album-glow-dot-3{animation-delay:1.5s;top:50%;right:14%}.album-glow-dot-4{animation-delay:2.25s;bottom:14%;left:50%;transform:translate(-50%)}@keyframes album-dot-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.album-title-text{font-family:var(--echo-font-display);color:#ffffffe6;letter-spacing:8px;z-index:4;text-shadow:0 0 10px #00d4ff4d;font-size:1.2rem;font-weight:400;position:absolute;top:10%;left:50%;transform:translate(-50%)}.album-artist-text{font-family:var(--echo-font-body);color:#00d4ffb3;letter-spacing:2px;z-index:4;font-size:.75rem;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.echo-tracklist-area{flex-direction:column;gap:1.5rem;display:flex}.echo-tracklist{flex-direction:column;gap:2px;display:flex}.echo-track{background:#ffffff05;border-radius:8px;align-items:center;gap:1rem;padding:.6rem .8rem;transition:all .3s;display:flex}.echo-track:hover{background:#00d4ff0f}.track-number{font-family:var(--echo-font-display);color:var(--echo-text-muted);min-width:24px;font-size:.75rem;font-weight:500}.track-name{color:var(--echo-text-primary);flex:1;font-size:.95rem;font-weight:500}.track-env{color:var(--echo-text-muted);white-space:nowrap;background:#ffffff0a;border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:500}.track-env-menu{color:#8090b0;background:#6482b41f;border:1px solid #6482b426}.track-env-ocean{color:#0c8;background:#00cc881a;border:1px solid #00cc8826}.track-env-cave{color:#b060e0;background:#b060e01a;border:1px solid #b060e026}.track-env-space{color:#40e0ff;background:#40e0ff1a;border:1px solid #40e0ff26}.track-env-gameover{color:#ff4060;background:#ff40601a;border:1px solid #ff406026}.track-env-ranking{color:#ffc040;background:#ffc0401a;border:1px solid #ffc04026}.echo-soundtrack-cta{flex-wrap:wrap;gap:.75rem;display:flex}.echo-btn-soundtrack{color:#fff;cursor:pointer;background:linear-gradient(135deg,red,#c00);border:none;border-radius:14px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 20px #ff000026}.echo-btn-soundtrack:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff000040,0 8px 20px #0000004d}@media (max-width:900px){.echo-hero{text-align:center;flex-direction:column;gap:3rem;padding-top:4rem}.echo-hero-content{flex-direction:column;align-items:center;display:flex}.echo-title{font-size:3rem}.echo-cta-group,.echo-stats-row{justify-content:center}.echo-env-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.echo-features-grid{grid-template-columns:repeat(2,1fr)}.echo-phone-mockup{width:220px;height:440px;transform:perspective(800px)rotateY(0)}.echo-phone-mockup:hover{transform:perspective(800px)rotateY(0)}.echo-soundtrack-layout{grid-template-columns:1fr;gap:2rem}.album-art{width:240px;height:240px}.echo-footer-dev-links{justify-content:center;margin-top:.5rem;margin-left:0;display:flex}}@media (max-width:600px){.echo-title{font-size:2.4rem}.echo-subtitle{letter-spacing:4px;font-size:.8rem}.echo-tagline{font-size:.95rem}.echo-cta-group{flex-direction:column;align-items:stretch}.echo-btn{justify-content:center}.echo-section-title{font-size:1.5rem}.echo-features-grid{grid-template-columns:1fr}.echo-cta-content h2{font-size:1.6rem}.echo-section{padding:3rem 1.5rem}.album-art{width:200px;height:200px}.album-ring-outer{width:150px;height:150px}.album-ring-inner{width:100px;height:100px}.album-title-text{font-size:.9rem}.echo-soundtrack-cta{flex-direction:column}}