@import url('/assets/video-studio.css');
:root{--ink:#182e28;--muted:#66756e;--line:#dce4dc;--panel:#fff;--lime:#17654a;--bg:#f7f8f2;--font:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 var(--font)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}button:hover,.button:hover{background:#e9f1e8;border-color:#9ebba6}button.primary,.button.primary{background:#17654a;border-color:#17654a;color:#fff}.primary:hover{background:#114d38}.quiet,.text-button{background:transparent;border-color:transparent;color:#246049;padding:6px 8px}.text-button{min-height:40px}button:disabled{background:#edf0eb;border-color:#dfe5dd;color:#738079;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8bac38;outline-offset:4px}[hidden]{display:none!important}.muted,.hint,.note{color:var(--muted)}.hint,.note{font-size:13px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:#56765c}.site-top{display:flex;gap:24px;align-items:center;max-width:none;min-height:84px;padding:16px max(24px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);background:#fafbf7;position:relative;z-index:5}.site-top .logo{display:flex;align-items:center;gap:10px;font-size:20px;white-space:nowrap;font-weight:750;letter-spacing:-.6px}.logo-mark{width:33px;height:33px;background:#17654a;border-radius:9px;color:white;display:grid;place-items:center;font-size:21px}.site-top nav{display:flex;gap:6px;align-items:center;margin-left:auto}.site-top nav a{font-size:13px;padding:8px 12px;border-radius:7px;white-space:nowrap}.site-top nav a:hover,.site-top nav [aria-current=page]{background:#e6eddf;color:#175038}.site-top select{width:auto;max-width:130px;padding:7px;background:transparent;margin:0;border-color:var(--line)}.site-top .language-picker{font-size:12px;display:flex;gap:6px;align-items:center}.site-top .language-picker>span{display:none}.site-top #account-button{white-space:nowrap;font-size:12px;padding:8px 12px}.mobile-menu{display:none}.skip{background:#17654a;color:white}
main{max-width:1280px;padding:48px 24px 64px;margin:auto}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(32px,4.5vw,60px);line-height:1.22;letter-spacing:-.045em;margin:12px 0 20px;font-weight:650}h2{font-size:24px;line-height:1.4;letter-spacing:-.025em}h3{font-size:18px;line-height:1.5}p{margin:0 0 16px}.page-heading{margin-bottom:28px;display:flex;justify-content:space-between;align-items:center;gap:24px}.page-heading h1{font-size:36px}.page-heading .muted{margin:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-heading h2{font-size:32px;margin:8px 0}.section-heading p{max-width:380px;color:var(--muted);font-size:14px}.home-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:72px;padding:30px 0 65px;min-height:510px}.hero-copy h1{font-size:clamp(40px,5.2vw,66px)}.hero-copy h1 em{font-style:normal;color:#367c53}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:470px;font-size:16px;line-height:1.9}.hero-copy .actions{margin:26px 0 18px}.mini-proof{display:flex;gap:22px;font-size:12px;color:#61716a}.mini-proof span:before{content:'✓';color:#31714b;margin-right:7px}.hero-art{background:#e6eddc;border:1px solid #dae3cc;border-radius:24px;padding:30px;position:relative;min-height:410px;box-shadow:inset 0 0 80px #f6f8e9}.mock-window{background:#fff;border:1px solid #d9e0d5;border-radius:13px;box-shadow:0 20px 50px #274d2714;overflow:hidden;transform:rotate(-2deg)}.mock-bar{padding:13px 18px;border-bottom:1px solid #e6e9e0;display:flex;gap:5px;align-items:center;font-size:11px;color:#698069}.mock-bar i{width:6px;height:6px;border-radius:50%;background:#bcc7b5}.mock-bar span{margin-left:auto}.mock-content{display:grid;grid-template-columns:95px 1fr;min-height:240px;padding:18px;gap:16px}.mock-side{display:grid;align-content:start;gap:12px;font-size:10px;color:#58715b}.mock-side b{background:#e7efdf;border-radius:5px;padding:9px}.mock-side span{padding-left:9px}.art-frame{background:#263f32;color:#eef3d9;border-radius:9px;display:flex;flex-direction:column;justify-content:center;padding:25px;position:relative;overflow:hidden}.art-frame:after{content:'';position:absolute;width:130px;height:130px;border-radius:50%;background:#8aab5b;right:-36px;bottom:-35px;opacity:.6}.art-frame strong{font-size:32px;line-height:1.25;font-weight:500;z-index:1}.art-frame small{font-size:9px;color:#c1d1ac;margin-bottom:14px;letter-spacing:2px}.mock-timeline{display:flex;gap:6px;padding:0 18px 18px}.mock-timeline span{height:28px;flex:1;background:#d3dfbf;border-radius:4px}.mock-timeline span:nth-child(2){background:#95b794}.mock-timeline span:nth-child(3){background:#cfdbdb}.floating-note{position:absolute;bottom:16px;left:12px;right:35px;background:#fff;border:1px solid #dfe5d7;box-shadow:0 8px 25px #203c2310;border-radius:10px;padding:14px 18px;font-size:12px;display:flex;justify-content:space-between}.floating-note strong{color:#327644}.home-section{padding:48px 0;border-top:1px solid var(--line)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tool-card{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.tool-art{height:150px;background:#e9eedf;display:grid;place-items:center;position:relative;overflow:hidden}.tool-art.lilac{background:#eeebf6}.tool-art.sand{background:#f0eade}.tool-art svg{width:140px;height:110px}.tool-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.tool-card h3{margin:10px 0}.tool-card p{font-size:14px;color:var(--muted)}.tool-card a{margin-top:auto;font-weight:600;font-size:14px;color:#235f46}.badge,.tag{display:inline-flex;padding:3px 9px;border:1px solid #d8e3d0;border-radius:5px;font-size:10px;letter-spacing:.02em;background:#f2f6e9;color:#4b6b3d}.badge.neutral{background:#f0f0ec;color:#6c7469;border-color:#e0e2db}.workflow-steps{display:flex;gap:16px;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:18px;color:#71806f;font-size:12px}.workflow-steps span:first-child{color:#216447;font-weight:650}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.how-grid b{font-size:30px;font-weight:400;color:#8b9c7d}.how-grid h3{margin:10px 0}.how-grid p{color:var(--muted);font-size:14px}.home-banner{padding:35px;background:#e9efdf;border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:28px}.home-banner h2{margin:0 0 8px}.home-banner p{margin:0;color:var(--muted)}.site-footer{max-width:1280px;margin:auto;padding:30px 24px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:12px;color:var(--muted);gap:22px}.site-footer nav{display:flex;gap:20px}.studio-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px}.panel,.brief,.project,.chat-panel,.profile-panel{background:white;border:1px solid var(--line);border-radius:13px;padding:25px;min-width:0}.panel-top,.bar,.chat-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.panel h2,.brief h2,.project h2{font-size:18px}.panel-top h2{margin:0}.step{background:#e9efdf;color:#3b6841;border-radius:5px;font-size:11px;padding:5px 8px}.connection,.notice{padding:13px 16px;border:1px solid #dae3d6;background:#edf2e7;border-radius:8px;color:#597055;font-size:12px;margin:0 0 23px}.connection::before{background:#63974e}.connection.connected{background:#e8f3df}input,textarea,select{display:block;width:100%;border:1px solid #d9e1d6;border-radius:7px;background:#fbfcf9;color:#223d2e;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:#56875d;box-shadow:0 0 0 3px #6d97591c}textarea{resize:vertical;min-height:86px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 7px;color:#52604f}label input,label textarea,label select{margin-top:7px;font-weight:400}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;gap:9px;align-items:center}.check input{width:16px;margin:0}.actions{display:flex;flex-wrap:wrap;gap:8px}.field-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.preview-panel{padding-bottom:20px}.preview-wrap{min-height:360px;background:#edf0e6;border:0;border-radius:10px;padding:25px}.preview{background:linear-gradient(135deg,#233e30,#466346);color:#fff;border:1px solid #637a54}.preview h2{color:#f2f7e7;font-size:clamp(20px,2.7vw,36px)}.preview p{color:#dce7d1}.preview-orb{background:#a4be75;opacity:.2}.preview small,.preview-foot{color:#c2d3ad}.accent-line{background:#c4d697}.transport{margin-top:18px}.round{border-radius:50%;background:white}.timeline{background:#e8ede4}.timeline>div{background:#72935c}.scene-card{background:#fafcf7;border:1px solid #e0e7d9;border-radius:10px}.scene-card.active{border-color:#64945e}.scene-top span{color:#6f7f65}.scene-card input,.scene-card textarea{background:white}.empty{color:#768372;text-align:center;border:1px dashed #d5decd;padding:26px}.pipeline{color:#64765f}.export-panel{margin-top:20px}.export-links{display:flex;flex-wrap:wrap;gap:8px}.export-links label{margin:0;font-size:12px}.full{width:100%}.jobs-panel{margin-top:24px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:60px 0}.plans h2{font-size:30px}.plan-card,.plan{background:#fff;border:1px solid var(--line);border-radius:13px;padding:28px}.price{font-size:46px;font-weight:550;letter-spacing:-2px;margin:18px 0}.price span{font-size:12px;letter-spacing:0;color:var(--muted)}.membership{color:#3f7650}.payment-buttons{display:flex;flex-wrap:wrap;gap:6px}.payment-buttons button{flex:1}.privacy-note{margin-top:28px}.error{color:#ac3838}.address{background:#f1f4ed}.message{background:#183f2c;color:white;box-shadow:0 8px 30px #263d2429}.job,.order-row{border-color:var(--line)}.studio-faq{margin-top:40px}.studio-faq details,details{border-top:1px solid var(--line);padding:15px 0}summary{cursor:pointer;font-size:14px;font-weight:600}.studio-faq p{margin-top:16px;color:var(--muted)}.app-builder-page .workspace{display:grid;grid-template-columns:310px 1fr;gap:24px}.app-builder-page .intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.app-builder-page h1{font-size:36px}.app-builder-page .intro>p{font-size:13px;color:var(--muted)}.brief form>button{margin-top:12px}.file{margin:0;cursor:pointer;position:relative;padding:10px 15px;border:1px solid var(--line);border-radius:8px;background:#f5f8ef;font-size:12px}.file input{max-width:180px;font-size:10px;padding:4px;margin-top:6px}.editors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.editors textarea{height:200px;font:11px/1.6 Consolas,monospace;background:#f7f9f4;white-space:pre}.project .bar{margin:15px 0}.project .bar select{width:auto;font-size:12px}.app-builder-page .preview{background:#e8ede2;padding:16px;border:1px solid var(--line);border-radius:9px;overflow:auto;max-width:100%;aspect-ratio:auto;width:100%;max-height:none}.preview iframe{display:block;max-width:100%;height:420px;border:0;background:#fff;margin:auto;border-radius:6px}.subscription{margin-top:32px;padding:28px;border:1px solid var(--line);border-radius:12px;display:flex;gap:25px;align-items:center;justify-content:space-between}.subscription p{color:var(--muted);font-size:13px}.companion-layout{display:grid;grid-template-columns:300px 1fr;gap:24px}.character-list{display:grid;gap:10px}.character-choice{justify-content:flex-start;text-align:left;gap:12px;width:100%;padding:13px;background:#fafbf7}.character-choice.active{border-color:#5f8766;background:#ebf2e4}.character-choice small{display:block;color:var(--muted);font-weight:400;font-size:11px}.avatar-circle{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#e2dacd;color:#6d5643;font-size:18px}.character-choice:nth-child(2) .avatar-circle{background:#d9e3d7;color:#385d45}.chat-panel{display:flex;flex-direction:column;min-height:600px}.chat-head{padding-bottom:18px;border-bottom:1px solid var(--line)}.chat-head>div{display:flex;align-items:center;gap:12px}.chat-head button{font-size:12px}.chat-panel .notice{margin-top:20px}.messages{flex:1;min-height:240px;max-height:420px;overflow:auto;padding:8px 0}.bubble{background:#eff3e9;padding:14px 18px;border-radius:12px 12px 12px 2px;margin:12px 20% 12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble small{display:block;font-size:10px;color:#71826a;margin-bottom:5px}.bubble.user{margin:12px 0 12px 20%;background:#dae9d4;border-radius:12px 12px 2px 12px}.composer{display:flex;gap:10px;align-items:end;margin-top:18px}.composer textarea{min-height:65px}.composer button{height:65px}.privacy-choice{display:flex;gap:8px;align-items:center;font-size:11px}.privacy-choice input{width:15px;margin:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pricing-card{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;display:flex;flex-direction:column}.pricing-card.featured{border-color:#629069;background:#f0f5e9}.pricing-card ul{padding-left:20px;color:var(--muted);font-size:13px;line-height:2.3;flex:1}.pricing-card .button{width:100%}.service-table{width:100%;border-collapse:collapse;background:white;font-size:13px}.service-table th,.service-table td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}.service-table th{background:#edf1e6}.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}
@media(max-width:1050px){.site-top{gap:10px;padding:15px 24px;flex-wrap:wrap}.site-top nav{order:3;width:100%;justify-content:center}.site-top .language-picker{margin-left:auto}.home-hero{gap:30px}.hero-art{padding:20px;min-height:375px}.app-builder-page .workspace{grid-template-columns:260px 1fr}.editors{grid-template-columns:1fr}.editors textarea{height:110px}.mock-content{grid-template-columns:65px 1fr}.mock-side{font-size:9px}}
@media(max-width:700px){main{padding:28px 18px 40px}.site-top{padding:15px 18px}.site-top .logo{font-size:18px}.site-top nav{justify-content:flex-start;gap:3px;overflow:auto}.site-top nav a{padding:7px 9px;font-size:12px}.site-top #account-button{font-size:11px}.site-top select{max-width:105px}.home-hero{grid-template-columns:1fr;padding:12px 0 35px;gap:32px}.hero-copy h1{font-size:42px}.hero-art{min-height:350px}.tool-grid,.how-grid,.pricing-grid{grid-template-columns:1fr}.tool-card{display:grid;grid-template-columns:120px 1fr}.tool-art{height:auto;min-height:200px}.tool-art svg{width:100px}.tool-card-body{padding:20px}.home-section{padding:32px 0}.section-heading{display:block}.section-heading h2{font-size:27px}.section-heading p{margin:10px 0}.home-banner{padding:25px;display:block}.home-banner .button{margin-top:18px}.studio-grid,.app-builder-page .workspace,.companion-layout,.plans{grid-template-columns:1fr}.page-heading,.app-builder-page .intro{display:block}.page-heading h1,.app-builder-page h1{font-size:30px}.page-heading>.button{margin-top:15px}.panel,.brief,.project,.chat-panel,.profile-panel{padding:18px}.preview-wrap{min-height:360px}.workflow-steps{font-size:10px;gap:13px}.plans{gap:20px}.editors{grid-template-columns:1fr}.app-builder-page .intro>p{margin-top:12px}.subscription{display:block}.subscription a{font-size:12px}.site-footer{display:block;padding:25px 18px}.site-footer nav{flex-wrap:wrap;margin-top:15px;gap:14px}.character-list{grid-template-columns:repeat(3,1fr)}.character-choice{display:block;padding:10px 6px;text-align:center;font-size:12px}.character-choice .avatar-circle{margin:0 auto 8px}.character-choice small{font-size:9px}.chat-panel{min-height:530px}.service-table th,.service-table td{padding:10px;font-size:11px}.mini-proof{gap:13px;font-size:11px}.pricing-card{padding:24px}.preview h2{font-size:25px}.two-cols{gap:10px}}
.editor-tabs{display:flex;align-items:center;gap:5px;margin-top:22px;border-bottom:1px solid var(--line);padding-bottom:8px}.editor-tabs button{min-height:34px;font-size:11px;border-color:transparent;padding:5px 14px;background:transparent}.editor-tabs [aria-selected=true]{background:#e5eddc;color:#24533a}.draft-state{margin-left:auto;font-size:10px;color:#62815a}.editors.tabbed{display:block}.editors.tabbed textarea{height:240px}.editors.tabbed label{margin-top:12px}.pricing-page main{max-width:1180px}.file{display:inline-flex;align-items:center;min-height:44px}.file input{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;opacity:0;cursor:pointer}.file:focus-within{outline:3px solid #8bac38;outline-offset:3px}.project>.actions{align-items:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}