:root{--primary:#8B5CF6;--primary-hover:#7C3AED;--bg-primary:#000000;--bg-secondary:#0A0A0A;--bg-card:#111111;--border:#222222;--text-primary:#FFFFFF;--text-secondary:#999999;--success:#34C759;--gradient:linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--purple-gradient:linear-gradient(135deg, #8B5CF6 0%, #7C3AED 50%, #6366F1 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:12px!important;height:12px!important}::-webkit-scrollbar-track{background:#000!important;border-radius:6px!important}::-webkit-scrollbar-thumb{background:#333!important;border-radius:6px!important;transition:background .2s!important}::-webkit-scrollbar-thumb:hover{background:#555!important}body::-webkit-scrollbar,html::-webkit-scrollbar{width:12px!important;height:12px!important}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:#000!important;border-radius:6px!important}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:#333!important;border-radius:6px!important}body::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover{background:#555!important}*{scrollbar-width:thin!important;scrollbar-color:#333333 #000000!important}html{scrollbar-width:thin!important;scrollbar-color:#333333 #000000!important}body{scrollbar-width:thin!important;scrollbar-color:#333333 #000000!important}.container{max-width:1200px;margin:0 auto;padding:0 16px}@media (min-width:769px){.container{padding:0 24px}}picture{display:inline-block;line-height:0}.navbar{position:fixed;top:0;width:100%;background:linear-gradient(to bottom,#000 0,rgba(0,0,0,.98) 10%,rgba(0,0,0,.9) 30%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.1) 90%,rgba(0,0,0,0) 100%);z-index:1000;padding:12px 0 20px 0}.navbar::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 100%);pointer-events:none}.nav-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.logo-container{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo{height:72px;width:auto;object-fit:contain}.logo-text{font-size:28px;font-weight:700;letter-spacing:-.02em;background:var(--purple-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.download-button-wrapper{display:inline-block;position:relative}.license-ribbon{display:none}@media (min-width:769px){.license-ribbon{display:block;position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.1);color:var(--text-secondary);padding:4px 16px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1}}.cta-button{background:var(--purple-gradient);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(139,92,246,.3)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(139,92,246,.4)}.cta-button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%);opacity:0;transition:opacity .3s}.cta-button:hover::before{opacity:1}.cta-button.large{padding:16px 32px;font-size:18px;height:56px}@media (min-width:769px){.hero-actions .cta-button.large{padding:20px 32px;height:64px;margin-top:8px}}.comparison-container .cta-button.large{margin-top:36px}.cta-button.full-width{width:100%;justify-content:center}.cta-button svg{transition:transform .2s}.cta-button:hover svg{transform:translateX(2px)}.apple-icon{width:16px;height:16px;filter:invert(1);opacity:.9}.cta-button.large .apple-icon{width:18px;height:18px}.secondary-button{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);padding:12px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.secondary-button:hover{background:var(--border)}.hero{min-height:110vh;width:100%;padding-top:100px;padding-bottom:100px;text-align:center;position:relative;background:linear-gradient(to bottom,#000 0,#000 60%,#0a0a0a 100%);display:flex;align-items:center;justify-content:center}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.35);z-index:2;pointer-events:none}.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url('../images/hero-bg.webp');background-size:cover;background-position:center 50%;background-repeat:no-repeat;z-index:1;mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0) 100%)}@media (min-width:769px){.hero::after{left:-10%;background-position:center 35%;mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 60%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0) 100%)}}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:3}.badge{display:inline-flex;align-items:center;gap:8px;background:rgba(52,199,89,.2);border:1px solid rgba(52,199,89,.3);padding:8px 16px;border-radius:100px;margin-bottom:24px;white-space:nowrap;width:fit-content;margin-left:auto;margin-right:auto}.badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.hero-title{font-size:clamp(48px, 8vw, 72px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:24px}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:40px;line-height:1.5}.keyboard-shortcut{font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-actions{margin-bottom:60px}.small-text{color:var(--text-secondary);font-size:14px;margin-top:12px}.macos-requirement{display:flex;align-items:flex-start;gap:6px;justify-content:center}.macos-icon{flex-shrink:0;margin-top:2px}.hero-visual{max-width:500px;margin:0 auto}.waveform-demo{background:rgba(139,92,246,.05);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:20px 30px;position:relative;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 4px 20px rgba(139,92,246,.1);transition:all .3s ease;display:flex;align-items:center;justify-content:center;height:80px;box-sizing:border-box;min-width:200px}.waveform-demo:hover{border-color:rgba(139,92,246,.4);box-shadow:0 8px 30px rgba(139,92,246,.15)}#heroWaveform{width:100%;height:40px;display:block;max-height:40px}.features{padding:100px 0;background:var(--bg-secondary);position:relative;overflow:hidden}.features::after{content:'';position:absolute;bottom:20px;right:-50px;width:200px;height:200px;background-image:url('../images/voicci-mascot-flying.webp');background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.05;transform:rotate(-15deg);pointer-events:none}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:clamp(36px, 5vw, 48px);font-weight:800;letter-spacing:-.02em;margin-bottom:16px}.section-header p{font-size:18px;color:var(--text-secondary)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,300px));gap:24px;justify-content:center;max-width:640px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s;position:relative}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 24px rgba(139,92,246,.15)}svg.feature-icon{width:48px;height:35px;padding:12px;background:rgba(139,92,246,.1);border-radius:12px;margin-bottom:16px;color:var(--primary);transition:transform .3s ease,background .3s ease}.feature-card:hover svg.feature-icon{background:rgba(139,92,246,.2);transform:scale(1.05)}.feature-card h3{font-size:20px;font-weight:700;margin-bottom:8px}.feature-card p{color:var(--text-secondary);line-height:1.5}.feature-mascot{position:absolute;top:-25px;right:-25px;width:80px;height:80px;object-fit:contain;opacity:.9;transition:all .3s;pointer-events:none;z-index:10}.feature-card:first-child .feature-mascot,.feature-card:nth-child(3) .feature-mascot{left:-25px;right:auto}.feature-card:nth-child(3) .feature-mascot{height:82px;width:auto}.feature-card:hover .feature-mascot{transform:scale(1.05) rotate(2deg);opacity:1}.demo{padding:100px 0;background:var(--bg-primary)}.demo-content{text-align:center}.demo-content h2{font-size:clamp(36px, 5vw, 48px);font-weight:800;margin-bottom:80px}.demo-videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;max-width:900px;margin:0 auto 120px}.video-container{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all .3s}.video-container:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 24px rgba(139,92,246,.15)}.video-container video{width:100%;height:auto;display:block}.video-caption{padding:16px;font-size:14px;color:var(--text-secondary);border-top:1px solid var(--border);font-weight:500}.demo-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:16px;max-width:1200px;margin:40px auto 120px}.step{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:24px;text-align:center;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .3s}.step:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 24px rgba(139,92,246,.15)}.step:hover .step-mascot{transform:scale(1.1) rotate(5deg);opacity:1}.step-mascot{position:absolute;top:-40px;left:-40px;width:100px;height:auto;opacity:.8;pointer-events:none;z-index:10}.demo-steps>.step:first-of-type .step-mascot{width:75px;top:-30px;left:-30px}.demo-steps>.step:nth-of-type(3) .step-mascot{width:100px;top:-40px;left:-40px}.demo-steps>.step:nth-of-type(5) .step-mascot{width:75px;top:-35px;left:-35px}.step-number{width:40px;height:40px;background:var(--gradient);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 16px;font-size:18px}.step p{font-weight:500;color:var(--text-primary)}.step-arrow{color:var(--text-secondary);font-size:24px;opacity:.5;flex-shrink:0}.research-citation{font-size:14px;color:var(--text-secondary);margin-top:20px}.research-citation a{color:var(--primary);text-decoration:none;font-weight:500;transition:all .2s}.research-citation a:hover{text-decoration:underline;color:var(--primary-hover)}.pricing{padding:100px 0;background:var(--bg-secondary);position:relative;overflow:hidden}.pricing-content{max-width:1000px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:48px}.pricing-tagline{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:16px;opacity:.9}.pricing-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto}.comparison-container{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:32px;position:relative;transition:all .3s;overflow:visible;display:flex;flex-direction:column;justify-content:space-between;min-height:520px}.comparison-container.other-apps{opacity:.8}.comparison-container.voicci-container{border:2px solid var(--primary);background:rgba(139,92,246,.05)}.comparison-header{text-align:center;margin-bottom:32px;position:relative}.drake-img{width:120px;height:auto;position:absolute;bottom:-20px;border-radius:12px 12px 30px 30px;z-index:10}.comparison-container.other-apps .drake-img{left:-20px}.comparison-container.voicci-container .drake-img{right:-20px}.comparison-content{flex-grow:1}.comparison-actions{margin-top:auto;margin-bottom:0}.competitor-cta{padding:16px 32px;border:2px dashed rgba(255,68,68,.3);border-radius:12px;text-align:center;background:rgba(255,68,68,.05);display:flex;align-items:center;justify-content:center;min-height:56px;margin-bottom:40px}.competitor-cta span{color:#c00;font-weight:600;font-size:16px;line-height:24px;white-space:normal;word-wrap:break-word}.comparison-header h3{font-size:24px;font-weight:700;margin-bottom:24px}.comparison-header .price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px}.comparison-header .currency{font-size:24px;font-weight:600;opacity:.8}.comparison-header .amount{font-size:48px;font-weight:800}.comparison-header .period{font-size:24px;color:#f44;font-weight:500}.comparison-header .period.one-time{color:#34c759!important}.comparison-header .price-description{color:var(--text-secondary);font-size:16px;margin-top:-8px;margin-bottom:16px}.comparison-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);z-index:10}.features-list.negative li svg{color:#f44}.features-list.positive li svg{color:#34c759}.pricing-header h2{font-size:clamp(36px, 5vw, 48px);font-weight:800;margin-bottom:16px}.price-card{background:var(--bg-card);border:2px solid transparent;background-image:linear-gradient(var(--bg-card),var(--bg-card)),var(--purple-gradient);background-origin:border-box;background-clip:padding-box,border-box;border-radius:24px;padding:48px;position:relative;overflow:hidden}.price-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.price-card-header{text-align:center;margin-bottom:40px;position:relative}.trial-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(52,199,89,.95);border:1px solid #34c759;color:rgba(255,255,255,.95);padding:6px 12px;border-radius:100px;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:8px;white-space:nowrap}.trial-badge svg{width:14px;height:14px}.price-card h3{font-size:24px;font-weight:700;margin-bottom:16px}.price{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.currency{font-size:32px;font-weight:600;opacity:.8}.amount{font-size:72px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-description{color:var(--text-secondary)}.features-list{list-style:none;margin-bottom:0;position:relative}.features-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.features-list li:last-child{border-bottom:none}.features-list svg{color:var(--success);flex-shrink:0}.guarantee{text-align:center;color:var(--text-secondary);font-size:12px;margin-top:16px}.newsletter{padding:80px 0;border-top:1px solid var(--border)}.newsletter-content{max-width:500px;margin:0 auto;text-align:center}.newsletter-content h3{font-size:28px;font-weight:700;margin-bottom:8px}.newsletter-content p{color:var(--text-secondary);margin-bottom:24px}.newsletter-form{display:flex;gap:12px;max-width:400px;margin:0 auto}.newsletter-form input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:12px 20px;color:var(--text-primary);font-size:16px}.newsletter-form input::placeholder{color:var(--text-secondary)}.newsletter-form input:focus{outline:0;border-color:var(--primary)}.form-message{margin-top:16px;font-size:14px}.form-message.success{color:var(--success)}.form-message.error{color:#ff3b30}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:2000;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;max-width:440px;margin:5% auto;padding:48px;position:relative}.close{position:absolute;right:24px;top:24px;font-size:32px;cursor:pointer;opacity:.5;transition:opacity .2s;background:0 0;border:none;color:var(--text-primary)}.close:hover{opacity:1}.auth-form h2{font-size:28px;font-weight:700;margin-bottom:8px}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px}.auth-form input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:16px;color:var(--text-primary);font-size:16px}.auth-form input:focus{outline:0;border-color:var(--primary)}.auth-switch{text-align:center;margin-top:24px;color:var(--text-secondary)}.auth-switch a{color:var(--primary);text-decoration:none;font-weight:600}.account-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:24px;margin:24px 0}.account-info p{margin:8px 0}footer{padding:40px 0;border-top:1px solid var(--border)}.footer-content{text-align:center;color:var(--text-secondary)}.comparison{margin-top:60px;padding:40px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border)}.comparison h3{font-size:24px;font-weight:700;margin-bottom:32px;text-align:center}.comparison-grid{display:grid;grid-template-columns:2fr 1.5fr 1.5fr;gap:1px;background:var(--border);border-radius:12px;overflow:hidden;margin-bottom:24px}.comparison-header{display:contents}.comparison-header>div{background:var(--bg-card);padding:16px;font-weight:600;text-align:center}.comparison-header>div:first-child{text-align:left}.voicci-col{background:rgba(0,122,255,.05);color:var(--primary)}.comparison-row{display:contents}.comparison-row>div{background:var(--bg-primary);padding:16px;display:flex;align-items:center}.feature-name{font-weight:500;color:var(--text-secondary)}.comparison-row .voicci-col{background:rgba(0,122,255,.05);color:var(--text-primary);font-weight:600;justify-content:center}.comparison-row .voicci-col.highlight{color:var(--success)}.other-col{color:var(--text-secondary);text-align:center;justify-content:center}.comparison-note{text-align:center;color:var(--text-secondary);font-size:14px;opacity:.8}.testimonials-banner{background:#7c3aed;padding:32px 0;overflow:hidden;position:relative}.testimonials-content{text-align:center}.testimonials-header{text-align:center}.rating{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.stars{color:#ffc107;font-size:24px;letter-spacing:2px}.rating-text{font-size:20px;font-weight:700;color:#fff}.testimonials-subtitle{color:rgba(255,255,255,.9);font-size:16px;margin:0}.testimonials-subtitle .google-link{color:#fff;font-weight:600;text-decoration:underline}.testimonials-subtitle .google-link:hover{opacity:.8}.testimonials-slider{position:relative;width:100%;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.testimonials-track{display:flex;gap:24px;animation:scroll 30s linear infinite}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.testimonial{flex-shrink:0;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:24px 32px;min-width:400px}.testimonial p{color:#fff;font-size:16px;line-height:1.5;margin-bottom:12px;font-style:italic}.testimonial .author{color:rgba(255,255,255,.8);font-size:14px;font-weight:500}.prestige-logos{padding:80px 0;background:var(--bg-secondary);text-align:center}.prestige-logos h3{font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:48px;letter-spacing:-.02em}.logos-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;max-width:1200px;margin:0 auto}.logo-item{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;width:180px;height:120px;display:flex;align-items:center;justify-content:center;padding:24px;transition:all .3s ease;cursor:pointer;overflow:hidden;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.06);text-decoration:none;color:inherit}a.logo-item{text-decoration:none;color:inherit}.logo-item::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);opacity:0;transition:opacity .3s ease;z-index:1}.logo-item:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(139,92,246,.25);border-color:rgba(139,92,246,.3)}.logo-item:hover::before{opacity:.03}.logo-item img{max-width:120px;max-height:40px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%) opacity(.6);transition:all .3s ease;position:relative;z-index:2}.logo-item:hover img{filter:grayscale(0%) opacity(1);transform:scale(1.05)}.logo-item.logo-text{font-size:18px;font-weight:700;color:#333;letter-spacing:-.02em}.logo-item.logo-text span{filter:grayscale(100%) opacity(.6);transition:all .3s ease}.logo-item.logo-text:hover span{filter:grayscale(0%) opacity(1);color:var(--primary)}.logo-text-styled{width:120px;height:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;font-family:Raleway,Inter,sans-serif;letter-spacing:.02em;background:linear-gradient(135deg,#27ae60 0,#2ecc71 100%);color:#fff;border-radius:8px;position:relative;z-index:2;filter:grayscale(100%) opacity(.6);transition:all .3s ease}.logo-item:hover .logo-text-styled{filter:grayscale(0%) opacity(1);transform:scale(1.05)}.logo-item.coming-soon{border:2px dashed rgba(0,0,0,.2);background:#f8f8f8;cursor:default}.logo-item.coming-soon:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.06);border-color:rgba(0,0,0,.2)}.logo-item.coming-soon em{font-size:13px;font-weight:500;color:#999;font-style:italic}.logo-item.voicci-logo{flex-direction:column;gap:8px}.logo-item.voicci-logo img{max-width:60px;max-height:40px}.logo-item.voicci-logo .logo-name{font-size:14px;font-weight:700;color:#333;letter-spacing:-.02em}.logo-item.logo-large img{max-width:140px;max-height:80px}.logo-item.kbc-startit img{border-radius:12px;max-width:90%;max-height:90%;width:auto;height:auto}@media (max-width:768px){.nav-links{gap:16px}.nav-link{display:none}.logo{height:35px}.logo-text{font-size:22px;font-weight:600!important}.hero{min-height:100vh;padding-top:80px;padding-bottom:60px}.hero-title{font-size:clamp(36px, 10vw, 48px);margin-bottom:16px}.hero-subtitle{font-size:16px;line-height:1.5;margin-bottom:32px;padding:0 20px}.keyboard-shortcut{font-size:14px;padding:3px 6px}.cta-button.large{font-size:16px;padding:14px 24px;height:auto;white-space:normal}.cta-button.large span{display:block}.cta-button.large span::after{content:" (macOS only)";display:block;font-size:12px;opacity:.8;margin-top:2px}.hero-visual{margin-top:40px}.waveform-demo{padding:16px 20px;height:40px}#heroWaveform{height:30px}.features::after{display:none}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-card{padding:24px}.feature-mascot{width:60px;height:40px;top:-15px;right:-10px}.feature-card .feature-mascot{left:6px;right:auto;top:-4px;bottom:auto;transform:scale(1.08)}.feature-card:first-child .feature-mascot,.feature-card:nth-child(2) .feature-mascot,.feature-card:nth-child(3) .feature-mascot,.feature-card:nth-child(4) .feature-mascot{left:6px;right:auto;top:-4px;bottom:auto}.feature-card:nth-child(4) .feature-mascot{transform:scale(.98)}svg.feature-icon{position:absolute;top:16px;right:16px}.feature-card h3{text-align:center}.feature-card:nth-child(3) .feature-mascot{height:65px;width:auto}.demo-videos{grid-template-columns:1fr;gap:24px;margin-bottom:60px}.demo-steps{display:flex;flex-direction:column;gap:20px;margin-top:40px}.step{width:100%;max-width:300px;margin:0 auto}.step-arrow{transform:rotate(90deg);margin:0}.step-mascot{width:60px;top:-25px;left:-25px}.demo-steps>.step:nth-of-type(7) .step-mascot{width:80px;top:-35px;left:-35px}.pricing-comparison{grid-template-columns:1fr;gap:60px;align-items:center;padding:0;display:flex;flex-direction:column;width:100%}.comparison-container{padding:24px;min-height:auto;margin:0 auto!important;max-width:350px;width:calc(100% - 32px);position:relative;overflow:visible;margin-top:40px!important}.drake-img{width:60px;height:40px;top:-30px;bottom:auto!important;position:absolute!important}.comparison-container.other-apps .drake-img{left:-3px;top:35px}.comparison-container.voicci-container .drake-img{left:5px;right:auto}.competitor-cta{padding:12px 20px;min-height:auto;margin-bottom:24px}.competitor-cta span{font-size:14px;line-height:20px}.testimonials-header{margin-bottom:16px}.stars{font-size:20px}.rating-text{font-size:18px}.logos-grid{gap:16px}.logo-item{width:140px;height:100px;padding:16px}.logo-item img{max-width:80px;max-height:40px}.logo-item.logo-large img{max-width:100px;max-height:40px}.logo-text-styled{width:80px;height:40px;font-size:12px}.prestige-logos{padding:60px 0}.prestige-logos h3{font-size:24px;margin-bottom:32px}.pricing-content{padding:0 16px;width:100%;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.pricing-header{text-align:center;width:100%}.newsletter-form{flex-direction:column}.modal-content{margin:20% auto;padding:32px 24px}.comparison-grid{font-size:14px}.comparison{padding:24px}.testimonial{min-width:300px;padding:20px 24px}.testimonial p{font-size:14px}}.social-share{padding:80px 0;background:var(--bg-secondary)}.share-content{max-width:600px;margin:0 auto;text-align:center}.share-content h2{font-size:36px;font-weight:800;color:var(--text-primary);margin-bottom:16px}.fire-emoji{color:#f44}.share-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:32px}.share-url-container{display:flex;gap:12px;max-width:400px;margin:0 auto 32px}.share-url-input{flex:1;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:16px;font-family:'SF Mono',monospace;background:var(--bg-card);color:var(--text-primary);text-align:center}.copy-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#7c3aed;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#6d28d9;transform:translateY(-1px)}.social-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;transition:all .3s;color:#fff}.social-btn:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.social-btn.twitter{background:#000}.social-btn.facebook{background:#1877f2}.social-btn.reddit{background:#ff4500}.social-btn.messenger{background:#0084ff}.social-btn.whatsapp{background:#25d366}.social-btn.instagram{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}@media (max-width:768px){.social-share{padding:60px 0}.share-content h2{font-size:28px}.share-url-container{flex-direction:column}.copy-btn{width:100%;justify-content:center}.testimonials-header{margin-bottom:16px}.stars{font-size:20px}.rating-text{font-size:18px}.logos-grid{gap:16px}.logo-item{width:140px;height:100px;padding:16px}.logo-item img{max-width:80px;max-height:40px}.logo-item.logo-large img{max-width:100px;max-height:40px}.prestige-logos{padding:60px 0}.prestige-logos h3{font-size:24px;margin-bottom:32px}}.footer{position:relative;background:#1a1a1a;color:#999;padding:40px 0 120px 0;margin-top:0;border-top:1px solid #333;overflow:visible}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-left p{margin:0;font-size:14px}.footer-vat{margin-top:5px!important;font-size:12px;color:#666}.footer-links{display:flex;gap:30px;flex-wrap:wrap}.footer-link{color:#999;text-decoration:none;font-size:14px;transition:color .2s}.footer-link:hover{color:#fff}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#2d2d2d;padding:20px;display:none;z-index:9999;box-shadow:0 -2px 20px rgba(0,0,0,.3);overflow:visible}.cookie-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;position:relative;padding-right:150px}.cookie-content p{margin:0;color:#fff;font-size:14px;flex:1}.cookie-actions{display:flex;gap:15px;align-items:center;overflow:visible}.cookie-accept{background:var(--gradient);color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:opacity .2s}.cookie-accept:hover{opacity:.9}.cookie-learn{color:#999;text-decoration:none;font-size:14px;transition:color .2s;padding:0 10px}.cookie-learn:hover{color:#ccc;text-decoration:underline}.cookie-reject{background:0 0;color:#666;border:none;padding:10px 16px;cursor:pointer;font-size:14px;transition:color .2s}.cookie-reject:hover{color:#999}.cookie-icon{width:auto;height:120px;position:absolute;right:20px;bottom:-20px}.scroll-to-top{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);cursor:pointer;width:60px;height:40px;transition:transform .3s ease}.scroll-to-top:hover{transform:translateX(-50%) translateY(-3px)}.scroll-to-top img{width:100%;height:100%;object-fit:contain}.legal-page{padding:80px 0 40px;min-height:100vh}.legal-content{max-width:800px;margin:0 auto;padding:0 20px}.legal-content h1{font-size:36px;margin-bottom:20px;color:#fff}.legal-content h2{font-size:24px;margin-top:40px;margin-bottom:16px;color:#fff}.legal-content p{line-height:1.8;margin-bottom:16px;color:#ccc}.legal-content ul{margin-bottom:16px;padding-left:30px}.legal-content li{line-height:1.8;margin-bottom:8px;color:#ccc}.legal-updated{font-style:italic;color:#999;margin-bottom:40px}@media (max-width:768px){.footer{padding-bottom:120px}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.scroll-to-top{bottom:15px;left:50%;transform:translateX(-50%);width:50px;height:50px}.cookie-content{flex-direction:column;text-align:center;padding-right:80px}.cookie-actions{width:100%;justify-content:center}.cookie-learn{display:none}.cookie-icon{width:auto;height:40px;right:10px;bottom:-10px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-selector{position:relative;margin-left:32px}.language-dropdown{position:relative}.language-current{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border:none;background:0 0;backdrop-filter:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;gap:8px;transition:all .2s}.language-current:hover{background:rgba(255,255,255,.15)}.lang-icon{width:20px;height:20px;flex-shrink:0;filter:brightness(0) invert(1);opacity:.9;margin-right:4px;position:relative;top:-1px}.lang-text{font-weight:600;font-size:16px;margin-left:0;margin-right:8px}.lang-arrow{font-size:10px;color:rgba(255,255,255,.7);transition:transform .2s ease}.lang-arrow.open{transform:rotate(180deg)}.language-options{position:absolute;top:100%;right:0;z-index:901;background:rgba(20,20,20,.98);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;min-width:200px;margin-top:8px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;box-shadow:0 10px 40px rgba(0,0,0,.5);max-height:300px;overflow-y:auto;overflow-x:hidden}.language-options::-webkit-scrollbar{width:8px}.language-options::-webkit-scrollbar-track{background:#000!important;border-radius:4px}.language-options::-webkit-scrollbar-thumb{background:#333!important;border-radius:4px;transition:background .2s}.language-options::-webkit-scrollbar-thumb:hover{background:#555!important}.language-options{scrollbar-width:thin;scrollbar-color:#333333 #000000!important}.language-options.open{opacity:1;visibility:visible;transform:translateY(0)}.language-option{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;cursor:pointer;border-radius:8px;transition:background-color .2s ease;font-size:14px;color:rgba(255,255,255,.9);border:none;background:0 0;text-align:left}.language-option:hover{background:rgba(255,255,255,.1)}.language-option.active{background:rgba(139,92,246,.2);color:#fff}.favorite-star{font-size:18px;color:rgba(255,255,255,.4);transition:color .2s ease,transform .2s ease;cursor:pointer;line-height:1;padding:0;margin:0;display:inline-flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.favorite-star:hover{color:gold;transform:scale(1.2)}.favorite-star.favorited{color:gold}.language-separator{height:1px;background:rgba(255,255,255,.1);margin:8px 16px;position:relative}@media (max-width:768px){.language-selector{margin-left:16px}.language-options{max-height:250px}}@media (max-width:1024px){.logo-item.santos-palace img{transform:scale(1.44);max-width:none!important;height:auto}}.logo-item[href*=autogcode] img{max-width:180px!important;max-height:100px!important;transform:scale(1.5)}.logo-item[href*=autogcode]:hover img{transform:scale(1.57)}.voicci-cli-banner{background:linear-gradient(135deg,#dc2626 0,#991b1b 100%);padding:40px 20px 20px 20px;margin:0;position:relative;overflow:hidden}.voicci-cli-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none}.banner-npm-logo{height:70px;width:auto}.voicci-cli-banner .banner-cta{background:rgba(255,255,255,.95);color:#dc2626}.voicci-cli-banner .banner-cta:hover{background:#fff;color:#991b1b;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.genius-helper-banner{background:linear-gradient(135deg,#ffb347 0,#ff8c42 100%);padding:40px 20px 20px 20px;margin:0;position:relative;overflow:hidden}.genius-helper-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0,transparent 50%);pointer-events:none}.banner-content{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1000px;margin:0 auto;position:relative;z-index:1}.banner-logos{display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0}.banner-voicci-logo{height:85px;width:auto}.banner-alexa-logo{height:70px;width:auto}.banner-text{flex:1;color:#fff}.banner-title{font-size:32px;font-weight:800;margin:0 0 12px 0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.banner-description{font-size:18px;margin:0;opacity:.95;line-height:1.6;color:#fff}.banner-cta{background:#fff;color:#ff8c42;padding:16px 32px;border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);flex-shrink:0}.banner-cta:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2);color:#ff7c32}@media (max-width:768px){.voicci-cli-banner{padding:40px 16px;margin:0}.banner-npm-logo{height:55px}.genius-helper-banner{padding:40px 16px;margin:60px 0 0 0}.banner-content{flex-direction:column;text-align:center;gap:20px}.banner-logos{gap:15px}.banner-voicci-logo{height:65px}.banner-alexa-logo{height:55px}.banner-title{font-size:24px;margin-bottom:8px}.banner-description{font-size:16px}.banner-cta{padding:14px 28px;font-size:16px;width:100%;max-width:280px}}@media (min-width:769px) and (max-width:1024px){.genius-helper-banner{padding:50px 24px}.banner-content{gap:24px}.banner-title{font-size:28px}.banner-description{font-size:17px}}