*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#17181d;background:#f7f8fc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{width:min(1180px,100% - 40px);margin:0 auto}.nav{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{color:#17181d;align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.brandMark{align-items:center;gap:3px;height:26px;display:inline-flex}.brandMark span{background:#6c56f8;border-radius:99px;width:4px;display:block}.brandMark span:first-child{height:10px}.brandMark span:nth-child(2){height:20px}.brandMark span:nth-child(3){height:26px}.brandMark span:nth-child(4){height:15px}.navLinks{gap:30px;display:flex}.nav a,.footer a{color:#4c4f5c;text-decoration:none}.navActions{align-items:center;gap:10px;display:flex}.textButton,.smallPrimary,.voiceCard,.generateButton,.downloadButton,.secondaryCta,.primaryCta{font:inherit;cursor:pointer;border:0}.textButton{background:0 0;padding:10px 14px}.smallPrimary,.primaryCta{color:#fff;background:#6c56f8;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 24px #6c56f82e}.hero{text-align:center;padding:84px 0 54px}.pill{color:#5f61a0;background:#fff;border:1px solid #dadcf0;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-block}.hero h1{letter-spacing:-2.8px;max-width:960px;margin:22px auto 18px;font-size:64px;line-height:1.02}.hero h1 span{color:#6c56f8}.heroCopy{color:#656976;max-width:720px;margin:0 auto;font-size:19px;line-height:1.65}.heroCtas{justify-content:center;gap:12px;margin-top:28px;display:flex}.secondaryCta{color:#30323a;background:#fff;border:1px solid #dddfea;border-radius:12px;justify-content:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.trustRow{color:#737684;justify-content:center;gap:24px;margin-top:22px;font-size:14px;display:flex}.generatorWrap{padding:22px 0 84px}.appWindow{background:#fff;border:1px solid #e4e5ed;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #2d30441f}.appTopbar{border-bottom:1px solid #ececf2;justify-content:space-between;align-items:center;padding:26px 28px;display:flex}.eyebrow{letter-spacing:.13em;color:#6c56f8;font-size:12px;font-weight:800}.appTopbar h2,.sectionIntro h2{letter-spacing:-.7px;margin:5px 0 0;font-size:30px}.usagePill{color:#6455c9;background:#f1efff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.workspace{grid-template-columns:1.08fr .92fr;min-height:540px;display:grid}.editorPanel{border-right:1px solid #ececf2;flex-direction:column;padding:26px;display:flex}.editorHeader,.editorFooter{color:#777b88;justify-content:space-between;font-size:13px;display:flex}.editorHeader strong{color:#282a32;font-size:14px}.editorPanel textarea{resize:none;font:inherit;color:#2c2e36;background:#fafbfe;border:0;border-radius:16px;outline:none;flex:1;margin:18px 0;padding:20px;font-size:18px;line-height:1.75}.controlsPanel{padding:26px}.controlBlock label,.settingsRow label{margin-bottom:10px;font-size:14px;font-weight:700;display:block}.voiceGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.voiceCard{text-align:left;background:#fafafe;border:1px solid #e5e6ef;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.voiceCard.selected{background:#f5f2ff;border-color:#7b67f7;box-shadow:0 0 0 2px #6c56f814}.avatar{color:#604fe0;background:#e9e4ff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.voiceMeta{flex-direction:column;min-width:0;display:flex}.voiceMeta b{font-size:14px}.voiceMeta small{color:#7e8190;font-size:11px}.miniBadge{color:#5d4dcc;background:#eee9ff;border-radius:999px;padding:3px 6px;font-size:9px;font-weight:800;position:absolute;top:8px;right:8px}.settingsRow{grid-template-columns:1fr 1fr;gap:12px;margin-top:22px;display:grid}.settingsRow select{color:#353741;background:#fff;border:1px solid #dddfea;border-radius:11px;width:100%;padding:12px}.settingsRow select:disabled{opacity:.7}.generateButton{color:#fff;background:#6c56f8;border-radius:13px;justify-content:space-between;width:100%;margin-top:22px;padding:15px 18px;font-weight:800;display:flex}.generateButton:disabled{opacity:.45;cursor:not-allowed}.finePrint{text-align:center;color:#8b8e9b;font-size:12px;line-height:1.5}.errorText{color:#a9362c;background:#fff3f2;border:1px solid #ffd3cf;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:13px;line-height:1.45}.resultBar{background:#f6f4ff;border:1px solid #ded8ff;border-radius:15px;align-items:center;gap:14px;margin:0 26px 26px;padding:16px;display:flex}.resultInfo{flex-direction:column;flex:1;gap:3px;min-width:150px;display:flex}.resultInfo span{color:#757887;font-size:13px}.audioPlayer{width:min(420px,45%);height:40px}.downloadButton{color:#30323a;white-space:nowrap;background:#fff;border:1px solid #d8d9e4;border-radius:10px;padding:10px 14px;font-weight:700;text-decoration:none}.historyPanel{border:1px solid #e7e8ef;border-radius:15px;margin:0 26px 26px;overflow:hidden}.historyHeader{background:#fafafe;border-bottom:1px solid #ececf2;justify-content:space-between;gap:16px;padding:14px 16px;font-size:13px;display:flex}.historyHeader span{color:#868995}.historyList{display:grid}.historyItem{color:#666a77;border-bottom:1px solid #f0f1f5;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:grid}.historyItem:last-child{border-bottom:0}.historyItem b{color:#282a32}.status{text-transform:capitalize;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800}.status.completed{color:#2c7a49;background:#ecf9f0}.status.pending{color:#8b6a18;background:#fff8e6}.status.failed{color:#a33a32;background:#fff0ef}.section{padding:84px 0}.sectionIntro{max-width:700px}.sectionIntro h2{margin-top:8px;font-size:42px}.sectionIntro p{color:#6f7280}.featureGrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;display:grid}.featureGrid article{background:#fff;border:1px solid #e5e6ee;border-radius:20px;padding:26px}.featureIcon{color:#6c56f8;background:#f0edff;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.featureGrid h3{margin:18px 0 8px;font-size:20px}.featureGrid p{color:#6f7280;margin:0;line-height:1.65}.pricingSection{color:#fff;background:#17181d;padding:84px 0}.centered{text-align:center;margin:0 auto}.centered h2{color:#fff}.centered p{color:#a8aab3}.pricingGrid{grid-template-columns:1fr 1fr;gap:18px;max-width:820px;margin:36px auto 0;display:grid}.priceCard{background:#22242b;border:1px solid #343741;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:430px;padding:28px;display:flex;position:relative}.priceCard.featured{color:#1d1e24;background:#f7f5ff;border-color:#7b67f7}.bestBadge{letter-spacing:.08em;color:#6c56f8;background:#ebe6ff;border-radius:999px;padding:6px 8px;font-size:10px;font-weight:900;position:absolute;top:18px;right:18px}.plan{color:#aeb0b8;font-size:14px;font-weight:800}.featured .plan{color:#6c56f8}.priceCard h3{letter-spacing:-1px;margin:12px 0 8px;font-size:42px}.priceCard h3 small{color:#9598a2;font-size:14px;font-weight:500}.priceCard p{color:#a9abb4}.featured p{color:#6d7080}.priceCard ul{gap:13px;margin:22px 0;padding:0;list-style:none;display:grid}.priceCard li:before{content:"✓";color:#7b67f7;margin-right:10px;font-weight:900}.full{width:100%}.footer{justify-content:space-between;align-items:center;gap:24px;padding:32px 0;display:flex}.footer p{color:#7b7e8b}.footerLinks{gap:18px;display:flex}@media (max-width:900px){.navLinks{display:none}.hero{padding-top:58px}.hero h1{font-size:46px}.workspace{grid-template-columns:1fr}.editorPanel{border-bottom:1px solid #ececf2;border-right:0;min-height:380px}.featureGrid,.pricingGrid{grid-template-columns:1fr}.resultBar{flex-wrap:wrap}.audioPlayer{width:100%}.historyItem{grid-template-columns:1fr 1fr}.historyHeader{flex-direction:column}.footer{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.shell{width:min(100% - 24px,1180px)}.navActions .textButton{display:none}.hero h1{letter-spacing:-1.5px;font-size:38px}.heroCopy{font-size:17px}.heroCtas,.trustRow{flex-direction:column;align-items:center}.voiceGrid,.settingsRow{grid-template-columns:1fr}.appTopbar{flex-direction:column;align-items:flex-start;gap:16px}.sectionIntro h2{font-size:34px}.resultBar,.historyPanel{margin:0 14px 14px}.historyItem{grid-template-columns:1fr}.downloadButton{text-align:center;width:100%}}
