:root{--primary:#7c3aed;--primary-dark:#5b21b6;--primary-light:#a78bfa;--primary-glow:#7c3aed40;--dark-bg:#0a0a0f;--dark-surface:#111115;--dark-surface-hover:#1a1a22;--card-bg:#111115e6;--text-primary:#f1f1f4;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#7c3aed26;--gradient-1:linear-gradient(135deg,#7c3aed,#db2777);--gradient-2:linear-gradient(135deg,#4c1d95,#be185d);--gradient-dark:linear-gradient(135deg,#0a0a0f,#111115);--shadow-sm:0 4px 12px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-glow:0 0 30px #7c3aed26;--border-radius:16px;--border-radius-sm:10px;--transition:all .2s ease}*{box-sizing:border-box;margin:0;padding:0}.horror-voice-page{background:var(--dark-bg);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 24px}h1{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.2}h1 .gradient{background:var(--gradient-1);color:#0000;-webkit-background-clip:text;background-clip:text}h2{letter-spacing:-.01em;text-align:center;margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}h3{margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-size:1.125rem}.badge{border:1px solid var(--border);color:var(--primary-light);letter-spacing:.03em;text-transform:uppercase;background:#7c3aed1f;border-radius:100px;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-1);color:#fff;box-shadow:0 4px 14px #7c3aed66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed80}.btn-outline{border:1.5px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{border-color:var(--primary);background:#7c3aed1a}.btn-large{padding:1rem 2rem;font-size:1.125rem}.hero-section{background:radial-gradient(at 50% 0,#7c3aed14,#0000 70%);padding:80px 0 64px;position:relative;overflow:hidden}.hero-section:before{content:"";background:linear-gradient(90deg,transparent,var(--primary),transparent);height:1px;position:absolute;top:0;left:0;right:0}.hero-description{color:var(--text-secondary);max-width:600px;margin:1.5rem 0 2rem;font-size:1.125rem}.hero-ctas{flex-wrap:wrap;gap:1rem;margin-bottom:3rem;display:flex}.hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:2rem;padding-top:2rem;display:flex}.stat{flex-direction:column;display:flex}.stat-number{color:var(--primary-light);font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.875rem}.use-cases-section{background:var(--dark-surface);padding:80px 0}.use-cases-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.use-case-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius);transition:var(--transition);padding:28px}.use-case-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.use-case-card .icon{margin-bottom:1rem;font-size:2rem}.use-case-card p{color:var(--text-secondary);margin-bottom:1rem;font-size:.9375rem}.learn-more{color:var(--primary-light);transition:var(--transition);font-size:.875rem;font-weight:500;text-decoration:none}.learn-more:hover{color:var(--primary);gap:.25rem}.examples-section{padding:80px 0}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.example-card{background:var(--dark-surface);border:1px solid var(--border);border-radius:var(--border-radius);transition:var(--transition);overflow:hidden}.example-card:hover{border-color:var(--primary)}.example-media{background:linear-gradient(135deg,#1a1a22,#0a0a0f);justify-content:center;align-items:center;height:120px;display:flex;position:relative}.example-media .waveform{background:repeating-linear-gradient(90deg,var(--primary),var(--primary)2px,transparent 2px,transparent 8px);opacity:.3;height:40px;position:absolute;bottom:16px;left:0;right:0}.example-media span{opacity:.7;font-size:2.5rem}.example-content{padding:20px}.example-meta{color:var(--text-muted);margin-bottom:12px;font-size:.75rem}.demo-audio{border-radius:100px;width:100%;height:36px;margin:12px 0}.demo-audio::-webkit-media-controls-panel{background:var(--dark-surface-hover)}.example-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.example-tags span{color:var(--primary-light);background:#7c3aed1a;border-radius:100px;padding:4px 10px;font-size:.7rem;font-weight:500}.steps-section{background:var(--dark-surface);padding:80px 0}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:48px;display:grid}.step{background:var(--card-bg);border-radius:var(--border-radius);border:1px solid var(--border);padding:32px;position:relative}.step-number{background:var(--gradient-1);color:#0000;opacity:.8;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:800}.step-tip{border-left:3px solid var(--primary);color:var(--text-secondary);background:#7c3aed14;border-radius:8px;margin-top:16px;padding:12px 14px;font-size:.8125rem}.steps-cta{text-align:center}.best-practices-section{padding:80px 0}.practices-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.practice{background:var(--dark-surface);border:1px solid var(--border);border-radius:var(--border-radius);padding:24px}.practice h3{margin-bottom:12px;font-size:1.125rem}.practice p{color:var(--text-secondary);font-size:.875rem}.mistakes-section{background:var(--dark-surface);padding:80px 0}.mistakes-list{flex-direction:column;gap:20px;max-width:800px;margin:0 auto;display:flex}.mistake{border-radius:var(--border-radius-sm);background:#0003;border:1px solid #db277733;align-items:flex-start;gap:20px;padding:20px;display:flex}.mistake-number{color:#db2777;min-width:48px;font-size:1.5rem;font-weight:800}.mistake h3{margin-bottom:6px;font-size:1rem}.mistake p{color:var(--text-secondary);font-size:.875rem}.advanced-section{padding:80px 0}.advanced-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.advanced-card{background:var(--dark-surface);border:1px solid var(--border);border-radius:var(--border-radius);transition:var(--transition);padding:28px}.advanced-card:hover{border-color:var(--primary);transform:translateY(-2px)}.advanced-card .icon{margin-bottom:1rem;font-size:2rem}.advanced-card p{color:var(--text-secondary);margin:12px 0;font-size:.875rem}.inline-link{color:var(--primary-light);font-size:.875rem;font-weight:500;text-decoration:none}.inline-link:hover{text-decoration:underline}.faq-section{background:var(--dark-surface);padding:80px 0}.faq-grid{flex-direction:column;gap:12px;max-width:800px;margin:0 auto;display:flex}.faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius-sm);cursor:pointer}.faq-item summary{transition:var(--transition);justify-content:space-between;align-items:center;padding:20px 24px;font-size:1rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--primary-light);transition:var(--transition);font-size:1.25rem}.faq-item[open] summary:after{content:"−"}.faq-item[open] summary{border-bottom:1px solid var(--border)}.faq-item p{color:var(--text-secondary);padding:0 24px 20px;font-size:.875rem;line-height:1.6}.faq-item a{color:var(--primary-light);text-decoration:none}.faq-item a:hover{text-decoration:underline}.final-cta-section{text-align:center;background:radial-gradient(at 50% 100%,#7c3aed14,#0000);padding:80px 0}.final-cta-section h2{max-width:700px;margin-left:auto;margin-right:auto}.final-cta-section p{color:var(--text-secondary);margin-bottom:2rem}.final-ctas{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.fine-print{color:var(--text-muted);font-size:.75rem}.internal-links-section{border-top:1px solid var(--border);padding:60px 0 80px}.internal-links-section h3{text-align:center;margin-bottom:2rem;font-size:1.25rem}.internal-links-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.internal-link{border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);background:#7c3aed14;border-radius:100px;padding:10px 20px;font-size:.875rem;text-decoration:none}.internal-link:hover{border-color:var(--primary);color:var(--text-primary);background:#7c3aed26}.internal-link.highlight{background:var(--gradient-1);color:#fff;border:none}.internal-link.highlight:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@media (max-width:768px){.container{padding:0 20px}.hero-section{padding:48px 0 40px}.hero-ctas{flex-direction:column}.btn{justify-content:center;width:100%}.use-cases-grid,.examples-grid,.steps-grid,.practices-grid,.advanced-grid{grid-template-columns:1fr}.step{padding:24px}.mistake{flex-direction:column;gap:8px}.mistake-number{min-width:auto}.internal-links-grid{gap:8px}.internal-link{padding:6px 14px;font-size:.75rem}}@media (max-width:480px){h1{font-size:2rem}h2{font-size:1.5rem}.hero-stats{gap:1rem}.stat-number{font-size:1.25rem}.example-card{margin-bottom:16px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--dark-surface)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary);color:#fff}