:root{--black:#1a202c;--white:#fff;--yellow:#f8fafc;--red:#e53e3e;--blue:#3182ce;--green:#38a169;--purple:#805ad5;--orange:#dd6b20;--border:1px solid #e2e8f0;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}.text-center{text-align:center}.policy-page,.terms-page,.contact-page{background:var(--white);min-height:100vh}.policy-page .feature-card,.terms-page .feature-card{max-width:900px;margin-left:auto;margin-right:auto}.policy-page p,.terms-page p{font-size:.95rem}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.modal-overlay{z-index:10000;background:#000000e6;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{border:var(--border);box-shadow:var(--shadow-lg);text-align:center;background:#fff;border-radius:8px;width:100%;max-width:400px;margin-top:auto;margin-bottom:auto;padding:1.5rem;position:relative}.modal-close{background:var(--black);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:4px;width:32px;height:32px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;position:absolute;top:.5rem;right:.5rem}.ad-box-large{border:var(--border);width:100%;min-height:250px;box-shadow:var(--shadow);background:#fff;border-radius:8px;justify-content:center;align-items:center;margin:1.5rem 0;padding:1.5rem;display:flex;position:relative;overflow:hidden}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctext y='26' font-size='26'%3E👊%3C/text%3E%3C/svg%3E") 16 16,pointer;font-family:Space Mono,monospace;overflow-x:hidden}nav{z-index:1000;background:var(--yellow);border-bottom:var(--border);height:60px;box-shadow:0 4px 0 var(--black);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{letter-spacing:2px;color:var(--black);font-family:Bebas Neue,sans-serif;font-size:2rem;text-decoration:none}.nav-logo span{color:var(--red)}.nav-links{gap:1rem;list-style:none;display:flex}.nav-links a{color:var(--black);border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);text-transform:uppercase;background:#fff;padding:6px 14px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .1s}.nav-links a:hover{box-shadow:5px 5px 0 var(--black);background:var(--black);color:var(--yellow);transform:translate(-2px,-2px)}#hero{background:var(--white);align-items:center;min-height:100vh;padding:100px 2rem 4rem;display:flex;position:relative;overflow:hidden}.hero-bg-pattern{pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000,#0000 40px,#0000000a 40px 41px),repeating-linear-gradient(90deg,#0000,#0000 40px,#0000000a 40px 41px);position:absolute;inset:0}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1200px;margin:0 auto;display:grid}.hero-text{z-index:1}.hero-badge{background:var(--red);color:#fff;border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;padding:6px 14px;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) .3s both badgePop;display:inline-block}@keyframes badgePop{0%{opacity:0;transform:scale(0)rotate(-5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hero-headline{letter-spacing:2px;margin-bottom:1.5rem;font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,7vw,7rem);line-height:.95;animation:.7s cubic-bezier(.175,.885,.32,1.275) .2s both slideInLeft}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.hero-headline .highlight{background:var(--yellow);border:2px solid var(--black);padding:0 8px;display:inline}.hero-headline .scream{color:var(--red);-webkit-text-stroke:2px var(--black);display:block}.hero-sub{border:var(--border);max-width:480px;box-shadow:var(--shadow);background:#fff;margin-bottom:2.5rem;padding:1rem 1.2rem;font-size:1rem;line-height:1.6;animation:.7s cubic-bezier(.175,.885,.32,1.275) .4s both slideInLeft}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;animation:.7s cubic-bezier(.175,.885,.32,1.275) .6s both slideInLeft;display:flex}.btn-download{letter-spacing:2px;background:var(--red);color:#fff;border:3px solid var(--black);box-shadow:var(--shadow-lg);cursor:pointer;padding:14px 32px;font-family:Bebas Neue,sans-serif;font-size:1.5rem;text-decoration:none;transition:all .1s;display:inline-block;position:relative;overflow:hidden}.btn-download:after{content:"";background:#fff3;transition:transform .3s;position:absolute;inset:0;transform:translate(-100%)}.btn-download:hover:after{transform:translate(0)}.btn-download:hover{box-shadow:14px 14px 0 var(--black);transform:translate(-4px,-4px)}.btn-download:active{box-shadow:2px 2px 0 var(--black);transform:translate(4px,4px)}.btn-secondary{color:var(--black);border:3px solid var(--black);box-shadow:var(--shadow);cursor:pointer;background:#fff;padding:14px 20px;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .1s}.btn-secondary:hover{background:var(--black);color:var(--yellow);box-shadow:9px 9px 0 var(--black);transform:translate(-3px,-3px)}.free-tag{color:#666;margin-top:.5rem;font-size:.65rem;font-weight:700;display:block}.hero-visual{justify-content:center;align-items:center;animation:.8s cubic-bezier(.175,.885,.32,1.275) .5s both floatIn;display:flex}@keyframes floatIn{0%{opacity:0;transform:scale(.7)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hero-desk-card{background:var(--yellow);border:4px solid var(--black);box-shadow:14px 14px 0 var(--black);text-align:center;padding:3rem 2rem;animation:3s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-desk-emoji{filter:drop-shadow(4px 4px #0000004d);font-size:7rem;line-height:1;display:block}.hero-desk-label{color:var(--black);margin-top:1rem;font-family:Permanent Marker,cursive;font-size:1.2rem}.hero-desk-sub{color:#444;margin-top:.3rem;font-size:.75rem}.corner-sticker{background:var(--red);color:#fff;border:3px solid var(--black);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;font-family:Permanent Marker,cursive;font-size:.6rem;animation:8s linear infinite spin;display:flex;position:absolute;top:-18px;right:-18px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section{padding:5rem 2rem}.container{width:100%;max-width:1200px;margin:0 auto}.section-label{letter-spacing:4px;text-transform:uppercase;border:2px solid var(--black);background:var(--black);color:var(--yellow);margin-bottom:1rem;padding:4px 12px;font-family:Space Mono,monospace;font-size:.7rem;font-weight:700;display:inline-block}.section-title{letter-spacing:2px;margin-bottom:1rem;font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);line-height:1}#demo{background:var(--black);color:var(--white);position:relative;overflow:hidden}#demo .section-label{background:var(--yellow);color:var(--black);border-color:var(--yellow)}#demo .section-title{color:var(--white)}.demo-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-top:3rem;display:grid}.demo-screen{border:4px solid var(--yellow);box-shadow:10px 10px 0 var(--yellow);background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:320px;padding:2rem;display:flex;position:relative}.demo-screen-top{border-bottom:2px solid var(--yellow);background:#2a2a2a;align-items:center;gap:8px;height:36px;padding:0 1rem;display:flex;position:absolute;top:0;left:0;right:0}.dot{border:2px solid #555;border-radius:50%;width:12px;height:12px}.dot.r{background:var(--red);border-color:var(--red)}.dot.y{background:var(--yellow);border-color:var(--yellow)}.dot.g{background:var(--green);border-color:var(--green)}.waveform{align-items:center;gap:4px;height:60px;display:flex}.wave-bar{background:var(--yellow);border-radius:2px;width:8px;animation:.8s ease-in-out infinite wave}.wave-bar:first-child{height:20px;animation-delay:0s}.wave-bar:nth-child(2){height:40px;animation-delay:.1s}.wave-bar:nth-child(3){height:60px;animation-delay:.2s}.wave-bar:nth-child(4){height:35px;animation-delay:.3s}.wave-bar:nth-child(5){height:55px;animation-delay:.4s}.wave-bar:nth-child(6){height:25px;animation-delay:.5s}.wave-bar:nth-child(7){height:45px;animation-delay:.6s}.wave-bar:nth-child(8){height:30px;animation-delay:.7s}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.demo-slap-btn{background:var(--red);color:#fff;border:3px solid var(--yellow);cursor:pointer;letter-spacing:2px;box-shadow:6px 6px 0 var(--yellow);padding:16px 40px;font-family:Bebas Neue,sans-serif;font-size:2rem;transition:all .1s}.demo-slap-btn:hover{box-shadow:9px 9px 0 var(--yellow);transform:translate(-3px,-3px)}.demo-slap-btn:active{box-shadow:2px 2px 0 var(--yellow);transform:translate(4px,4px)scale(.95)}.demo-reaction{color:var(--yellow);text-align:center;min-height:2rem;font-family:Permanent Marker,cursive;font-size:1.2rem;transition:all .3s}.demo-info{flex-direction:column;gap:1.5rem;display:flex}.demo-stat{border:3px solid var(--yellow);box-shadow:5px 5px 0 var(--yellow);background:#1a1a1a;align-items:center;gap:1rem;padding:1.2rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.demo-stat:hover{box-shadow:8px 8px 0 var(--yellow);transform:translate(-3px,-3px)}.demo-stat-num{color:var(--yellow);font-family:Bebas Neue,sans-serif;font-size:2.5rem;line-height:1}.demo-stat-label{color:#aaa;font-size:.75rem;line-height:1.4}.demo-stat-label strong{color:#fff;font-size:.85rem;display:block}.ad-slot{border:3px solid var(--black);text-align:center;box-shadow:10px 10px 0 var(--blue);background:#fff;margin:3rem 0;padding:2rem;position:relative}.ad-slot-label{background:var(--black);color:#fff;letter-spacing:1px;text-transform:uppercase;border:2px solid var(--black);z-index:1;padding:2px 10px;font-size:.6rem;font-weight:700;position:absolute;top:-12px;left:20px}.sticky-ad{background:var(--yellow);border-top:3px solid var(--black);z-index:999;justify-content:center;align-items:center;max-width:100vw;min-height:35px;max-height:45px;padding:0;transition:transform .5s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sticky-ad-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.sticky-ad-inner{justify-content:center;align-items:center;width:100%;padding:0 10px;display:flex}@media (width<=768px){.sticky-ad{min-height:40px;padding:0}}.sticky-close{background:var(--black);color:#fff;border:2px solid var(--black);cursor:pointer;z-index:1000;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:-12px;right:15px;box-shadow:2px 2px #0003}.ad-slot{border:4px solid var(--black);min-height:250px;box-shadow:8px 8px 0 var(--black);background:#fff;flex-direction:column;display:flex;position:relative}.ad-slot-inner{justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;position:relative;overflow:hidden}#features{background:var(--white)}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.feature-card{border:3px solid var(--black);box-shadow:var(--shadow);background:#fff;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.feature-card:first-child{background:var(--yellow)}.feature-card:nth-child(3){background:#e8f4ff}.feature-card:nth-child(4){background:#ffe8e8}.feature-card:hover{box-shadow:11px 11px 0 var(--black);transform:translate(-5px,-5px)}.feature-icon{filter:drop-shadow(2px 2px #0003);margin-bottom:1rem;font-size:3rem;display:block}.feature-card h3{letter-spacing:1px;margin-bottom:.5rem;font-family:Bebas Neue,sans-serif;font-size:1.5rem}.feature-card p{color:#333;font-size:.8rem;line-height:1.6}.feature-tag{letter-spacing:2px;text-transform:uppercase;border:2px solid var(--black);background:var(--black);color:#fff;margin-top:1rem;padding:3px 8px;font-size:.6rem;font-weight:700;display:inline-block}#sounds{background:var(--blue);color:#fff}#sounds .section-title{color:#fff}.sounds-grid{flex-wrap:wrap;gap:1rem;margin-top:3rem;display:flex}.sound-btn{color:var(--black);border:3px solid var(--black);cursor:pointer;box-shadow:6px 6px 0 var(--black);background:#fff;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:Permanent Marker,cursive;font-size:1.1rem;transition:all .1s;display:flex;position:relative;overflow:hidden}.sound-btn:hover{box-shadow:9px 9px 0 var(--black);transform:translate(-3px,-3px)}.sound-btn:active{box-shadow:2px 2px 0 var(--black);transform:translate(4px,4px)}.sound-btn.playing{background:var(--yellow);animation:.3s soundPulse}@keyframes soundPulse{0%{transform:scale(1)}50%{box-shadow:2px 2px 0 var(--black);transform:scale(.95)translate(4px,4px)}to{transform:scale(1)}}.sound-wave-mini{align-items:center;gap:2px;height:20px;display:flex}.swm{background:var(--black);border-radius:2px;width:3px;animation:.6s ease-in-out infinite waveMini}.swm:first-child{height:6px;animation-delay:0s}.swm:nth-child(2){height:12px;animation-delay:.1s}.swm:nth-child(3){height:18px;animation-delay:.2s}.swm:nth-child(4){height:10px;animation-delay:.3s}.swm:nth-child(5){height:14px;animation-delay:.15s}@keyframes waveMini{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}#how{background:var(--white)}.steps{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid;position:relative}.steps:before{content:"";background:var(--black);z-index:0;height:4px;position:absolute;top:45px;left:16%;right:16%}.step{border:3px solid var(--black);box-shadow:var(--shadow);text-align:center;z-index:1;background:#fff;padding:2rem 1.5rem;transition:transform .2s,box-shadow .2s;position:relative}.step:first-child{background:var(--yellow)}.step:nth-child(2){background:var(--red);color:#fff}.step:nth-child(3){background:var(--green)}.step:hover{box-shadow:10px 14px 0 var(--black);transform:translateY(-8px)}.step-num{opacity:.3;font-family:Bebas Neue,sans-serif;font-size:4rem;line-height:1;position:absolute;top:.5rem;right:1rem}.step-icon{margin-bottom:1rem;font-size:3rem;display:block}.step h3{letter-spacing:1px;margin-bottom:.5rem;font-family:Bebas Neue,sans-serif;font-size:1.5rem}.step p{opacity:.8;font-size:.8rem;line-height:1.6}#faq{background:#f0ebe0}.faq-list{flex-direction:column;gap:1rem;margin-top:3rem;display:flex}.faq-item{border:3px solid var(--black);box-shadow:var(--shadow);background:#fff;overflow:hidden}.faq-q{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;font-family:Space Mono,monospace;font-size:.9rem;font-weight:700;transition:background .2s;display:flex}.faq-q:hover,.faq-q.open{background:var(--yellow)}.faq-icon{text-align:center;min-width:24px;font-family:Bebas Neue,sans-serif;font-size:1.5rem;transition:transform .3s}.faq-q.open .faq-icon{transform:rotate(45deg)}.faq-a{color:#333;max-height:0;padding:0 1.5rem;font-size:.82rem;line-height:1.7;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding .3s;overflow:hidden}.faq-a.open{max-height:200px;padding:0 1.5rem 1.2rem}footer{background:var(--black);color:var(--white);border-top:4px solid var(--yellow);padding:3rem 2rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.footer-logo{letter-spacing:3px;font-family:Bebas Neue,sans-serif;font-size:2.5rem}.footer-logo span{color:var(--red)}.footer-note{color:#888;margin-top:.3rem;font-size:.75rem}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-links a{color:#aaa;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--yellow)}.sticky-ad{border-top:3px solid var(--black);z-index:999;box-shadow:0 -4px 0 var(--black);background:#fff;justify-content:space-between;align-items:center;padding:.5rem 1rem;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.sticky-ad.visible{transform:translateY(0)}.sticky-ad-inner{color:#bbb;letter-spacing:2px;text-transform:uppercase;background:#f5f0e8;border:2px dashed #bbb;flex:1;justify-content:center;align-items:center;min-height:50px;font-size:.65rem;font-weight:700;display:flex}.sticky-close{background:var(--black);color:#fff;cursor:pointer;letter-spacing:0;border:none;flex-shrink:0;width:32px;height:32px;margin-left:.5rem;font-family:Bebas Neue,sans-serif;font-size:1rem}.slap-overlay{pointer-events:none;z-index:9999;position:fixed;inset:0}.slap-text{color:var(--yellow);-webkit-text-stroke:3px var(--black);pointer-events:none;font-family:Permanent Marker,cursive;font-size:4rem;animation:.8s forwards slapPop;position:absolute}@keyframes slapPop{0%{opacity:1;transform:scale(0)rotate(-15deg)}30%{opacity:1;transform:scale(1.3)rotate(5deg)}60%{opacity:1;transform:scale(1)rotate(-2deg)}to{opacity:0;transform:scale(1.5)translateY(-80px)}}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.16,1,.3,1);transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}@media (width<=768px){nav{padding:0 1rem}.nav-logo{font-size:1.5rem}.nav-links{background:var(--yellow);border-bottom:var(--border);box-shadow:0 4px 0 var(--black);flex-direction:column;gap:.5rem;padding:1rem;display:none;position:fixed;top:60px;left:0;right:0}.nav-links.active{display:flex}.nav-links a{text-align:center;width:100%;font-size:.85rem}.mobile-menu-btn{border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);cursor:pointer;background:#fff;padding:6px 12px;font-family:Space Mono,monospace;font-size:.75rem;font-weight:700;display:block!important}section{padding:3rem 1rem}.hero-headline{font-size:3rem}.container{padding:0}.hero-content{text-align:center;grid-template-columns:1fr;gap:2rem}.hero-sub{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{margin-top:2rem;display:flex}.hero-desk-emoji{font-size:4rem}.hero-desk-card{padding:2rem 1rem}.demo-grid{grid-template-columns:1fr;gap:2rem}.demo-screen{min-height:auto;padding:3rem 1rem 2rem}.demo-slap-btn{width:100%;padding:12px 24px;font-size:1.5rem}.steps{grid-template-columns:1fr}.steps:before{display:none}.footer-inner{text-align:center;flex-direction:column;gap:1.5rem}.footer-links{justify-content:center;gap:1rem}.slap-text{font-size:2.5rem}.modal-content{box-shadow:8px 8px 0 var(--red);padding:2rem 1rem}.ad-box-large{min-height:180px}.sticky-ad{padding:.5rem}.sticky-ad-inner{min-height:40px;font-size:.5rem}.sticky-close{width:28px;height:28px;font-size:.8rem}}@media (width<=480px){.hero-headline{font-size:2.5rem}.btn-download,.btn-secondary{text-align:center;width:100%}.feature-card{padding:1.5rem 1rem}.section-title{font-size:2.2rem}}.mobile-menu-btn{display:none}