/* Native interface only. Exported videos keep their independent typography. */
:root{--muted:#435670;--accent:#a64024;--shadow:0 8px 30px #17345a0b}
body{font-size:1rem;line-height:1.75}
.field-note,.studio-app .field-note,.studio-app .toggle-label small,.voice-extra .field-note,.account-dialog .field-note{font-size:.875rem;line-height:1.75;color:var(--muted)}
.primary-button,.secondary-button,.danger-button,.text-button{font-size:.9375rem;min-height:44px}
.eyebrow{font-size:.8125rem;letter-spacing:.08em}
.header,.studio-app .header{height:auto;min-height:86px;padding-block:16px;flex-wrap:wrap}
.header nav,.studio-app .header nav,.studio-app .header nav a,.marketing-header nav a{font-size:.9375rem;line-height:1.6}
.header nav{flex-wrap:wrap}.header nav a{color:#405570}.header .account-button,.account-button{font-size:.9375rem;min-height:44px}
.studio-app label,.studio-app legend,.studio-app .scene-fields label,.voice-label,.account-dialog label{font-size:.9375rem;color:#334a66}
.studio-app input:not([type=radio]):not([type=checkbox]):not([type=color]):not([type=file]):not([type=range]),.studio-app textarea,.studio-app select,.account-dialog input,.public-info-form input,.public-info-form textarea{font-size:1rem;line-height:1.65}
.studio-app .step-head h2{font-size:1.2rem}.studio-app .step-head p,.studio-app .content-editors label small{font-size:.9375rem}
.studio-app .toggle-label,.studio-app .voice-label,.studio-app .color-label,.studio-app .upload-label{font-size:.9375rem}
.studio-app .language-options label>span,.studio-app .design-color>label,.studio-app #format-label{font-size:.875rem}
.studio-app .content-format-options b,.studio-app .segment span{font-size:.9375rem}.studio-app .content-format-options small{font-size:.875rem;line-height:1.6}
.studio-app .library-heading h2,.studio-app .plans-section>h2{font-size:clamp(1.6rem,2.4vw,2rem);letter-spacing:-.035em}
.plans-section{padding-block:30px 72px}.plans-grid{gap:26px;margin-block:30px 22px;grid-template-columns:repeat(2,minmax(0,1fr))}
.plan-card,.studio-app .plan-card,.marketing-plan{display:flex;flex-direction:column;min-width:0;padding:32px;border:1px solid #ced8e7;border-radius:20px;box-shadow:var(--shadow);background:#fff}
.plan-card.pro,.studio-app .plan-card.pro,.marketing-plan:last-child{border:2px solid #9aaef1;background:linear-gradient(145deg,#f1f5ff 0%,#fff 72%);box-shadow:0 12px 32px #3157ec0c}
.plan-card h3{font-size:1.75rem;margin:0 0 10px;line-height:1.35;letter-spacing:-.035em}.plan-price{font-size:1rem;color:#745046;margin-bottom:24px}
.plan-card ul,.studio-app .plan-card ul,.marketing-plan ul{font-size:1rem;line-height:1.8;color:#405570;margin:0 0 30px;padding:0;padding-inline-start:1.3rem}
.plan-card li,.marketing-plan li{padding-inline-start:3px;margin-block:8px}.plan-card li::marker,.marketing-plan li::marker{color:#3157ec}
.plan-card button,.studio-app .plan-card button,.marketing-plan .primary-button{margin-top:auto;min-height:48px;font-size:1rem;font-weight:650}
.plan-card button:disabled{opacity:1;background:#edf1f8!important;color:#405570!important;border-color:#d5dfed}
.plan-current{right:auto;inset-inline-end:24px;top:28px;font-size:.8125rem;font-weight:600;padding:5px 10px;background:#e6ecff;color:#27449b}
.plan-card small,.plans-section>.field-note{font-size:.875rem;color:var(--muted)}
.marketing-page .wrap,.legal-content.wrap{max-width:1240px}.legal-content.wrap{max-width:900px}
.marketing-header{min-height:90px}.marketing-hero{gap:64px;padding-block:74px 82px}.hero-copy h1{font-size:clamp(2.4rem,4.5vw,3.75rem);line-height:1.12;letter-spacing:-.045em}
.hero-description{font-size:1.125rem;line-height:1.8;color:#405570}.hero-copy label{font-size:.9375rem}.hero-url input{font-size:1rem}.hero-url{border-color:#c6d3e7;box-shadow:0 8px 26px #3157ec09}
.hero-account,.hero-proof,.hero-copy .manual-link{font-size:.9375rem;line-height:1.65}.hero-copy .manual-link{display:inline-flex;margin-block:16px 0;max-width:100%}
.section-heading>p,.feature-card p,.example-card p,.how-grid p,.use-cases p,.faq-list p{font-size:1rem;line-height:1.8;color:#405570}
.feature-card{padding:28px;border-radius:18px}.feature-card h3,.example-card h3{font-size:1.25rem}.section-heading h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.25}
.marketing-plans{max-width:100%;gap:26px}.marketing-plan h3{font-size:1.8rem;margin-bottom:22px}.plan-eyebrow{font-size:1rem}.faq-list summary{font-size:1.125rem}
.legal-content p{font-size:1rem;line-height:1.9}.legal-section h2{font-size:1.375rem}.support-form label{font-size:1rem}.support-form input,.support-form textarea,.support-form select{font-size:1rem}
.public-links a,.marketing-footer p,.page-footer>span,.studio-app .page-footer,.page-footer>a:last-child{font-size:.875rem;line-height:1.7;color:#435670}.marketing-footer{padding-block:32px;gap:24px}.public-links a:hover{text-decoration:underline}
.admin-main table,.admin-main td,.admin-main th{font-size:.9375rem;line-height:1.65}.admin-main td small,.admin-main .field-note{font-size:.875rem}.admin-main .badge{font-size:.8125rem}.admin-tabs button{font-size:.9375rem;min-height:44px}.contact-filters select{font-size:1rem}
html[dir=rtl] body{line-height:1.9}html[dir=rtl] .hero-copy h1,html[dir=rtl] h2{letter-spacing:0}
@media(max-width:1000px){.marketing-hero{gap:32px}.header nav,.studio-app .header nav{gap:16px}.plan-card,.studio-app .plan-card,.marketing-plan{padding:26px}}
@media(max-width:780px){.marketing-hero{padding-block:44px 58px}.plans-grid{grid-template-columns:1fr}.plan-current{top:24px}.header,.studio-app .header{gap:14px;min-height:86px}.header nav,.studio-app .header nav{justify-content:flex-start}.marketing-plans{grid-template-columns:1fr}.public-links{gap:12px 20px}.hero-copy h1{font-size:clamp(2.2rem,7vw,3rem)}}
@media(max-width:480px){.plan-card,.studio-app .plan-card,.marketing-plan{padding:24px}.plan-current{inset-inline-end:20px;font-size:.8125rem}.marketing-header .header-actions{gap:12px}.feature-card{padding:23px}.page-footer .wordmark{font-size:1.25rem}}