.nav-brand,a{text-decoration:none}.hero h1,.nav-brand{font-weight:800;font-family:Syne,sans-serif}.hero,.voice-btn{text-align:center}.hero h1,.nav-brand,.v-name{font-family:Syne,sans-serif}.action-btn,.faq-q,.generate-btn,.speed-slider,.voice-btn{cursor:pointer}#tts-input,.faq-a,.hero-sub{line-height:1.65}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#faf9f7;color:#1a1a2e;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:#c49000}a:hover{color:#f5c000}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse 70% 55% at 15% -5%,rgba(255,200,0,.28) 0,transparent 60%),radial-gradient(ellipse 55% 45% at 90% 10%,rgba(255,180,0,.2) 0,transparent 55%),radial-gradient(ellipse 40% 40% at 80% 85%,rgba(255,215,50,.14) 0,transparent 55%),radial-gradient(ellipse 50% 35% at 5% 75%,rgba(255,195,0,.1) 0,transparent 55%);pointer-events:none;z-index:0}body>*{position:relative;z-index:1}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:56px;background:rgba(250,249,247,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100}.nav-brand{font-size:1.18rem;color:#1a1a2e;letter-spacing:-.01em}.footer-brand em,.hero h1 em,.nav-brand em{font-style:normal;color:#c49000}.nav-hub{background:#f5c000;color:#1a1a2e;font-weight:700;font-size:.82rem;padding:.45rem 1.1rem;border-radius:50px;letter-spacing:.01em;transition:background .2s,transform .15s;white-space:nowrap}.hero-eyebrow,.section-label{letter-spacing:.13em;text-transform:uppercase}.nav-hub:hover{background:#ffd234;color:#1a1a2e;transform:scale(1.03)}.hero{padding:5.5rem 1.5rem 2rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;color:#6b5800;background:rgba(255,200,0,.12);border:1px solid rgba(196,144,0,.25);border-radius:50px;padding:.35rem 1rem;margin-bottom:2rem}.ai-pill,.badge,.hero-sub{color:#4a4a6a}.hero-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:#c49000;animation:2s ease-in-out infinite blink}@keyframes blink{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.65)}}.hero h1{font-size:clamp(2.8rem, 7vw, 5.2rem);line-height:1.05;letter-spacing:-.03em;color:#1a1a2e;max-width:760px;margin:0 auto .6rem}.hero-sub{font-size:1.05rem;max-width:500px;margin:0 auto 2rem}.hero-badges{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center;margin-bottom:2.2rem}.badge{font-size:.79rem;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.1);border-radius:50px;padding:.3rem .85rem;backdrop-filter:blur(4px)}.ai-pill,.card,footer{backdrop-filter:blur(8px)}.badge.highlight{background:rgba(196,144,0,.1);border-color:rgba(196,144,0,.3);color:#7a6000}.badge.highlight::before{content:'✓ ';color:#c49000;font-weight:700}.ai-pill{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.1);border-radius:50px;padding:.5rem 1.1rem;box-shadow:0 2px 12px rgba(0,0,0,.07);margin-bottom:2.5rem;transition:border-color .3s,color .3s}.ai-pill.ready{border-color:rgba(196,144,0,.4);color:#7a6000;background:rgba(255,200,0,.08)}.pill-dot{width:8px;height:8px;border-radius:50%;background:#c49000;flex-shrink:0}.pill-dot.loading{animation:1s ease-in-out infinite blink}.pill-dot.ready{background:#22c55e;animation:none}.pill-dot.error{background:#ef4444;animation:none}.main-card{max-width:760px;margin:0 auto 3rem;padding:0 1.25rem;width:100%}.card{background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:2rem 2rem 1.75rem;box-shadow:0 4px 6px rgba(0,0,0,.04),0 24px 48px rgba(0,0,0,.06)}.section-label{font-size:.68rem;font-weight:700;color:#9090b0;margin-bottom:.7rem}.voice-section{margin-bottom:1.6rem}.voice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}#audio-section.visible,.generate-btn.loading .spinner,.v-name{display:block}.voice-btn{background:#f4f3f0;border:1.5px solid transparent;border-radius:12px;padding:.75rem .5rem;transition:border-color .18s,background .18s,box-shadow .18s}.voice-btn:hover{background:#fff;border-color:rgba(196,144,0,.35)}#tts-input:focus,.voice-btn.active{border-color:#c49000;box-shadow:0 0 0 3px rgba(196,144,0,.12)}.voice-btn.active{background:rgba(245,192,0,.1)}.v-name{font-weight:700;font-size:.9rem;color:#1a1a2e;margin-bottom:.15rem}.faq-q:hover,.voice-btn.active .v-name{color:#9a7200}.v-gender{font-size:.67rem;letter-spacing:.07em;text-transform:uppercase;color:#9090b0}.voice-btn.active .v-gender{color:#b08900}.char-count.warn,.footer-col a:hover,.speed-val{color:#c49000}.speed-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.6rem}.speed-section .section-label{margin:0;white-space:nowrap}.speed-slider{flex:1;-webkit-appearance:none;appearance:none;height:3px;border-radius:2px;background:#e8e6e0;outline:0}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#c49000;border:2px solid #fff;box-shadow:0 0 0 2px rgba(196,144,0,.25);cursor:pointer}.speed-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#c49000;border:2px solid #fff;cursor:pointer}.speed-val{font-family:'JetBrains Mono','Fira Mono',monospace;font-size:.8rem;font-weight:600;min-width:2.8rem;text-align:right}.textarea-wrap{position:relative;margin-bottom:1.1rem}#tts-input{width:100%;min-height:150px;background:#f7f6f2;border:1.5px solid #e8e6e0;border-radius:12px;color:#1a1a2e;font-family:Inter,sans-serif;font-size:.97rem;padding:1rem 1.1rem 2.4rem;resize:vertical;outline:0;transition:border-color .2s,box-shadow .2s}#tts-input::placeholder{color:#b0aead}#tts-input:focus{background:#fff}.char-count{position:absolute;bottom:.6rem;right:.8rem;font-size:.7rem;color:#b0aead;font-family:monospace;pointer-events:none}.char-count.over{color:#ef4444}.generate-btn{width:100%;padding:.95rem 1.5rem;background:#f5c000;color:#1a1a2e;border:none;border-radius:12px;font-family:Syne,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.01em;transition:background .2s,box-shadow .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:.6rem}.generate-btn:hover:not(:disabled){background:#ffd234;box-shadow:0 4px 20px rgba(196,144,0,.3)}.generate-btn:active:not(:disabled){transform:scale(.99)}.generate-btn:disabled{background:#f0eeea;color:#b0aead;cursor:not-allowed}.spinner{width:15px;height:15px;border:2px solid rgba(26,26,46,.2);border-top-color:#1a1a2e;border-radius:50%;animation:.7s linear infinite spin;display:none;flex-shrink:0}.action-btn,.waveform-wrap{display:flex;align-items:center}@keyframes spin{to{transform:rotate(360deg)}}.waveform-wrap{justify-content:center;gap:3px;height:44px;margin:1.25rem 0 0;opacity:0;transition:opacity .4s}.waveform-wrap.active{opacity:1}.wave-bar{width:3px;border-radius:2px;background:#c49000;animation:1.6s ease-in-out infinite wave-idle;transform-origin:center}@keyframes wave-idle{0%,100%{transform:scaleY(.18);opacity:.4}50%{transform:scaleY(1);opacity:1}}.wave-bar:nth-child(2n){animation-delay:-.32s}.wave-bar:nth-child(3n){animation-delay:-.64s}.wave-bar:nth-child(4n){animation-delay:-.96s}.wave-bar:nth-child(5n){animation-delay:-1.28s}.waveform-wrap.playing .wave-bar{animation-name:wave-play}@keyframes wave-play{0%,100%{transform:scaleY(.2)}50%{transform:scaleY(1)}}#audio-section{margin-top:1.4rem;display:none}.player-label{font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#9090b0;margin-bottom:.6rem}#audio-el{width:100%;border-radius:10px;accent-color:#c49000}.audio-actions{display:flex;gap:.6rem;margin-top:.7rem}.action-btn{gap:.4rem;padding:.48rem 1rem;border:1.5px solid #e8e6e0;border-radius:8px;background:#fff;color:#4a4a6a;font-size:.8rem;font-family:inherit;transition:border-color .2s,color .2s,background .2s}.action-btn:hover{border-color:#c49000;color:#9a7200;background:rgba(245,192,0,.05)}.how-section{max-width:900px;margin:1rem auto 0;padding:0 1.5rem 5rem}.section-heading{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;color:#1a1a2e;margin-bottom:.5rem;letter-spacing:-.02em}.section-sub{color:#6a6a8a;font-size:.95rem;margin-bottom:2.5rem;max-width:520px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-bottom:4rem}.feat-card{background:rgba(255,255,255,.75);border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:1.5rem 1.25rem;backdrop-filter:blur(4px);transition:border-color .2s,box-shadow .2s}.feat-card:hover{border-color:rgba(196,144,0,.3);box-shadow:0 4px 20px rgba(196,144,0,.08)}.feat-icon{font-size:1.3rem;margin-bottom:.75rem;display:block}.feat-card h4{font-family:Syne,sans-serif;font-size:.9rem;font-weight:700;color:#1a1a2e;margin-bottom:.4rem}.feat-card p{font-size:.83rem;color:#6a6a8a;line-height:1.55}.faq-list{border-top:1px solid rgba(0,0,0,.07)}.faq-item{border-bottom:1px solid rgba(0,0,0,.07)}.faq-q{width:100%;background:0 0;border:none;color:#1a1a2e;font-family:inherit;font-size:.93rem;font-weight:600;padding:1.1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left}.footer-bottom,footer{border-top:1px solid rgba(0,0,0,.07)}.footer-brand,.static-page h1,.static-page h2{font-family:Syne,sans-serif}.faq-chevron{color:#b0aead;transition:transform .25s;flex-shrink:0}.faq-item.open .faq-chevron{transform:rotate(180deg);color:#c49000}.faq-a{font-size:.86rem;color:#6a6a8a;max-height:0;overflow:hidden;transition:max-height .3s,padding-bottom .3s}.faq-item.open .faq-a{max-height:200px;padding-bottom:1.1rem}footer{margin-top:auto;background:rgba(255,255,255,.6);padding:3rem 2rem 2rem}.footer-inner{max-width:920px;margin:0 auto}.footer-brand{font-weight:800;font-size:1.05rem;color:#1a1a2e;margin-bottom:.3rem}.footer-tagline{font-size:.82rem;color:#9090b0;margin-bottom:2rem}.footer-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;margin-bottom:2.5rem}.footer-col h5{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9090b0;margin-bottom:.85rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.55rem}.footer-col a{color:#4a4a6a;font-size:.84rem;transition:color .2s}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-top:1.5rem;font-size:.78rem;color:#9090b0}.static-page{max-width:720px;margin:3.5rem auto;padding:0 1.5rem 5rem}.static-page h1{font-size:2.2rem;font-weight:800;color:#1a1a2e;margin-bottom:.4rem;letter-spacing:-.02em}.static-page .page-date{font-size:.78rem;color:#9090b0;margin-bottom:2.5rem;font-family:monospace}.static-page h2{font-size:1.15rem;font-weight:700;color:#9a7200;margin:2.2rem 0 .75rem}.static-page li,.static-page p{font-size:.91rem;color:#4a4a6a;line-height:1.72}.static-page ul{padding-left:1.3rem;margin-bottom:1rem}.static-page li{margin-bottom:.4rem}.footer-sonic{color:#c49000!important;font-weight:600!important;display:inline-flex;align-items:center;gap:.25rem;background:rgba(245,192,0,.08);border:1px solid rgba(196,144,0,.2);border-radius:6px;padding:.15rem .55rem .15rem .4rem;font-size:.82rem!important;transition:background .2s,border-color .2s,color .2s;margin-top:.1rem}.footer-sonic:hover{background:rgba(245,192,0,.16)!important;border-color:rgba(196,144,0,.45)!important;color:#9a7200!important}@media (max-width:600px){.hero{padding:3.5rem 1rem 1.5rem}.top-nav{padding:0 1rem}.card{padding:1.4rem 1.2rem}.voice-grid{grid-template-columns:repeat(2,1fr)}.main-card{padding:0 .75rem}.how-section{padding:0 1rem 4rem}.footer-cols{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition-duration:0s!important}}