/* Public pages share the studio's light palette and visual language. */
:root{color-scheme:light;--paper:#f7f8fa;--ink:#25242c;--muted:#706c7c;--purple:#7052db;--line:#e6e3ec}body{background:var(--paper);color:var(--ink)}.wrap{max-width:1360px;padding-inline:48px}.site-header{height:88px;background:var(--paper)}.brand-mark{background:var(--purple);color:#fff;border-radius:9px}.site-header nav a:hover,.site-header nav a[aria-current=page],em,.text-link{color:var(--purple)}.button{border-radius:9px;gap:18px;transition:background .15s,transform .15s}.button.primary{background:var(--purple);border-color:var(--purple);color:#fff}.button.primary:hover{background:#5c40c5}.button.small{min-height:42px}.button.light{background:#fff;border-color:var(--line);color:var(--ink)}.eyebrow{color:#71688c;letter-spacing:1.7px}.status-dot{background:#37816a}.hero{padding-top:70px}.hero-top{display:grid;grid-template-columns:1.35fr .8fr;align-items:end;gap:48px;padding-bottom:44px}.hero h1{font-size:clamp(48px,5.8vw,84px);line-height:1.06;letter-spacing:-4px;max-width:820px}.hero h1 em{font-style:normal;font-family:inherit}.hero-intro{padding:0 0 4px}.hero-intro p{color:var(--muted);font-size:17px;line-height:1.65}.hero-intro small{color:var(--muted);line-height:1.7}.hero-film{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #44337009}.hero-film video{display:block;width:100%;aspect-ratio:2.4;object-fit:cover}.film-caption{background:#fff;color:#666071;display:flex;justify-content:space-between;padding:17px 22px;border-top:1px solid var(--line)}.film-caption i{background:#7052db}.format-strip{padding:25px 0;gap:18px;color:#6d6579;border-color:var(--line)}.format-strip strong{color:var(--ink);font-weight:500}.section{padding-top:88px}h2{font-size:clamp(33px,4vw,50px);line-height:1.13;letter-spacing:-1.8px}.section-head>p{font-size:15px;color:var(--muted)}.section-head em{font-style:normal}.example-media{border-radius:12px;background:#eae7f0}.example-copy>span{color:var(--purple)}.example-copy h3{font-size:26px;line-height:1.2;letter-spacing:-.7px}.example-copy p,.example-copy small{color:var(--muted)}.media-tag{background:#ffffffed;color:#514366;border:1px solid #e9e4ef;border-radius:6px}.feature-grid article>span{color:var(--purple)}.feature-grid p{font-size:13px;color:var(--muted)}.api-section{margin-top:88px;background:#eeebf7;padding:76px 0;border-block:1px solid #e2dcef;color:var(--ink)}.api-section p,.api-section .eyebrow{color:#6c6180}.api-section em{color:var(--purple)}.api-section h2{font-size:45px}.api-flow strong{color:var(--purple)}.api-flow code{color:#726581}.code-window{background:#fff;border:1px solid #dcd5eb;border-radius:13px;box-shadow:0 14px 45px #6751800a}.code-window pre{color:#4b3e60}.code-toolbar,.code-foot{color:#7c728b;border-color:var(--line)}.code-tabs button{color:#726681}.code-tabs button.selected{background:#f0edf8;color:var(--purple)}.code-foot a{color:var(--purple)}.agent-prompt{background:#fff;border:1px solid var(--line);border-radius:14px}.prompt-label,.agent-prompt small{color:var(--muted)}.resource-list>a>span{color:var(--purple)}.price-card{border-radius:14px;background:#fff;border:1px solid var(--line)}.price-card.featured{background:#f0ecfb;border-color:#c6b8ee}.price-card li,.pricing-explainer p{color:var(--muted)}.final-cta{margin-top:70px;padding-block:75px;background:#eeebf7}.final-cta h2{font-size:75px}.final-cta em{font-style:normal}.copy-status{background:#292235;color:white;border-radius:9px}.skip{background:var(--purple);color:#fff}.site-footer{min-height:120px}.page-intro{padding-top:70px;padding-bottom:50px;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:28px}.breadcrumb a{color:var(--purple);text-decoration:none}.page-intro h1{font-size:clamp(45px,5.8vw,80px);line-height:1.1;letter-spacing:-3px;max-width:1050px;margin:0}.page-intro>p:last-child{font-size:18px;line-height:1.8;color:var(--muted);max-width:760px;margin-top:24px}.editorial{max-width:1040px;padding:45px 48px;margin:auto}.editorial h2{font-size:32px;margin:30px 0 18px}.editorial p,.editorial li{font-size:15px;line-height:1.8;color:#615b6c}.editorial code,.editorial a{color:var(--purple);overflow-wrap:anywhere}.editorial pre{padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.route-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.route-card{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:border-color .15s}.route-card:hover{border-color:#b2a2da}.route-card span{font-size:10px;letter-spacing:1.5px;color:var(--purple)}.route-card h3{font-size:24px;letter-spacing:-.5px}.route-card p{font-size:14px;line-height:1.7;color:var(--muted)}.route-card b{color:var(--purple);font-weight:500}.header-actions{display:flex;align-items:center;gap:18px}.login-link{color:#62586f;text-decoration:none;font-size:13px}.login-link:hover{text-decoration:underline}.onboarding{padding-bottom:70px}.onboarding-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:30px 0}.onboarding-steps li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.onboarding-steps span,.cost-examples span{font-size:10px;letter-spacing:1.7px;color:var(--purple)}.onboarding-steps h3{font-size:19px;margin:26px 0 10px;letter-spacing:-.5px}.onboarding-steps p{font-size:13px;color:var(--muted);line-height:1.7}.onboarding-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.cost-examples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.cost-examples article{background:#fff;border:1px solid var(--line);padding:22px;border-radius:12px}.cost-examples strong{display:block;font-size:24px;margin:15px 0}.cost-examples p{font-size:13px;line-height:1.7;color:var(--muted)}.cost-examples b{color:var(--purple)}.formula-note{padding:20px;background:#eeeaf8;border-left:3px solid var(--purple);color:#60546e;line-height:1.7;font-size:14px}.page-film{margin-top:45px}.page-film video{width:100%;max-height:650px;background:#111;border-radius:12px}.page-film figcaption{color:var(--muted);font-size:13px;padding:16px 0}.home-story{display:flex;gap:10px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:24px}.home-story label{display:grid;gap:8px;font-size:12px;flex:1;min-width:0}.home-story input{min-width:0;width:100%;border:0;border-bottom:1px solid var(--line);padding:10px 0;font:inherit;outline-offset:3px}.home-story .button{min-height:42px;padding:10px 15px}.home-studio-note{color:var(--muted);font-size:12px;line-height:1.7;margin-top:12px}
@media(max-width:1050px){.wrap{padding-inline:30px}.hero-top{gap:28px}.hero h1{font-size:66px}.hero-intro p{font-size:16px}.site-header nav{gap:18px}.showcase-grid{gap:20px}.onboarding-steps,.cost-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.route-card{padding:23px}}
@media(max-width:700px){.wrap{padding-inline:20px}.site-header{height:auto;flex-wrap:wrap;padding-top:20px;gap:18px}.site-header nav{order:3;width:100%;justify-content:space-between;overflow:auto;padding:12px 0 18px;gap:16px}.header-actions{margin-left:auto;gap:12px}.header-actions .button{padding:9px 12px;gap:8px;font-size:11px}.brand{font-size:26px}.beta{font-size:8px;margin-left:0}.hero{padding-top:40px}.hero-top{display:block;padding-bottom:28px}.hero h1{font-size:clamp(43px,10.8vw,67px);letter-spacing:-2.7px}.hero-intro{margin-top:25px}.hero-intro p br{display:none}.hero-intro p{max-width:420px;font-size:16px}.hero-intro small{display:block;margin-top:14px}.hero-film{border-radius:12px}.hero-film video{aspect-ratio:1.45}.film-caption{font-size:9px;padding:13px;gap:12px}.format-strip{font-size:10px;gap:14px 22px}.section{padding-top:60px}h2{font-size:35px}.showcase-grid{grid-template-columns:1fr;gap:35px}.example-card.wide{padding-top:0}.example-media video{height:400px;object-fit:contain}.example-card.wide video{height:auto;aspect-ratio:16/9}.example-copy{padding-top:20px}.api-section{margin-top:60px;padding:55px 0}.api-section h2{font-size:35px}.onboarding-steps,.route-cards,.cost-examples{grid-template-columns:1fr}.onboarding-steps li{padding:22px}.onboarding-steps h3{margin-top:18px}.onboarding-actions{gap:18px;align-items:start;flex-direction:column}.final-cta{padding-block:60px}.final-cta h2{font-size:58px}.page-intro{padding-top:45px}.page-intro h1{font-size:46px;letter-spacing:-2px}.page-intro>p:last-child{font-size:16px}.editorial{padding:30px 20px}.editorial h2{font-size:29px}.site-footer nav{flex-wrap:wrap}.agent-prompt .button{white-space:normal}.home-story{align-items:stretch;flex-direction:column}.home-story .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}