[hidden]{display:none!important}
:root{--bg:#071127;--bg2:#0b1730;--panel:#111e39;--panel2:#14233f;--stroke:rgba(174,198,245,.13);--text:#f6f8ff;--muted:#aab7d1;--muted2:#7b90b0;--brand:#65e6ce;--violet:#95a7ff;--white:#fff;--dark:#0b172e;--r:22px;--shadow:0 24px 80px rgba(0,3,14,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:16px/1.65 'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--brand);outline-offset:3px}::selection{background:var(--brand);color:var(--bg)}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:85px;position:sticky;top:0;z-index:90;background:rgba(7,17,39,.85);border-bottom:1px solid var(--stroke);backdrop-filter:blur(24px)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand img{width:42px;height:42px}.brand span span{color:var(--brand)}.nav-links{display:flex;align-items:center;gap:31px}.nav-links a{font-weight:600;color:#b7c5de;font-size:13px;transition:.2s}.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}.nav-actions{display:flex;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:12px;padding:13px 20px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s;line-height:1.5}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#09283a;box-shadow:0 8px 28px rgba(96,225,203,.15)}.btn-primary:hover{background:#8ff4e2}.btn-outline{border-color:rgba(184,209,244,.23);background:rgba(255,255,255,.035);color:#fff}.btn-outline:hover{background:rgba(255,255,255,.085)}.btn-dark{color:var(--dark);background:#fff}.menu-toggle{display:none;background:transparent;border:1px solid var(--stroke);color:#fff;border-radius:10px;width:44px;height:44px;font-size:21px;line-height:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#84e9d5;font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px rgba(101,230,206,.12)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.19;letter-spacing:-.045em}h1{font-size:clamp(44px,5vw,72px);font-weight:800}h2{font-size:clamp(31px,3.5vw,48px);font-weight:800}h3{font-size:20px;font-weight:800}p{color:var(--muted)}.text-gradient{background:linear-gradient(110deg,#f8fdff 0%,#7df6d6 42%,#9cafff 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero{min-height:665px;position:relative;overflow:hidden;padding:95px 0 110px}.hero:before{content:'';position:absolute;right:-290px;top:-320px;width:1000px;height:1000px;border-radius:50%;background:radial-gradient(circle,rgba(95,115,223,.18),transparent 67%);pointer-events:none}.hero:after{content:'';position:absolute;left:-300px;bottom:-380px;width:900px;height:900px;background:radial-gradient(circle,rgba(42,224,179,.065),transparent 65%);pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:1.01fr 1fr;align-items:center;gap:52px}.hero-copy{position:relative;z-index:2}.hero h1{margin:21px 0 22px;max-width:650px}.hero-copy>p{font-size:16px;line-height:1.9;max-width:515px}.hero-cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:29px}.small-note{color:var(--muted2);font-size:12px;display:flex;align-items:center;gap:9px;margin-top:23px}.dot-good{height:7px;width:7px;border-radius:50%;background:#67e6d0}.hero-card-wrap{position:relative}.orb-one,.orb-two{position:absolute;pointer-events:none;filter:blur(1px)}.orb-one{right:-28px;top:-32px;width:100px;height:100px;background:linear-gradient(120deg,#9ab1ff,#5369e0);border-radius:28px;transform:rotate(17deg);opacity:.35}.orb-two{bottom:-29px;left:-24px;width:76px;height:76px;border:1px solid #68dac7;border-radius:20px;transform:rotate(-18deg);opacity:.65}.studio-preview{position:relative;background:linear-gradient(148deg,rgba(27,43,79,.96),rgba(13,24,49,.98));border:1px solid rgba(164,191,239,.19);border-radius:27px;padding:25px;box-shadow:0 40px 90px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.07)}.preview-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#d4e0f7}.preview-top>span:first-child{display:flex;gap:8px;align-items:center}.preview-top>span:first-child:before{content:'';height:9px;width:9px;background:#6be7cb;border-radius:50%}.chip{padding:5px 10px;background:rgba(104,230,207,.09);color:var(--brand);font-size:10px;border-radius:99px;border:1px solid rgba(104,230,207,.15)}.preview-input{margin-top:26px;padding:19px 20px;background:rgba(0,8,25,.23);border:1px solid var(--stroke);border-radius:16px}.preview-input small{font-size:10px;color:#8ca1c0;letter-spacing:1.3px;text-transform:uppercase;font-weight:800}.preview-input p{font-size:15px;color:#eff4ff;line-height:1.85;margin:12px 0 8px}.preview-tools{display:flex;gap:9px;margin-top:16px;flex-wrap:wrap}.preview-tools span{padding:7px 12px;border-radius:9px;background:#233453;font-size:10px;color:#c8d9f7}.preview-wave{height:130px;display:flex;align-items:center;justify-content:center;gap:5px;margin:9px 0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 13%,black 87%,transparent)}.preview-wave i{display:block;width:4px;flex:none;border-radius:10px;background:linear-gradient(180deg,#99a9ff,#5fe9d1);opacity:.9}.preview-footer{border-top:1px solid var(--stroke);padding-top:19px;display:flex;align-items:center;justify-content:space-between}.preview-footer small{font-size:11px;color:#8da0be}.play-icon{width:40px;height:40px;border:0;background:var(--brand);color:var(--dark);border-radius:13px;font-size:17px}.trust-strip{border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);background:#0b1630}.trust-content{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.trust-content p{margin:0;color:#bac8e1;font-size:12px;font-weight:600}.trust-list{display:flex;align-items:center;gap:33px;color:#cad8f0;font-size:12px;font-weight:800}.trust-list span{display:inline-flex;align-items:center;gap:8px}.trust-list b{color:var(--brand);font-size:18px}.section{padding:112px 0}.section-heading{max-width:730px;margin-bottom:41px}.section-heading h2{margin:14px 0 18px}.section-heading p{max-width:620px;line-height:1.9}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature-card{background:linear-gradient(160deg,#132341,#101d38);border:1px solid var(--stroke);border-radius:20px;padding:29px;min-height:260px;transition:transform .2s,border-color .2s}.feature-card:hover{transform:translateY(-5px);border-color:rgba(100,230,208,.28)}.feature-icon{width:48px;height:48px;display:grid;place-items:center;background:rgba(100,230,208,.085);color:#77ebd7;border:1px solid rgba(100,230,208,.16);border-radius:14px;font-size:22px;margin-bottom:25px}.feature-card h3{margin-bottom:12px}.feature-card p{font-size:13px;line-height:1.85;margin:0}.alt-section{background:#0b1730;border-top:1px solid rgba(169,198,244,.07);border-bottom:1px solid rgba(169,198,244,.07)}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.step{position:relative;padding:28px 30px;background:#101e3a;border-radius:20px;border:1px solid var(--stroke)}.step-index{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:2px}.step h3{margin-top:24px;margin-bottom:12px}.step p{font-size:13px;margin:0;line-height:1.9}.cases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.case{border:1px solid var(--stroke);border-radius:18px;padding:27px 23px;background:rgba(255,255,255,.023)}.case-visual{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:25px;background:linear-gradient(140deg,#1a3652,#192345);margin-bottom:23px}.case h3{font-size:16px;margin-bottom:9px}.case p{font-size:12px;margin:0}.callout{padding:61px;background:linear-gradient(110deg,#b1fff0,#96abff);border-radius:28px;color:#0d1d39;position:relative;overflow:hidden}.callout:after{content:'';position:absolute;border:1px solid rgba(11,29,57,.17);width:400px;height:400px;border-radius:50%;right:-150px;top:-200px}.callout h2{color:#0b1c35;max-width:570px;margin-bottom:18px}.callout p{color:#284162;max-width:550px;font-size:14px}.callout .btn{margin-top:12px}.faq-list{display:grid;gap:12px;max-width:850px}.faq-list details{border:1px solid var(--stroke);border-radius:15px;background:#101d36;padding:20px 24px}.faq-list summary{font-weight:750;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:20px;color:var(--brand);line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:13px;line-height:1.85;margin:17px 0 0}.site-footer{background:#081126;border-top:1px solid var(--stroke);padding:57px 0 24px}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px;padding-bottom:44px}.footer-brand p{max-width:300px;font-size:12px;margin-top:17px;line-height:1.9}.footer-links{display:grid;gap:12px;font-size:12px;color:#abbad4}.footer-links a:hover{color:var(--brand)}.footer-links strong{font-size:13px;color:#f3f6ff;margin-bottom:6px}.footer-bottom{border-top:1px solid var(--stroke);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#8598ba}.page-hero{background:radial-gradient(ellipse at top right,rgba(75,111,209,.13),transparent 60%);padding:75px 0 45px}.page-hero h1{font-size:clamp(35px,4vw,56px);margin:16px 0}.page-hero p{max-width:720px;line-height:1.9}.content-card{border:1px solid var(--stroke);border-radius:22px;background:#101d38;padding:36px}.content-prose{max-width:880px;margin:0 auto}.content-prose h2{font-size:25px;margin:35px 0 13px}.content-prose h3{font-size:18px;margin:25px 0 10px}.content-prose p,.content-prose li{color:#b7c6df;font-size:14px;line-height:2}.content-prose a{color:var(--brand)}.content-prose ol,.content-prose ul{padding-left:26px}.note{border-left:3px solid var(--brand);background:rgba(101,230,206,.06);padding:17px 22px;border-radius:0 12px 12px 0;color:#c6dcef;font-size:13px;line-height:1.85}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#9df0db;border:1px solid rgba(101,230,206,.24);padding:6px 10px;border-radius:30px;background:rgba(101,230,206,.07)}
/* Studio */
.studio-page{padding:48px 0 110px;background:radial-gradient(circle at 65% -10%,rgba(70,92,194,.16),transparent 56%)}.studio-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.studio-head h1{font-size:clamp(32px,3.4vw,46px);margin:8px 0}.studio-head p{font-size:13px;margin:0}.studio-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);align-items:start;gap:22px}.studio-panel{background:linear-gradient(155deg,#14213e,#101c35);border:1px solid rgba(190,216,255,.13);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.panel-pad{padding:28px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:800}.field-label{display:block;color:#dce7fa;font-size:12px;font-weight:700;margin:24px 0 10px}.textarea-wrap{background:#0b1730;border:1px solid rgba(172,198,241,.20);border-radius:15px;overflow:hidden;transition:border-color .2s}.textarea-wrap:focus-within{border-color:rgba(101,230,206,.7)}#tts-text{display:block;width:100%;min-height:232px;resize:vertical;color:#edf4ff;background:transparent;border:0;outline:none!important;padding:19px 20px 7px;font-size:14px;line-height:2}.text-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 17px;border-top:1px solid var(--stroke);color:#8498bb;font-size:11px}.text-tool{background:none;color:#a5c8ef;border:0;font-size:11px}.text-tool:hover{color:#fff}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.control-grid label{margin-bottom:8px}.select-control{width:100%;background:#0b1730;color:#ebf3ff;border:1px solid rgba(172,198,241,.18);border-radius:12px;padding:13px 12px;outline:0;font-size:12px}.select-control:focus{border-color:var(--brand)}.mode-switch{display:grid;grid-template-columns:repeat(2,1fr);background:#0b1730;border:1px solid var(--stroke);padding:5px;border-radius:13px;gap:5px}.mode-switch button{padding:12px 7px;border:0;border-radius:9px;color:#8da3c5;background:transparent;font-size:11px;font-weight:800}.mode-switch button.active{background:#253c58;color:#fff;box-shadow:0 2px 12px #03071330}.studio-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:22px}.studio-actions .btn{flex:1}.studio-actions .btn[disabled]{opacity:.55;cursor:not-allowed;transform:none}.studio-muted{font-size:11px;line-height:1.75;margin:14px 0 0;color:#92a6c7}.side-section{padding:24px;border-bottom:1px solid var(--stroke)}.side-section:last-child{border-bottom:0}.side-section h3{font-size:15px;letter-spacing:-.02em;margin-bottom:18px}.voice-stack{display:grid;gap:10px}.voice-tile{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px;border-radius:13px;background:#0b1730;border:1px solid var(--stroke);color:#edf3ff}.voice-tile.selected{border-color:rgba(98,228,205,.75);background:rgba(98,228,205,.075)}.voice-avatar{display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#243b6f,#30577b);width:43px;height:43px;flex:0 0 43px;color:#a7eddf;font-size:17px}.voice-tile b{display:block;font-size:12px}.voice-tile small{display:block;font-size:10px;color:#8ea2bf}.voice-tile:after{content:'';margin-left:auto;border:1px solid #566d93;width:16px;height:16px;border-radius:50%}.voice-tile.selected:after{background:var(--brand);box-shadow:inset 0 0 0 4px #172947;border-color:var(--brand)}.output-box{border:1px dashed #3e547a;border-radius:14px;background:#0b1730;min-height:105px;padding:16px;display:flex;align-items:center;gap:13px}.output-icon{height:40px;width:40px;display:grid;place-items:center;border-radius:12px;color:var(--brand);background:rgba(101,230,206,.09);font-size:21px}.output-main{font-size:12px;font-weight:800;color:#f1f7ff}.output-sub{font-size:11px;color:#8ea5c7;margin-top:4px}.audio-player{width:100%;margin-top:14px}.download-link{display:inline-flex;margin-top:13px;font-size:12px;font-weight:750;color:var(--brand)}.status{min-height:21px;font-size:12px;line-height:1.6;margin-top:13px;color:#adc5e6}.status.error{color:#ffafaf}.status.ok{color:#8ef3d7}.turnstile-slot{margin:14px 0 0}.info-inline{background:rgba(144,166,251,.07);border:1px solid rgba(148,168,255,.13);border-radius:14px;padding:17px;font-size:12px;color:#aabce0;line-height:1.9}.info-inline strong{color:#fff}.studio-bottom{margin-top:29px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mini-info{border:1px solid var(--stroke);border-radius:15px;padding:19px;background:#0e1b33;font-size:12px;color:#a6b8d4}.mini-info b{color:#e9f6ff;display:block;margin-bottom:7px}.mobile-cta{display:none}@media(max-width:1020px){.nav-links{gap:17px}.hero-layout{gap:25px}.cases-grid{grid-template-columns:repeat(2,1fr)}.studio-grid{grid-template-columns:minmax(0,1fr) 315px}.hero h1{font-size:50px}.trust-list{gap:16px}}@media(max-width:760px){.container{width:min(100% - 34px,540px)}.site-header{height:73px}.nav-inner{gap:10px}.brand{font-size:20px}.brand img{height:38px;width:38px}.nav-actions>.btn{display:none}.menu-toggle{display:block}.nav-links{position:absolute;top:72px;left:0;right:0;padding:16px 20px 24px;display:none;flex-direction:column;align-items:stretch;background:#0b1730;border-bottom:1px solid #293753;gap:2px;box-shadow:0 30px 38px rgba(0,0,0,.24)}.nav-links.open{display:flex}.nav-links a{padding:12px 9px;font-size:14px}.hero{padding:60px 0 66px}.hero-layout{grid-template-columns:1fr;gap:44px}.hero h1{font-size:clamp(42px,9vw,58px);line-height:1.17}.hero-copy>p{font-size:14px}.studio-preview{padding:20px}.trust-content{flex-direction:column;align-items:flex-start;padding:22px 0;gap:13px}.trust-list{gap:15px;flex-wrap:wrap}.section{padding:76px 0}.grid-3,.workflow,.studio-bottom{grid-template-columns:1fr}.feature-card{min-height:0}.cases-grid{grid-template-columns:1fr 1fr}.case{padding:19px 16px}.case-visual{margin-bottom:15px}.callout{padding:36px 24px}.footer-content{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;align-items:start}.page-hero{padding:53px 0 28px}.content-card{padding:23px}.studio-page{padding-top:35px}.studio-head{align-items:start;flex-direction:column}.studio-grid{grid-template-columns:1fr}.studio-grid>.studio-panel:nth-child(2){order:2}.panel-pad{padding:20px}.side-section{padding:20px}.control-grid{grid-template-columns:1fr 1fr}.mini-info{padding:16px}.mobile-cta{display:flex}}@media(max-width:420px){.container{width:calc(100% - 26px)}.hero-cta .btn{width:100%}.cases-grid{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr}.preview-tools{gap:5px}.studio-actions .btn{flex-basis:100%}.footer-content{grid-template-columns:1fr}.footer-brand{grid-column:auto}}