:root{--bg:#f8f8fd;--surface:#fff;--ink:#141c30;--muted:#61697e;--subtle:#747b90;--border:#e4e5ef;--brand:#7847df;--accent:#ad77f6;--wash:#f0ebff;--field:#fafaff;--glow:#e8defd;--shadow:0 22px 70px #26315f0c;--danger:#ac2443;--success:#226951;--header:#ffffffdf;color-scheme:light;font-family:"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
:root[data-theme=dark]{--bg:#0e1422;--surface:#172033;--ink:#f5f4ff;--muted:#b4bed3;--subtle:#9ba8c2;--border:#303b54;--brand:#c398ff;--accent:#b784ff;--wash:#242440;--field:#111a2a;--glow:#302347;--shadow:0 22px 70px #0002;--danger:#ff9bae;--success:#8fddc2;--header:#131c2eea;color-scheme:dark}
*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.6}body,header,section,article,dialog,textarea,input,select,button,.product,.app-preview{transition:background-color .22s,color .22s,border-color .22s,box-shadow .22s}button,input,textarea,select{font:inherit}a{color:inherit}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--brand);outline-offset:4px}svg{display:block;flex-shrink:0}img{max-width:100%}[hidden]{display:none!important}.wrap{width:min(1240px,calc(100% - 72px));margin-inline:auto}.skip{position:fixed;left:20px;top:-80px;z-index:50;background:var(--surface);padding:10px 18px}.skip:focus{top:12px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.site-header{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:91px;margin-top:16px;padding:10px 28px;background:var(--header);border:1px solid var(--border);border-radius:20px}.logo{display:block;width:205px;height:65px;color:var(--ink);text-decoration:none;flex-shrink:0}.logo svg{width:100%;height:100%}.logo .slogan-accent{fill:var(--brand)}nav{display:flex;gap:29px;align-items:center;font-size:14px}nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--brand)}.header-actions{display:flex;gap:20px;align-items:center}.theme-button{display:flex;gap:10px;align-items:center;padding:5px;background:none;border:0;color:var(--muted)}.theme-track{display:block;width:36px;height:22px;padding:3px;background:var(--wash);border:1px solid var(--border);border-radius:20px}.theme-thumb{display:block;width:14px;height:14px;border-radius:50%;background:var(--brand);transition:transform .22s}:root[data-theme=dark] .theme-thumb{transform:translateX(14px)}.theme-button .icon{width:17px;height:17px}.sign-in{background:var(--field);border:1px solid var(--border);border-radius:9px;font-weight:600;padding:8px 16px;color:var(--ink);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:70px;padding:43px 22px 35px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;color:var(--brand)}h1{font-size:clamp(58px,6.5vw,88px);letter-spacing:-.065em;line-height:1.03;font-weight:760;margin:14px 0 0}h1 .highlight{color:var(--brand)}.hero-copy{font-size:20px;line-height:1.6;margin:0 0 22px;max-width:400px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border:1px solid transparent;border-radius:11px;padding:13px 21px;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;min-height:48px}.btn-primary{background:linear-gradient(110deg,#7540e6,#9353ec);color:#fff;box-shadow:0 7px 22px #8045e51a}.btn-primary:hover{background:linear-gradient(110deg,#6934d8,#8242df);box-shadow:0 10px 24px #8045e52c}.btn-secondary{background:var(--surface);border-color:var(--border);color:var(--ink)}.btn-soft{background:var(--wash);color:var(--brand)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.requirements{font-size:12px;color:var(--subtle);margin:10px 0 0}.product{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px;padding:24px;background:linear-gradient(120deg,var(--wash),var(--bg));border:1px solid var(--border);border-radius:30px;overflow:hidden;scroll-margin-top:25px}.product:before{content:"";position:absolute;width:460px;height:460px;border-radius:130px;background:var(--glow);transform:rotate(36deg);left:-235px;top:70px;pointer-events:none;opacity:.48}.app-preview{position:relative;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.window-bar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--border);font-size:11px;color:var(--subtle)}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:var(--border)}.sample-badge{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.app-inner{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:245px}.sample-nav{padding:18px 10px;border-right:1px solid var(--border);background:var(--field);display:flex;flex-direction:column;gap:6px}.sample-nav button{display:flex;align-items:center;gap:11px;text-align:left;border:0;background:none;color:var(--muted);padding:10px 12px;border-radius:9px;font-size:13px}.sample-nav button[aria-pressed=true]{background:var(--wash);color:var(--brand);font-weight:650}.sample-nav .icon{width:18px;height:18px}.editor{padding:23px 24px 16px;min-width:0}.editor-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--subtle)}.editor textarea{width:100%;height:115px;min-height:95px;resize:vertical;max-height:300px;border:0;padding:13px 0;background:none;color:var(--ink);font-size:clamp(19px,2vw,25px);line-height:1.55;letter-spacing:-.025em;border-radius:5px}.editor textarea:focus-visible{outline-offset:2px}.editor-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}.record-pill{display:inline-flex;align-items:center;gap:13px;min-width:133px;border:0;border-radius:40px;padding:11px 15px;background:#131a31;color:#fff;box-shadow:0 7px 20px #37245b20}.record-pill .timer{font-size:13px;font-variant-numeric:tabular-nums;min-width:34px}.wave{display:flex;align-items:center;justify-content:center;gap:3px;height:24px;width:39px}.wave i{width:4px;border-radius:5px;background:linear-gradient(#d5aeff,#8a4deb);height:10px}.wave i:nth-child(2),.wave i:nth-child(4){height:19px}.wave i:nth-child(3){height:26px}.record-pill[data-recording=true] .wave i{animation:pulse-wave .7s ease-in-out infinite alternate}.record-pill[data-recording=true] .wave i:nth-child(2n){animation-delay:-.35s}.record-pill[data-recording=true]{box-shadow:0 0 0 4px #9a68ed24}.pill-action{width:22px;height:22px;display:grid;place-items:center;border:1px solid #c89aff80;border-radius:50%;color:#c99bff;font-size:12px}.editor-actions{display:flex;align-items:center;gap:8px}.editor-actions .btn{min-height:34px;padding:6px 10px;font-size:12px;border-radius:7px}.product-aside{position:relative;align-self:center;border-left:1px solid var(--border);padding-left:28px;display:grid;gap:24px}.explain{display:flex;align-items:flex-start;gap:15px}.feature-icon{width:43px;height:43px;flex-shrink:0;background:var(--wash);border-radius:12px;display:grid;place-items:center;color:var(--brand)}.explain strong{display:block;font-size:14px;margin:1px 0 4px}.explain p{font-size:12px;color:var(--muted);margin:0;line-height:1.55}.demo-controls{position:relative;grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:18px;border-top:1px solid var(--border)}.demo-controls label{font-size:12px;display:flex;align-items:center;gap:7px;color:var(--muted)}.demo-controls select{max-width:155px;padding:7px 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--ink);font-size:12px}.demo-controls input{accent-color:var(--brand)}.demo-note{margin-left:auto;font-size:11px;color:var(--muted);max-width:340px}.demo-feedback{grid-column:1/-1;position:relative;padding:0 1px;font-size:13px;color:var(--muted);min-height:1.5em}.demo-feedback[data-tone=error]{color:var(--danger)}.audio-review{grid-column:1/-1;position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.audio-review audio{height:35px;width:min(100%,320px)}.audio-review p{margin:0;font-size:12px;color:var(--muted)}.audio-review .btn{padding:8px 13px;min-height:37px;font-size:12px}.audio-review .discard{margin-left:auto}.three-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:37px 22px 48px}.three-features article{display:flex;gap:19px;align-items:flex-start;padding-right:20px}.three-features article+article{border-left:1px solid var(--border);padding-left:28px}.three-features .feature-icon{width:49px;height:49px}.three-features h3{font-size:16px;margin:1px 0 6px;line-height:1.4}.three-features p{font-size:13px;margin:0;color:var(--muted)}.cta-band{position:relative;background:#131d35;color:#fff;border-radius:22px;padding:34px 37px;display:flex;justify-content:space-between;gap:30px;align-items:center;overflow:hidden}.cta-band:after{content:"";position:absolute;width:600px;height:350px;right:70px;top:80px;background:linear-gradient(145deg,#7c5be12b,#7d62e80b);border:1px solid #b5a4ff12;border-radius:45%;transform:rotate(-20deg);pointer-events:none}.cta-band h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.04em;line-height:1.2;margin:0 0 8px}.cta-band p{color:#bac4db;margin:0;font-size:14px}.cta-band .btn{position:relative;z-index:1;flex-shrink:0}.section{padding:78px 22px}.section-heading{margin-bottom:31px;max-width:610px}.section-heading h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-.04em;margin:10px 0 13px}.section-heading p{color:var(--muted);font-size:15px;margin:0}.steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.step-number{font-size:12px;color:var(--brand);font-weight:650}.steps h3{font-size:18px;margin:12px 0 8px}.steps p{font-size:14px;margin:0;color:var(--muted)}.steps kbd{font-family:inherit;border:1px solid var(--border);border-bottom-width:2px;padding:1px 5px;border-radius:4px;white-space:nowrap}.plans-section{padding-top:0}.plan-top{display:flex;justify-content:space-between;align-items:end;gap:25px}.plan-top .section-heading{margin:0}.sandbox-badge{font-size:11px;padding:7px 11px;border:1px solid #a77e2e66;color:var(--muted);border-radius:20px;white-space:nowrap}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:30px}.plan{padding:27px;border:1px solid var(--border);border-radius:17px;background:var(--surface);display:flex;flex-direction:column}.plan.featured{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}.plan h3{font-size:18px;margin:0 0 14px}.price{font-size:37px;letter-spacing:-.06em;line-height:1.2;margin:0}.price span{font-size:13px;color:var(--muted);letter-spacing:0;font-weight:400}.allowance{font-size:13px;color:var(--brand);margin:11px 0 0;font-weight:600}.plan ul{list-style:none;padding:0;margin:20px 0 24px;font-size:13px;color:var(--muted)}.plan li{position:relative;padding-left:18px;margin:10px 0}.plan li:before{content:"✓";position:absolute;left:0;color:var(--brand)}.plan .btn{margin-top:auto;font-size:13px}.plan-footnote{color:var(--subtle);font-size:12px;margin:20px 0 0;max-width:850px}.faq-section{border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1.6fr;gap:65px;padding-top:50px;padding-bottom:60px}.faq details{border-bottom:1px solid var(--border);padding:17px 0}.faq summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:"+";color:var(--brand);font-size:18px}.faq details[open] summary:after{content:"−"}.faq details p{font-size:13px;color:var(--muted);max-width:560px;padding-right:20px;margin-bottom:3px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 22px;border-top:1px solid var(--border)}.site-footer .logo{width:168px;height:54px}.footer-links{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted)}.text-link{border:0;background:none;padding:0;color:var(--brand);text-decoration:underline;text-underline-offset:4px;font:inherit}.copyright{font-size:11px;color:var(--subtle)}dialog{max-height:calc(100dvh - 36px);width:min(480px,calc(100% - 30px));border:1px solid var(--border);padding:29px;border-radius:21px;background:var(--surface);color:var(--ink);box-shadow:0 30px 100px #0004;overflow-y:auto}dialog::backdrop{background:#0e14227a;backdrop-filter:blur(7px)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.modal-top .logo{width:175px;height:54px}.close-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;background:var(--field);color:var(--muted);font-size:23px;line-height:1}dialog h2{font-size:27px;letter-spacing:-.035em;margin:16px 0 8px;line-height:1.3}dialog p{color:var(--muted);font-size:13px}dialog form{margin-top:22px}dialog form label{display:grid;gap:7px;font-size:13px;margin-bottom:14px}dialog input{width:100%;border:1px solid var(--border);background:var(--field);color:var(--ink);border-radius:9px;padding:11px 13px}dialog form .btn{width:100%;margin-top:4px}.auth-tabs{display:flex;background:var(--field);border:1px solid var(--border);border-radius:10px;padding:4px;gap:4px;margin-top:17px}.auth-tabs button{width:50%;padding:8px;border:0;border-radius:7px;font-size:13px;color:var(--muted);background:none}.auth-tabs button[aria-pressed=true]{background:var(--wash);color:var(--brand);font-weight:600}.auth-links{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-size:12px;margin-top:18px}.notice{font-size:12px;padding:12px;border:1px solid var(--border);background:var(--field);border-radius:9px;color:var(--muted);line-height:1.65}.notice:empty{display:none}.notice[data-tone=error]{color:var(--danger);border-color:var(--danger)}.notice[data-tone=success]{color:var(--success)}.account-meter{width:100%;height:7px;accent-color:var(--brand)}.account-row{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin:12px 0}.account-buttons{display:grid;gap:10px;margin-top:20px}.small-print{font-size:11px!important;line-height:1.7}.privacy-list{padding-left:20px;color:var(--muted);font-size:13px}.privacy-list li{margin:12px 0}.route-page{min-height:65vh;padding-top:70px;padding-bottom:70px;max-width:600px;margin:auto}.route-page h1{font-size:43px}.route-page p{color:var(--muted)}.route-page .btn{margin-top:15px}.route-page input{border:1px solid var(--border);padding:12px;border-radius:9px;color:var(--ink);background:var(--surface);width:100%;margin:9px 0 15px}.route-page label{font-size:13px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);border:1px solid var(--border);border-radius:12px;padding:11px 18px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);z-index:60;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes pulse-wave{to{transform:scaleY(.45)}}
@media(min-width:1500px){.hero{padding-top:82px;padding-bottom:62px}.product{min-height:385px}.app-inner{min-height:300px}}
@media(max-width:1050px){.wrap{width:calc(100% - 44px)}.site-header{gap:15px;padding-inline:20px}nav{gap:18px}.header-actions{gap:10px}.logo{width:180px;height:58px}.hero{gap:30px;padding-inline:10px}.hero-copy{font-size:17px}.hero-actions{flex-direction:column;align-items:start}.product{grid-template-columns:1fr 220px;gap:20px;padding:23px}.product-aside{padding-left:20px}.app-inner{grid-template-columns:110px 1fr}.sample-nav{padding:15px 6px}.sample-nav button{padding:9px 7px;gap:7px;font-size:12px}.editor{padding:20px 18px}.editor textarea{font-size:20px}.three-features{gap:18px;padding-inline:8px}.three-features article{gap:12px;padding-right:6px}.three-features article+article{padding-left:18px}.three-features .feature-icon{width:39px;height:39px}.faq-section{gap:30px}.demo-note{margin-left:0;max-width:none;width:100%}}
@media(max-width:760px){.wrap{width:calc(100% - 30px)}.site-header{min-height:76px;margin-top:10px;padding:7px 13px;border-radius:14px}.site-header nav{display:none}.header-actions{gap:10px}.theme-button .icon{display:none}.logo{width:166px;height:53px}.sign-in{padding:7px 12px;font-size:12px;max-width:100px}.hero{grid-template-columns:1fr;padding:42px 11px 30px;gap:25px}h1{font-size:clamp(57px,12vw,80px);letter-spacing:-.06em}.hero-copy{font-size:17px;margin-bottom:17px;max-width:500px}.hero-actions{flex-direction:row;gap:9px;align-items:center}.hero-actions .btn{font-size:13px;padding:12px 15px}.product{grid-template-columns:1fr;padding:15px;border-radius:21px;gap:20px}.product-aside{grid-template-columns:repeat(3,1fr);padding:17px 0 0;border-left:0;border-top:1px solid var(--border);gap:13px}.explain{display:block}.explain .feature-icon{width:32px;height:32px;margin-bottom:9px;border-radius:9px}.explain .icon{width:18px;height:18px}.explain strong{font-size:12px;line-height:1.4}.explain p{font-size:11px}.app-inner{grid-template-columns:88px 1fr;min-height:270px}.sample-nav button{display:grid;justify-items:center;text-align:center;gap:5px;padding:8px 3px;font-size:10px}.sample-nav .icon{width:17px;height:17px}.editor{padding:17px 14px 15px}.editor textarea{font-size:19px;height:142px;line-height:1.45}.sample-badge{font-size:8px}.editor-top{font-size:10px}.editor-bottom{gap:10px}.record-pill{padding:8px 11px;gap:9px;min-width:116px}.editor-actions .btn{font-size:11px;padding:5px 8px}.demo-controls{gap:11px;padding-top:15px}.demo-controls select{max-width:130px}.demo-note{font-size:10px}.audio-review{padding:11px}.audio-review audio{width:100%}.three-features{grid-template-columns:1fr;gap:22px;padding:29px 12px}.three-features article,.three-features article+article{border:0;padding:0;gap:15px}.three-features h3{font-size:15px}.three-features p{font-size:13px}.cta-band{padding:28px 25px;display:block;border-radius:17px}.cta-band h2{font-size:28px}.cta-band .btn{margin-top:20px}.section{padding:47px 12px}.steps{grid-template-columns:1fr;gap:26px}.steps li{display:grid;grid-template-columns:27px 1fr;gap:0 13px}.steps h3{margin:0 0 7px;font-size:17px}.step-number{grid-row:1/3;padding-top:4px}.steps p{font-size:13px}.plans-section{padding-top:15px}.plan-top{display:block}.sandbox-badge{display:inline-block;margin-top:18px}.plans{grid-template-columns:1fr;gap:16px;margin-top:23px}.plan{padding:23px}.price{font-size:34px}.plan ul{margin:16px 0 22px}.faq-section{grid-template-columns:1fr;gap:0;padding-top:35px}.faq-section .section-heading{margin-bottom:8px}.site-footer{align-items:flex-start;padding-inline:10px;flex-wrap:wrap;gap:15px}.site-footer .logo{width:157px;height:50px}.footer-links{gap:15px}.copyright{width:100%;margin:0 0 10px}.route-page{padding:45px 15px}.route-page h1{font-size:35px}.route-page .notice{margin-top:20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Symbol content inherits theme colors in every reused brand lockup. */
.slogan-accent{fill:var(--brand)}
.hero h1{margin-top:0}
/* Avoid restarting inherited text-color transitions at every nested surface. */
body,header,section,article,dialog,textarea,input,select,button,.product,.app-preview{transition-property:background-color,border-color,box-shadow}
body,dialog,textarea,input,select,button{transition-property:background-color,color,border-color,box-shadow}