@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#080b12;--surface:#0e131d;--surface2:#121925;--line:#232c3b;--text:#f6f7fb;--muted:#8f9bad;--violet:#8b5cf6;--cyan:#24d7e8;--green:#45e6a8;--pink:#d946ef;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.55}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 80% 8%,rgba(37,215,232,.08),transparent 28%),radial-gradient(circle at 15% 30%,rgba(139,92,246,.08),transparent 26%);pointer-events:none;z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.topbar{height:78px;max-width:1380px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font:700 16px 'Manrope';letter-spacing:.08em}.brand b{color:var(--muted)}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #474d58;border-radius:11px;background:#05070b;color:white;font-weight:800;box-shadow:inset 0 0 0 2px #111721}.topbar nav{display:flex;gap:35px;color:var(--muted);font-size:14px}.topbar nav a:hover,.topbar nav .active{color:white}.founder-link{padding:10px 15px;border:1px solid var(--line);border-radius:10px;font-size:13px}.hero{max-width:1240px;margin:auto;min-height:590px;padding:90px 30px 70px;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:80px}.live-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #1d473d;border-radius:99px;background:#0b1917;color:#8af2ce;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.live-pill i,.secure-note i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(69,230,168,.1)}h1,h2,h3{font-family:'Manrope',sans-serif;margin:0}.hero h1{font-size:clamp(58px,7vw,100px);line-height:.93;letter-spacing:-.065em;margin:25px 0}.hero h1 span{background:linear-gradient(90deg,#a471ff,#e750cf 65%,#ff7eb1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:600px;color:#aab4c3;font-size:18px}.hero-copy strong{color:white}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:32px}.btn{border:0;border-radius:13px;padding:15px 20px;display:inline-flex;justify-content:center;align-items:center;gap:22px;font-weight:700;cursor:pointer}.btn-primary,.btn-generate{background:linear-gradient(105deg,var(--violet),var(--pink));color:#fff;box-shadow:0 10px 30px rgba(139,92,246,.2)}.text-link{font-size:14px;color:#c2cad6;border-bottom:1px solid #4b5565}.hero-console{position:relative;min-height:430px;border:1px solid #263243;border-radius:28px;padding:23px;background:linear-gradient(145deg,#101725,#080b11);overflow:hidden;box-shadow:0 30px 80px #000}.hero-console:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:27px 27px}.console-head,.console-stats{position:relative;display:flex;justify-content:space-between;color:#647186;font:600 10px 'Manrope';letter-spacing:.14em}.console-head b{color:var(--green)}.orb{width:190px;height:190px;margin:58px auto 35px;position:relative;display:grid;place-items:center;border:1px solid rgba(36,215,232,.33);border-radius:50%;box-shadow:0 0 60px rgba(139,92,246,.18),inset 0 0 40px rgba(36,215,232,.08)}.orb:before,.orb:after,.orb i{content:"";position:absolute;border-radius:50%;border:1px solid rgba(139,92,246,.23)}.orb:before{inset:20px}.orb:after{inset:42px}.orb i:nth-of-type(1){inset:-20px;border-style:dashed;animation:spin 18s linear infinite}.orb i:nth-of-type(2){inset:58px;background:radial-gradient(circle,#b25df2,#332463 75%);box-shadow:0 0 40px rgba(194,73,239,.4)}.orb span{z-index:1;font:800 21px 'Manrope';letter-spacing:.06em}.spectrum{height:48px;display:flex;gap:7px;justify-content:center;align-items:center}.spectrum i{width:4px;border-radius:5px;background:linear-gradient(var(--cyan),var(--violet));animation:wave 1.4s ease-in-out infinite}.spectrum i:nth-child(3n){animation-delay:.2s}.spectrum i:nth-child(2n){animation-delay:.4s}.console-stats{border-top:1px solid var(--line);padding-top:18px}.console-stats span{display:grid;gap:3px}.console-stats b{font-size:15px;color:#dfe6f0;letter-spacing:0}.studio-wrap{max-width:1280px;margin:30px auto 80px;padding:0 30px}.studio-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.kicker{margin:0 0 10px;color:var(--cyan);font:700 11px 'Manrope';letter-spacing:.18em}.studio-heading h2,.content-intro h2,.about h2,.faq h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.04em;line-height:1.08}.secure-note{display:flex;align-items:center;gap:10px;color:#7f8b9d;font-size:12px}.studio-grid{display:grid;grid-template-columns:.9fr 1.2fr;border:1px solid var(--line);border-radius:26px;background:#0b0f17;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.28)}.voice-library,.composer{padding:28px}.voice-library{background:#0d121b;border-right:1px solid var(--line)}.panel-head,.panel-head>div{display:flex;align-items:center;justify-content:space-between}.panel-head>div{justify-content:flex-start;gap:14px}.panel-head>div>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#1a2030;color:#b79aff;font-weight:700;font-size:12px}.panel-head h3{font-size:17px}.panel-head p{margin:2px 0 0;color:var(--muted);font-size:12px}.small-action,.editor-foot button,.load-more{border:0;background:none;color:#bda7ff;font-weight:700;font-size:12px;cursor:pointer}.search-box{height:46px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;background:#080c13;padding:0 13px;margin:22px 0 12px;color:#77859a}.search-box:focus-within{border-color:#7657d6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:white;font-size:13px}.filter-row{display:flex;gap:8px;margin-bottom:15px}.filter{padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:transparent;color:#8490a2;font-size:11px;cursor:pointer}.filter.active{background:#27203d;color:#c8b4ff;border-color:#4f397b}.voice-list{max-height:450px;overflow:auto;padding-right:5px}.voice-list::-webkit-scrollbar{width:5px}.voice-list::-webkit-scrollbar-thumb{background:#2b3546;border-radius:9px}.voice-option{width:100%;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;border:1px solid transparent;border-radius:13px;padding:10px;background:transparent;color:white;text-align:left;cursor:pointer;margin-bottom:4px}.voice-option:hover{background:#131a26}.voice-option.selected{background:linear-gradient(90deg,rgba(139,92,246,.13),rgba(36,215,232,.04));border-color:#624aa3}.voice-avatar,.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#193036;color:#70eff8;font-size:11px;font-weight:800}.voice-avatar.female,.avatar.female{background:#30203b;color:#ee9af5}.voice-copy{display:flex;flex-direction:column;min-width:0}.voice-copy strong{font-size:13px}.voice-copy small{color:#a7b1c0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-copy em{color:#5f6d81;font-size:10px;font-style:normal}.select-dot{width:21px;height:21px;border:1px solid #344054;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:11px}.selected .select-dot{border-color:var(--green);background:#15322c}.load-more{width:100%;padding:12px}.empty{padding:45px 10px;text-align:center;color:#7f8b9d;font-size:13px}.voice-loading{display:grid;gap:8px}.voice-loading i{height:62px;border-radius:12px;background:linear-gradient(90deg,#111824,#1a2230,#111824);background-size:200%;animation:shimmer 1.2s infinite}.composer{display:flex;flex-direction:column}.editor{margin:22px 0 14px;border:1px solid var(--line);border-radius:15px;background:#080c13;overflow:hidden;transition:.2s}.editor:focus-within{border-color:#7959dd;box-shadow:0 0 0 3px rgba(139,92,246,.1)}textarea{width:100%;min-height:245px;resize:vertical;border:0;outline:0;background:transparent;color:white;padding:20px;font-size:15px;line-height:1.7}.editor-foot{border-top:1px solid #1c2431;padding:9px 14px;display:flex;justify-content:space-between;color:#687589;font-size:11px}.selected-voice{display:flex;gap:13px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:13px;background:#101620}.selected-voice>div:last-child{display:flex;flex-direction:column;min-width:0}.selected-voice small,.result small{color:#6f7e92;font-size:9px;font-weight:800;letter-spacing:.12em}.selected-voice strong{font-size:14px}.selected-voice span{color:#8e99aa;font-size:11px}.voice-tags{display:flex;gap:5px;margin-top:5px}.voice-tags i{padding:2px 6px;border-radius:5px;background:#201c30;color:#b8a0fb;font-size:9px;font-style:normal}.message{min-height:29px;padding:8px 2px 0;color:#7f8b9d;font-size:12px}.message.error{color:#ff7f98}.message.success{color:#5fe5b2}.btn-generate{width:100%;justify-content:space-between;margin-top:4px;padding:16px 19px}.btn-generate:disabled{cursor:not-allowed;filter:grayscale(.65);opacity:.45}.working .button-icon{animation:spin 1s linear infinite}.result{margin-top:14px;padding:16px;border:1px solid #28584d;border-radius:15px;background:#0d1d1a}.result>div:first-child{display:flex;gap:12px;align-items:center;margin-bottom:12px}.result>div>div{display:flex;flex-direction:column}.result-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#153a31;color:var(--green);font-size:11px}.result audio{width:100%;height:40px}.btn-download{margin-top:12px;background:#17241f;color:#7ff0c5;border:1px solid #2a564a;justify-content:space-between}.proof-strip{border-block:1px solid var(--line);padding:18px 4%;display:flex;justify-content:center;gap:7%;color:#6f7b8d;font:700 10px 'Manrope';letter-spacing:.14em}.content-section,.about{max-width:1220px;margin:auto;padding:110px 30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.content-intro>p:last-child,.about>div:last-child>p{color:#97a2b2;font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-grid article{padding:24px;border:1px solid var(--line);border-radius:18px;background:#0c1119}.feature-grid article>b{color:#6f55bd;font-size:11px}.feature-grid h3{font-size:16px;margin:50px 0 10px}.feature-grid p,.steps p{color:#7f8b9c;font-size:13px;margin:0}.steps{max-width:1220px;margin:0 auto 110px;padding:55px 30px;border-block:1px solid var(--line)}.steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:25px}.steps article span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#211b33;color:#b9a0ff;font-weight:700;font-size:11px}.steps h3{margin:15px 0 7px}.about{padding-top:30px}.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.ecosystem a{padding:15px;border:1px solid var(--line);border-radius:12px;color:#7f8b9d;font-size:11px}.ecosystem a:hover{border-color:#5f458f;color:white}.ecosystem span{display:block;color:#dfe5ec;font-weight:700;font-size:12px}.faq{max-width:820px;margin:0 auto;padding:70px 30px 120px}.faq h2{margin-bottom:35px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq details p{color:#8f9bad;max-width:700px}.faq details[open] summary span{transform:rotate(45deg)}footer{max-width:1280px;margin:auto;padding:45px 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:25px;color:#717e90;font-size:12px}footer p{margin:12px 0}.footer-links{display:flex;gap:25px;color:#aab4c2}footer small{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wave{0%,100%{height:8px}50%{height:44px}}@keyframes shimmer{to{background-position:-200%}}
@media(max-width:800px){.topbar{height:66px;padding:0 18px}.topbar nav{display:none}.founder-link{font-size:11px}.hero{min-height:auto;padding:58px 20px 45px;display:block}.hero h1{font-size:55px}.hero-copy>p{font-size:15px}.hero-actions{gap:18px}.hero-console{min-height:330px;margin-top:45px;padding:18px}.orb{width:135px;height:135px;margin:45px auto 22px}.console-stats{gap:8px}.studio-wrap{padding:0 14px;margin-bottom:55px}.studio-heading{display:block;margin-bottom:18px}.studio-heading h2{font-size:31px}.secure-note{margin-top:12px}.studio-grid{display:flex;flex-direction:column;border-radius:20px}.voice-library,.composer{padding:19px}.voice-library{border-right:0;border-bottom:1px solid var(--line)}.voice-list{display:grid;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;overflow-y:hidden;max-height:none;padding:0 0 8px;scroll-snap-type:x mandatory}.voice-option{grid-template-columns:42px 1fr 20px;background:#121925;border-color:#202a39;margin-right:8px;scroll-snap-align:start}.load-more{display:none}.editor textarea{min-height:190px}.proof-strip{justify-content:flex-start;overflow:auto;padding:16px 20px;gap:28px;white-space:nowrap}.content-section,.about{display:block;padding:75px 20px}.feature-grid{display:block;margin-top:35px}.feature-grid article{margin-bottom:10px}.feature-grid h3{margin-top:35px}.steps{margin-bottom:60px;padding:45px 20px}.steps>div{grid-template-columns:1fr;gap:30px}.ecosystem{grid-template-columns:1fr}.faq{padding:40px 20px 80px}footer{display:block;padding:35px 20px}.footer-links{flex-wrap:wrap;margin:25px 0}.hero-actions .btn{padding:14px 16px}.text-link{font-size:12px}}
@media(max-width:390px){.hero h1{font-size:47px}.brand>span:last-child{display:none}.founder-link{padding:8px 10px}.voice-list{grid-auto-columns:92%}.hero-console{min-height:310px}.console-stats span:last-child{display:none}.composer,.voice-library{padding:16px}.panel-head p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
/* Theme switcher */
.theme-switcher{position:relative;margin-left:auto;margin-right:14px}.theme-toggle{height:40px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--text);display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:700}.theme-toggle i{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:0 0 14px color-mix(in srgb,var(--cyan) 45%,transparent)}.theme-menu{position:absolute;right:0;top:48px;z-index:50;width:185px;padding:8px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 20px 55px rgba(0,0,0,.35);backdrop-filter:blur(20px)}.theme-menu[hidden]{display:none!important}.theme-option{width:100%;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--muted);display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;font-size:12px}.theme-option:hover,.theme-option.active{background:color-mix(in srgb,var(--violet) 16%,transparent);color:var(--text)}.theme-option span{width:13px;height:13px;border-radius:50%;border:1px solid #ffffff38}.theme-option[data-theme=system] span{background:linear-gradient(135deg,#eef2f7 50%,#101521 50%)}.theme-option[data-theme=light] span{background:#f7f8fc}.theme-option[data-theme=midnight] span{background:#111827}.theme-option[data-theme=neon] span{background:#00e6b8}.theme-option[data-theme=royal] span{background:#7357ff}
html[data-theme=light]{--bg:#f5f7fb;--surface:#fff;--surface2:#eef2f8;--line:#d8dee9;--text:#111827;--muted:#607086;--cyan:#087f9c;--violet:#7652e8;--pink:#c63bb6;--green:#168e65}html[data-theme=light] body{background:radial-gradient(circle at 80% 0,rgba(118,82,232,.08),transparent 28%),var(--bg)}html[data-theme=light] .topbar{background:#f5f7fbe8}html[data-theme=light] .hero-console,html[data-theme=light] .studio-grid,html[data-theme=light] .voice-library,html[data-theme=light] .composer,html[data-theme=light] .editor,html[data-theme=light] .search-box,html[data-theme=light] .feature-grid article{background:#fff;color:var(--text);box-shadow:0 20px 60px #232d4b17}html[data-theme=light] textarea,html[data-theme=light] input{color:var(--text)}html[data-theme=light] .brand-mark{background:#111827}
html[data-theme=midnight]{--bg:#050814;--surface:#0b1022;--surface2:#111933;--line:#202c4c;--text:#f4f7ff;--muted:#8897b5;--cyan:#55b8ff;--violet:#7c6cff;--pink:#a855f7;--green:#41e1a4}html[data-theme=neon]{--bg:#020807;--surface:#071310;--surface2:#0b1e19;--line:#174536;--text:#eafff8;--muted:#79a698;--cyan:#00efb8;--violet:#00c896;--pink:#b7ff43;--green:#56ffb5}html[data-theme=neon] body{background:radial-gradient(circle at 70% 10%,#00efb81f,transparent 30%),var(--bg)}html[data-theme=royal]{--bg:#0b0714;--surface:#151022;--surface2:#20162f;--line:#3b2855;--text:#fff8ff;--muted:#ad98bd;--cyan:#e083ff;--violet:#8558ff;--pink:#ff5ebc;--green:#65e6b8}html[data-theme=royal] body{background:radial-gradient(circle at 75% 8%,#e083ff21,transparent 30%),var(--bg)}
@media(max-width:800px){.theme-switcher{margin-left:auto;margin-right:8px}.theme-toggle{width:40px;padding:0;justify-content:center}.theme-toggle span{display:none}.theme-menu{right:-44px}}