:root{--deep-ocean: #0a0a1a;--ocean-dark: #0d1b2a;--ocean-mid: #1b3a4b;--ocean-light: #274c5e;--coral-pink: #ff6b9d;--coral-hot: #ff2d75;--neon-cyan: #00fff7;--neon-blue: #00b4d8;--sunset-orange: #ff9f1c;--sunset-yellow: #ffea00;--synthwave-purple: #9d4edd;--foam-white: #e0fbfc;--sand-beige: #ffecd2;--ocean-gradient: linear-gradient(180deg, #0a0a1a 0%, #1b3a4b 50%, #0d1b2a 100%);--sunset-gradient: linear-gradient(135deg, #ff6b9d 0%, #ff9f1c 50%, #ffea00 100%);--neon-gradient: linear-gradient(135deg, #00fff7 0%, #00b4d8 50%, #9d4edd 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Orbitron,sans-serif;background:var(--deep-ocean);color:var(--foam-white);overflow-x:hidden;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 24px}.ocean-bg{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.wave{position:absolute;bottom:0;width:200%;height:300px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%231b3a4b' fill-opacity='0.3' d='M0,160L48,176C96,192,192,224,288,213.3C384,203,480,149,576,138.7C672,128,768,160,864,181.3C960,203,1056,213,1152,192C1248,171,1344,117,1392,90.7L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") repeat-x;animation:wave 15s linear infinite}.wave2{bottom:20px;opacity:.5;animation:wave 12s linear reverse infinite;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%2300b4d8' fill-opacity='0.15' d='M0,96L48,112C96,128,192,160,288,165.3C384,171,480,149,576,149.3C672,149,768,171,864,165.3C960,160,1056,128,1152,128C1248,128,1344,160,1392,176L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") repeat-x}.wave3{bottom:40px;opacity:.3;animation:wave 20s linear infinite;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%239d4edd' fill-opacity='0.2' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,218.7C672,235,768,245,864,234.7C960,224,1056,192,1152,181.3C1248,171,1344,181,1392,186.7L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") repeat-x}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-50%)}}.bubbles{position:absolute;width:100%;height:100%}.bubble{position:absolute;bottom:-50px;background:radial-gradient(circle at 30% 30%,#fff6,#00fff71a);border-radius:50%;animation:bubble-rise 10s ease-in-out infinite;opacity:.4}.bubble:nth-child(1){left:5%;width:20px;height:20px;animation-delay:0s}.bubble:nth-child(2){left:15%;width:15px;height:15px;animation-delay:2s}.bubble:nth-child(3){left:30%;width:25px;height:25px;animation-delay:4s}.bubble:nth-child(4){left:45%;width:12px;height:12px;animation-delay:1s}.bubble:nth-child(5){left:55%;width:18px;height:18px;animation-delay:3s}.bubble:nth-child(6){left:70%;width:22px;height:22px;animation-delay:5s}.bubble:nth-child(7){left:80%;width:10px;height:10px;animation-delay:2.5s}.bubble:nth-child(8){left:90%;width:14px;height:14px;animation-delay:1.5s}.bubble:nth-child(9){left:25%;width:16px;height:16px;animation-delay:6s}.bubble:nth-child(10){left:65%;width:20px;height:20px;animation-delay:4.5s}@keyframes bubble-rise{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.4}90%{opacity:.4}to{transform:translateY(-100vh) scale(1.2);opacity:0}}.fish{position:absolute;font-size:28px;animation:swim 20s linear infinite;opacity:.6}.fish1{top:20%;animation-duration:25s}.fish2{top:40%;animation-delay:5s;animation-duration:30s}.fish3{top:60%;animation-delay:10s;animation-duration:22s}.fish4{top:80%;animation-delay:15s;animation-duration:28s}@keyframes swim{0%{left:-60px;transform:scaleX(1)}49%{transform:scaleX(1)}50%{left:calc(100% + 60px);transform:scaleX(-1)}99%{transform:scaleX(-1)}to{left:-60px;transform:scaleX(1)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0a0a1ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,255,247,.2);transition:all .3s ease}.navbar.scrolled{background:#0a0a1afa;box-shadow:0 4px 30px #0000004d}.nav-logo{display:flex;align-items:center;gap:10px}.whale-icon{font-size:28px;animation:whale-float 3s ease-in-out infinite}@keyframes whale-float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(5deg)}}.logo-text{font-family:"Press Start 2P",cursive;font-size:14px;letter-spacing:2px;color:var(--foam-white);text-shadow:0 0 10px var(--neon-cyan)}.logo-text .highlight{color:var(--coral-pink);text-shadow:0 0 10px var(--coral-pink)}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{color:var(--foam-white);text-decoration:none;font-size:13px;font-weight:600;letter-spacing:1px;transition:all .3s ease}.nav-links a:hover{color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan)}.nav-cta{padding:10px 20px;background:var(--sunset-gradient);border-radius:8px;color:var(--deep-ocean)!important}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 4px 20px #ff6b9d66}.hero{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;padding:120px 40px 80px;gap:60px}.hero-content{flex:1;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#9d4edd33;border:1px solid var(--synthwave-purple);border-radius:20px;font-size:11px;font-weight:700;letter-spacing:2px;color:var(--synthwave-purple);margin-bottom:24px}.hero-title{font-family:"Press Start 2P",cursive;font-size:36px;line-height:1.4;margin-bottom:24px;color:var(--foam-white);text-shadow:0 0 30px rgba(0,255,247,.3)}.gradient-text{background:var(--sunset-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:var(--neon-blue);margin-bottom:32px;line-height:1.8}.hero-cta{display:flex;gap:16px;margin-bottom:48px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-decoration:none;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;border:none}.btn-primary{background:var(--sunset-gradient);color:var(--deep-ocean);box-shadow:0 4px 20px #ff6b9d66}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ff6b9d99}.btn-secondary{background:transparent;color:var(--foam-white);border:2px solid var(--neon-cyan)}.btn-secondary:hover{background:#00fff71a;box-shadow:0 0 20px #00fff74d}.btn-wave{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:btn-wave 3s ease-in-out infinite}@keyframes btn-wave{0%{left:-100%}50%{left:100%}to{left:100%}}.btn-text{position:relative;z-index:1}.hero-stats{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.stat{text-align:center}.stat-value{display:block;font-family:Righteous,cursive;font-size:28px;color:var(--sunset-yellow);text-shadow:0 0 15px rgba(255,234,0,.5)}.stat-label{font-size:11px;color:var(--neon-blue);opacity:.8}.stat-divider{width:1px;height:40px;background:linear-gradient(180deg,transparent,var(--neon-cyan),transparent)}.hero-visual{flex:1;position:relative;display:flex;justify-content:center}.app-preview{background:linear-gradient(135deg,#0d1b2af2,#1b3a4bf2);border:2px solid var(--neon-cyan);border-radius:16px;width:320px;box-shadow:0 0 60px #00fff74d;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.preview-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#0000004d;border-radius:14px 14px 0 0}.preview-dots{display:flex;gap:6px}.preview-dots span{width:10px;height:10px;border-radius:50%;background:var(--coral-pink)}.preview-dots span:nth-child(2){background:var(--sunset-yellow)}.preview-dots span:nth-child(3){background:var(--neon-cyan)}.preview-title{font-family:"Press Start 2P",cursive;font-size:8px;color:var(--foam-white)}.preview-content{padding:20px}.preview-status{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:16px;background:#00fff71a;border-radius:12px;border:1px solid rgba(0,255,247,.3)}.status-whale{font-size:36px;animation:whale-float 3s ease-in-out infinite}.status-text{display:flex;flex-direction:column}.status-title{font-family:Righteous,cursive;font-size:18px;color:var(--neon-cyan)}.status-sub{font-size:11px;color:var(--neon-blue)}.preview-zones{display:flex;flex-direction:column;gap:10px}.zone-item{display:flex;align-items:center;gap:12px;padding:12px;background:#0a0a1a80;border-radius:8px}.zone-icon{font-size:18px}.zone-name{flex:1;font-size:13px;font-weight:600}.zone-toggle{width:36px;height:20px;background:var(--ocean-dark);border-radius:10px;position:relative}.zone-toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--foam-white);border-radius:50%;transition:all .3s ease}.zone-toggle.on{background:linear-gradient(135deg,var(--coral-pink),var(--synthwave-purple))}.zone-toggle.on:after{left:18px}.floating-elements{position:absolute;width:100%;height:100%;pointer-events:none}.float-emoji{position:absolute;font-size:32px;animation:float-around 6s ease-in-out infinite}.float1{top:10%;right:10%;animation-delay:0s}.float2{bottom:20%;left:5%;animation-delay:2s}.float3{top:40%;right:-5%;animation-delay:4s}@keyframes float-around{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.section{position:relative;z-index:10;padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-icon{font-size:48px;display:block;margin-bottom:16px}.section-header h2{font-family:"Press Start 2P",cursive;font-size:24px;color:var(--coral-pink);text-shadow:0 0 20px rgba(255,107,157,.5)}.section-header p{margin-top:16px;font-size:16px;color:var(--neon-blue)}.problem-section{background:linear-gradient(180deg,transparent 0%,rgba(255,45,117,.05) 50%,transparent 100%)}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;max-width:1000px;margin:0 auto;padding:0 24px}.problem-card{background:linear-gradient(135deg,#0d1b2acc,#1b3a4bcc);border:1px solid rgba(255,107,157,.3);border-radius:16px;padding:32px;text-align:center;transition:all .3s ease;opacity:0;transform:translateY(30px)}.problem-card.visible{opacity:1;transform:translateY(0)}.problem-card:hover{transform:translateY(-5px);border-color:var(--coral-pink);box-shadow:0 10px 40px #ff6b9d33}.problem-emoji{font-size:48px;display:block;margin-bottom:16px}.problem-card h3{font-size:16px;color:var(--foam-white);margin-bottom:12px}.problem-card p{font-size:14px;color:var(--coral-pink);font-style:italic}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;margin:0 auto;padding:0 24px}.feature-card{background:linear-gradient(135deg,#0d1b2acc,#1b3a4bcc);border:1px solid var(--ocean-light);border-radius:16px;padding:32px;transition:all .3s ease;opacity:0;transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 30px #00fff733;transform:translateY(-5px)}.feature-icon{font-size:40px;margin-bottom:16px}.feature-card h3{font-size:16px;color:var(--foam-white);margin-bottom:12px}.feature-card p{font-size:14px;color:var(--neon-blue);line-height:1.6}.how-section{background:linear-gradient(180deg,transparent 0%,rgba(0,255,247,.03) 50%,transparent 100%)}.steps-grid{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;max-width:1000px;margin:0 auto;padding:0 24px}.step-card{background:linear-gradient(135deg,#0d1b2ae6,#1b3a4be6);border:2px solid var(--ocean-light);border-radius:20px;padding:40px 32px;text-align:center;width:280px;position:relative;transition:all .3s ease;opacity:0;transform:translateY(30px)}.step-card.visible{opacity:1;transform:translateY(0)}.step-card:hover{border-color:var(--neon-cyan);box-shadow:0 0 40px #00fff733}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",cursive;font-size:12px;color:var(--deep-ocean);background:var(--sunset-gradient);padding:8px 16px;border-radius:20px}.step-icon{font-size:48px;margin-bottom:16px}.step-card h3{font-size:16px;color:var(--foam-white);margin-bottom:12px}.step-card p{font-size:14px;color:var(--neon-blue)}.step-connector{font-size:32px;color:var(--neon-cyan);animation:pulse-arrow 1.5s ease-in-out infinite}@keyframes pulse-arrow{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.pricing-grid{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;max-width:1100px;margin:0 auto;padding:0 24px}.pricing-card{background:linear-gradient(135deg,#0d1b2ae6,#1b3a4be6);border:2px solid var(--ocean-light);border-radius:20px;padding:40px 32px;width:320px;text-align:center;position:relative;transition:all .3s ease;opacity:0;transform:translateY(30px)}.pricing-card.visible{opacity:1;transform:translateY(0)}.pricing-card:hover{transform:translateY(-5px)}.pricing-card.featured{border-color:var(--coral-pink);box-shadow:0 0 50px #ff6b9d4d;transform:scale(1.05)}.pricing-card.featured.visible{transform:scale(1.05)}.pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;background:var(--ocean-mid);border:1px solid var(--ocean-light);border-radius:20px;font-size:10px;font-weight:700;letter-spacing:1px;color:var(--neon-cyan)}.pricing-badge.popular{background:var(--sunset-gradient);color:var(--deep-ocean);border:none}.pricing-card h3{font-family:Righteous,cursive;font-size:24px;color:var(--foam-white);margin:16px 0}.pricing-price{margin-bottom:24px}.price-amount{font-family:"Press Start 2P",cursive;font-size:32px;color:var(--sunset-yellow);text-shadow:0 0 20px rgba(255,234,0,.5)}.price-period{font-size:14px;color:var(--neon-blue)}.pricing-features{list-style:none;text-align:left;margin-bottom:32px}.pricing-features li{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:14px;border-bottom:1px solid rgba(39,76,94,.3)}.pricing-features li span:first-child{color:var(--neon-cyan)}.pricing-features li .muted{color:var(--ocean-light)}.btn-outline{display:inline-block;padding:14px 28px;background:transparent;border:2px solid var(--neon-cyan);border-radius:10px;color:var(--neon-cyan);font-family:Orbitron,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-outline:hover{background:#00fff71a;box-shadow:0 0 20px #00fff74d}.testimonials-section{background:linear-gradient(180deg,transparent 0%,rgba(157,78,221,.05) 50%,transparent 100%)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;margin:0 auto;padding:0 24px}.testimonial-card{background:linear-gradient(135deg,#0d1b2acc,#1b3a4bcc);border:1px solid var(--synthwave-purple);border-radius:16px;padding:32px;opacity:0;transform:translateY(30px);transition:all .6s ease}.testimonial-card.visible{opacity:1;transform:translateY(0)}.testimonial-quote{font-size:16px;font-style:italic;color:var(--foam-white);line-height:1.6;margin-bottom:24px}.testimonial-quote:before{content:'"';font-size:48px;color:var(--synthwave-purple);line-height:0;display:block;margin-bottom:10px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{font-size:32px}.author-info{display:flex;flex-direction:column}.author-name{font-weight:700;color:var(--foam-white)}.author-title{font-size:12px;color:var(--neon-blue)}.download-content{text-align:center;max-width:700px;margin:0 auto}.download-whale{font-size:80px;display:block;animation:whale-float 3s ease-in-out infinite;margin-bottom:24px}.download-content h2{font-family:"Press Start 2P",cursive;font-size:28px;color:var(--foam-white);margin-bottom:16px;text-shadow:0 0 30px rgba(0,255,247,.5)}.download-content>p{font-size:18px;color:var(--neon-blue);margin-bottom:40px}.download-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}.download-btn{display:flex;align-items:center;gap:12px;padding:16px 28px;background:linear-gradient(135deg,#0d1b2ae6,#1b3a4be6);border:2px solid var(--neon-cyan);border-radius:12px;text-decoration:none;transition:all .3s ease;cursor:pointer}.download-btn:hover{background:#00fff71a;box-shadow:0 0 30px #00fff74d;transform:translateY(-3px)}.dl-icon{font-size:28px}.dl-text{display:flex;flex-direction:column;text-align:left}.dl-small{font-size:10px;color:var(--neon-blue)}.dl-big{font-size:16px;font-weight:700;color:var(--foam-white)}.download-note{font-size:13px;color:var(--ocean-light)}.footer{position:relative;z-index:10;background:#0a0a1af2;border-top:1px solid rgba(0,255,247,.2);padding:60px 0 30px}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footer-brand{max-width:250px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}.footer-brand>p{font-size:14px;color:var(--neon-blue);margin-bottom:16px}.footer-seaweed{display:flex;gap:8px}.footer-seaweed span{font-size:20px;animation:seaweed-sway 3s ease-in-out infinite}.footer-seaweed span:nth-child(2){animation-delay:.3s}.footer-seaweed span:nth-child(3){animation-delay:.6s}@keyframes seaweed-sway{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}.footer-links{display:flex;gap:60px;flex-wrap:wrap}.footer-column h4{font-size:12px;font-weight:700;color:var(--coral-pink);margin-bottom:16px;letter-spacing:1px}.footer-column a{display:block;font-size:14px;color:var(--foam-white);text-decoration:none;padding:6px 0;transition:all .3s ease}.footer-column a:hover{color:var(--neon-cyan)}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(39,76,94,.3)}.footer-bottom p{font-size:13px;color:var(--ocean-light);margin-bottom:8px}.footer-tagline{color:var(--coral-pink)!important}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,#ff6b9d,#ff9f1c);color:#0a0a1a;padding:16px 32px;border-radius:12px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;box-shadow:0 10px 40px #ff6b9d66;z-index:10000;transition:transform .4s ease}.toast.show{transform:translate(-50%) translateY(0)}@media(max-width:900px){.hero{flex-direction:column;padding:100px 24px 60px;text-align:center}.hero-content{max-width:100%}.hero-title{font-size:24px}.hero-cta,.hero-stats{justify-content:center}.step-connector{display:none}.navbar{padding:16px 20px}.nav-links{gap:16px}.nav-links a:not(.nav-cta){display:none}.pricing-card.featured{transform:none}.pricing-card.featured:hover{transform:translateY(-5px)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0px,rgba(0,0,0,.05) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.3}