:root{--ink:#242334;--muted:#787582;--purple:#7653e8;--line:#e6e3eb;--bg:#faf9fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ad98ef;outline-offset:4px}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#faf9fcf0;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{font-size:23px;font-weight:750;display:flex;align-items:center;gap:10px;white-space:nowrap}.mark{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--purple);border-radius:11px;color:white;font-size:30px;line-height:1}.brand-sub{font-size:14px;font-weight:400;color:var(--muted);margin-left:3px}nav{display:flex;gap:32px;font-size:14px}.nav-cta{font-size:14px;color:var(--purple)}main{max-width:1500px;margin:auto}.hero{position:relative;padding:75px 8% 55px;overflow:hidden}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--purple);font-weight:650;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--purple);border-radius:50%}h1{font-size:clamp(40px,5.4vw,78px);line-height:1.3;letter-spacing:-3px;font-weight:650;margin:24px 0 28px}h1>span{color:var(--purple)}.hero-bottom{display:flex;align-items:center;gap:55px}.hero-bottom p{margin:0;color:var(--muted)}.primary{display:inline-flex;align-items:center;justify-content:center;gap:26px;background:var(--purple);color:white;border:0;border-radius:8px;padding:13px 22px;font-size:14px}.hero-notes{display:flex;gap:26px;color:var(--muted);font-size:12px;margin-top:31px}.hero-notes span:before{content:'✓';margin-right:7px;color:var(--purple)}.decor{position:absolute;right:7%;top:94px;font-size:clamp(40px,6vw,86px);font-weight:800;line-height:1.1;letter-spacing:-4px;color:#eae5f4;transform:rotate(-8deg);z-index:-1}.playground,.workflow,.faq{padding:40px 6% 65px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:30px}h2{font-size:30px;font-weight:600;letter-spacing:-.8px;line-height:1.5;margin:9px 0 0}.section-top p{font-size:12px;color:var(--muted);margin:0}.studio{display:grid;grid-template-columns:210px 1fr;background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 20px 65px #30234808}aside{padding:27px 14px;background:#f4f2f8;border-right:1px solid var(--line);display:flex;flex-direction:column}.aside-label{font-size:12px;color:var(--muted);padding:0 13px;margin-bottom:20px}.tab{border:0;background:transparent;border-radius:7px;width:100%;display:flex;align-items:center;gap:12px;text-align:left;font-size:14px;padding:15px 13px;color:#656173;margin-bottom:8px}.tab span{font-size:12px;color:#aaa3b6}.tab b{margin-left:auto;font-weight:400}.tab.active{background:white;color:var(--purple);box-shadow:0 3px 12px #34275b08}.aside-foot{margin-top:auto;padding:45px 13px 0;font-size:12px;color:#686271}.aside-foot small{font-size:12px;color:#9d96a9}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#71a78c;margin-right:7px}.workspace-bar{display:flex;align-items:center;gap:15px;height:66px;padding:0 26px;border-bottom:1px solid var(--line);font-size:14px}.badge{color:var(--purple);font-size:10px;letter-spacing:1px;background:#f1ecff;padding:3px 7px;border-radius:4px}.reset{margin-left:auto;border:0;background:none;color:var(--muted);font-size:12px}.panel{padding:26px;min-height:430px}.panel[hidden]{display:none}#panel-watermark{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:27px}.preview{aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:7px;background:#597d83;user-select:none}.preview svg{height:100%;width:100%;position:absolute}.sample-title{position:absolute;top:12%;left:7%;font-size:clamp(16px,2.1vw,30px);font-weight:650;letter-spacing:1px;line-height:1.15;color:#fffaf0}.frame-label{position:absolute;bottom:16px;left:18px;font-size:9px;letter-spacing:2px;color:#e5efec}#watermark{position:absolute;left:72%;top:80%;font-size:24px;font-weight:750;color:white;opacity:.85;cursor:grab;touch-action:none;white-space:nowrap;max-width:100%;overflow:hidden;padding:4px}#watermark:active{cursor:grabbing}.preview-caption{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;margin-top:12px}.controls{display:flex;flex-direction:column;gap:22px}label{font-size:14px;color:#625d70;display:block}input:not([type=range]):not([type=checkbox]),select{width:100%;margin-top:8px;padding:9px 10px;border:1px solid var(--line);background:#fcfbfe;border-radius:6px;color:var(--ink);font-size:14px;min-width:0}input[type=range]{display:block;width:100%;margin-top:13px;accent-color:var(--purple)}output{float:right;color:var(--muted);font-size:12px}fieldset{margin:0;padding:0;border:0}legend{font-size:14px;color:#625d70;margin-bottom:10px}.positions{display:flex;gap:8px}.positions button{border:1px solid var(--line);background:#faf9fc;border-radius:5px;width:34px;height:34px;color:var(--purple)}h3{font-size:22px;font-weight:600;margin:0 0 8px}.naming-head p,.panel-note{font-size:12px;color:var(--muted);margin:0 0 24px}.naming-controls{display:grid;grid-template-columns:1.4fr 1.2fr .7fr 1.5fr;gap:16px;margin-bottom:25px}.file-row{display:grid;grid-template-columns:1fr 1.5fr;gap:15px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:14px}.file-row span:last-child{color:var(--purple);overflow-wrap:anywhere}.file-header{background:#f7f5fb;color:var(--muted);font-size:12px}.panel-note{margin:18px 0 0}.fission-layout{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:18px;margin:25px 0}.source-box,.output-box{background:#f7f5fb;border:1px solid var(--line);border-radius:8px;padding:20px}.source-box strong{display:block;font-size:20px;margin:13px 0}.source-icon{font-size:30px;color:#b4a3e2}.branch-list{display:flex;flex-direction:column;gap:12px}.branch-list label{border:1px solid var(--line);border-radius:7px;padding:12px;display:flex;align-items:center;gap:12px}.branch-list strong{font-size:14px;color:var(--ink);display:block}.branch-list small{display:block;font-size:11px;color:var(--muted)}input[type=checkbox]{accent-color:var(--purple);width:17px;height:17px}.output-box .eyebrow{font-size:10px}.folder{font-size:12px;margin-top:12px;color:#75628f}.output-total{border-top:1px solid var(--line);padding-top:12px;margin-top:18px;font-size:12px}.output-total strong{font-size:28px;color:var(--purple);margin-right:6px}.run-status{display:inline-block;margin-left:18px;font-size:12px;color:var(--muted)}.workflow{border-top:1px solid var(--line);padding-top:60px}.section-index{color:#a09aa9;font-size:12px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article{border-top:1px solid var(--line);padding-top:22px}.steps article>span{font-size:11px;letter-spacing:1px;color:var(--purple)}.steps h3{margin-top:15px}.steps p{font-size:14px;color:var(--muted);max-width:290px}.step-art{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:7px;padding:17px;font-size:12px;background:white;margin-top:25px;color:#867b97}.step-art span{color:var(--purple);font-size:24px}.step-art b{font-weight:400;color:#bdb5ca}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;background:#f0edf7;padding:64px 8%;margin:0 0 55px}.about p{font-size:14px;color:#71697d;margin-top:0}.tech-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.tech-tags span{border:1px solid #d8d1e5;font-size:11px;padding:4px 10px;border-radius:20px;color:#786a8d}.faq{max-width:920px;margin:auto;padding-top:0}.faq h2{margin-bottom:26px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-size:14px}details p{font-size:14px;color:var(--muted);max-width:680px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 6%;font-size:12px;color:var(--muted)}footer .brand{font-size:19px}footer .mark{width:29px;height:29px;font-size:25px}footer>a:last-child{color:var(--purple)}@media(min-width:1500px){.decor{z-index:0}.hero h1,.hero-bottom,.hero-notes{position:relative;z-index:1}}@media(max-width:1000px){.studio{grid-template-columns:165px 1fr}#panel-watermark{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.preview{aspect-ratio:16/9}.naming-controls{grid-template-columns:1fr 1fr}.fission-layout{grid-template-columns:1fr 1fr}.output-box{grid-column:1/-1}.decor{display:none}.hero-bottom{gap:25px}.run-status{display:block;margin:12px 0 0}}@media(max-width:650px){header{height:70px;padding:0 5%}nav{display:none}.brand{font-size:21px}.hero{padding:48px 6% 35px}h1{letter-spacing:-1.5px}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.hero-bottom .primary{margin-top:22px}.hero-notes{gap:12px;font-size:10px}.section-top{display:block}h2{font-size:25px}.section-top p{margin-top:12px}.playground,.workflow{padding:30px 5% 45px}.studio{grid-template-columns:1fr}aside{padding:13px;border-right:0;border-bottom:1px solid var(--line)}.aside-label,.aside-foot{display:none}[role=tablist]{display:flex;gap:5px}.tab{font-size:12px;justify-content:center;padding:10px 5px;margin:0;gap:6px}.tab b{display:none}.tab span{font-size:10px}.workspace-bar{padding:0 17px;height:55px}.panel{padding:17px;min-height:0}.controls{grid-template-columns:1fr 1fr}.preview-caption{font-size:10px;display:block}.preview-caption span{display:block}.sample-title{font-size:19px}.frame-label{font-size:8px;bottom:10px}.steps{grid-template-columns:1fr;gap:25px}.steps p{max-width:none}.about{grid-template-columns:1fr;gap:26px;padding:40px 6%;margin-bottom:35px}.faq{padding:0 6% 40px}.fission-layout{grid-template-columns:1fr}.output-box{grid-column:auto}.branch-list{gap:8px}.naming-controls{gap:12px}.file-row{font-size:12px;padding:12px 8px}.naming-head h3{font-size:20px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}.eyebrow{font-size:10px}.positions button{width:31px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#panel-watermark[hidden]{display:none}
.preview{aspect-ratio:1672/941;background:#fcf8f1}.case-background{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}#case-video{position:absolute;left:33.55%;top:3.4%;width:32.95%;height:93%;object-fit:cover;background:#f5f0e9}.preview.square{aspect-ratio:1}.preview.square #case-video{left:4.8%;top:6.6%;width:45.1%;height:84.6%}#watermark{color:#7653e8;text-shadow:0 1px 3px #fff9}.sound-label{display:flex;align-items:center;gap:7px}.controls{gap:16px}.controls .primary{padding:10px 12px;gap:4px}.hero{padding-top:45px;padding-bottom:30px}h1{font-size:clamp(38px,4.3vw,62px);margin:18px 0}.hero-notes{margin-top:20px}.playground{padding-top:20px}.preview-wrap{align-self:start}.preview-caption{flex-wrap:wrap}.controls label{font-size:13px}@media(max-width:1000px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.controls .primary{align-self:end}.preview{aspect-ratio:1672/941}.preview.square{aspect-ratio:1}}@media(max-width:650px){.hero{padding-top:30px}.hero-bottom .primary{margin-top:16px}.hero-notes{flex-wrap:wrap}.controls{gap:16px}.controls label{font-size:14px}.preview.square{max-height:none}.preview-caption{display:flex;font-size:11px}.panel{min-width:0}}
#watermark.logo-watermark{padding:0;line-height:0}#watermark img{width:100%;height:auto;pointer-events:none}#watermark[hidden],#text-watermark-label[hidden]{display:none}.ending-options{padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.ending-options label{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.6}.ending-options input{flex-shrink:0;margin-top:3px}.secondary{border:1px solid #d9cefa;background:#f5f1ff;color:var(--purple);border-radius:6px;padding:8px;font-size:12px}#video-stage{font-size:11px;color:var(--muted)}@media(max-width:1000px){.ending-options{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px}}

.case-section{padding:90px 5%;background:#f6f3fa}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.case-card{background:white;border:1px solid #e6def1;border-radius:20px;padding:28px;min-width:0}.case-card h3{font-size:25px;line-height:1.4;margin:16px 0 24px}.case-card video{width:100%;border-radius:12px;background:#eee8f3;max-height:420px}.case-card p{font-size:15px;line-height:1.8;color:#665d76}.case-card small{display:block;color:#857b92;line-height:1.6}.case-card details{margin-top:16px}.case-card summary{cursor:pointer;padding:8px 0}.case-link{display:inline-block;margin-top:18px;color:#7653e8}.contact{text-align:center;padding:65px 20px}.contact a{color:#7653e8}@media(max-width:800px){.case-grid{grid-template-columns:1fr}.case-card{padding:20px}.case-section{padding:55px 5%}}
/* Follow the desktop workbench's tabs and three-column arrangement. */
.desktop-tabs{display:flex;gap:2px;margin-bottom:0}.desktop-tabs .tab{width:auto;border:1px solid var(--line);border-radius:7px 7px 0 0;margin:0;padding:12px 22px;font-size:16px}.desktop-tabs .tab.active{background:#fff;color:var(--ink);font-weight:650}.studio{grid-template-columns:225px minmax(0,1fr) 215px;background:#f3f2f8;border-radius:0 12px 12px 12px;gap:14px;padding:18px}.studio aside{padding:0;border:0;background:transparent;gap:14px}.desk-card{background:white;border:1px solid var(--line);border-left:3px solid #6a88de;padding:16px;border-radius:5px;min-width:0}.desk-card h3{font-size:16px;margin:0 0 12px}.desk-card label{font-size:14px;margin-bottom:10px}.desk-note{font-size:14px;line-height:1.65;color:var(--muted);margin:10px 0 0}.input-sidebar .desk-card:last-child{border-left-color:#62a979}.workspace{min-width:0}.workspace-bar{height:48px;padding:0 12px;background:white}.badge{font-size:12px;letter-spacing:0}.reset{font-size:14px}#panel-watermark{grid-template-columns:1fr;padding:14px 0;gap:18px}.processing-chain{font-size:14px;padding:12px;background:white;border:1px solid var(--line);margin-bottom:12px;line-height:1.8}.canvas-title{font-size:16px;margin:10px 0}.controls{display:grid;grid-template-columns:1fr;gap:14px}.controls .desk-card{border-left-color:#a48cd7}.controls .desk-card[hidden]{display:none}.ending-options{display:flex;flex-direction:column;gap:8px}.ending-options label{font-size:14px}.ending-options .desk-note{margin:0}.secondary{font-size:14px}#video-stage{font-size:14px}.preview-caption{font-size:14px}.output-sidebar .primary{width:100%;padding:11px;font-size:14px}.output-sidebar .sound-label{margin-top:14px}.path-example{overflow-wrap:anywhere;background:#f5f4f8;padding:10px;font-size:14px;border:1px solid var(--line)}.real-layout{margin-top:20px}.real-layout summary{font-size:16px;color:var(--purple)}.real-layout figure{margin:12px 0}.real-layout img{width:100%;display:block;border:1px solid var(--line);border-radius:8px}.real-layout figcaption{font-size:14px;margin:12px 0;color:var(--muted)}.preview.no-background .case-background{display:none}.preview.no-background{background:#ece9f0}.preview.no-background #case-video{inset:0;width:100%;height:100%;object-fit:contain}.studio.secondary-mode{grid-template-columns:1fr}.studio.secondary-mode>aside{display:none}.studio.secondary-mode .panel{background:#fff}.studio .panel{min-width:0}.section-top p{font-size:14px}.studio.secondary-mode .naming-controls{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.studio{grid-template-columns:185px minmax(0,1fr)}.output-sidebar{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.output-sidebar>.secondary{grid-column:1/-1}.controls{grid-template-columns:1fr}.ending-options{grid-column:auto}.studio.secondary-mode .naming-controls{grid-template-columns:1fr 1fr}}@media(max-width:700px){.studio{grid-template-columns:1fr;padding:12px}.studio .input-sidebar{display:grid;grid-template-columns:1fr 1fr}.input-sidebar>.desk-card:last-child{grid-column:1/-1}.output-sidebar{grid-column:auto;grid-template-columns:1fr}.desktop-tabs .tab{flex:1;font-size:14px;padding:12px 8px}.studio .workspace-bar{padding:0 8px;gap:8px}.badge{font-size:12px}.studio.secondary-mode .naming-controls{grid-template-columns:1fr}.controls{grid-template-columns:1fr}.preview-caption{font-size:14px}}

.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.download-button{display:inline-flex;align-items:center;gap:22px;padding:12px 22px;border:1px solid var(--purple);border-radius:8px;color:var(--purple);font-size:14px;background:white}.hero-actions small{flex-basis:100%;font-size:14px;color:var(--muted)}@media(max-width:650px){.hero-actions{margin-top:22px}.hero-bottom .hero-actions .primary{margin-top:0}}

.case-card video.portrait-promo{display:block;width:min(100%,315px);height:auto;max-height:none;aspect-ratio:9/16;object-fit:contain;margin:0 auto;background:#f7f5fc}

.product-overview .case-grid{grid-template-columns:1fr;max-width:960px;margin:0 auto}.product-overview .case-card video{max-height:none;aspect-ratio:16/9}.product-overview .case-card h3{margin-bottom:20px}

.product-overview .case-grid{display:block;width:100%;max-width:none}.product-overview .case-card{width:100%;min-width:0}.product-overview video{display:block;width:100%;height:auto}#case-video{object-fit:contain}

.brand-logo{display:block;width:40px;height:40px;object-fit:contain;border-radius:50%;flex-shrink:0}footer .brand-logo{width:32px;height:32px}.hero-actions>.primary,.hero-actions>.download-button{width:174px;height:50px;padding:0 18px;justify-content:center;gap:22px;flex:none}.hero-actions>.primary{border:1px solid var(--purple)}@media(max-width:400px){.hero-actions{gap:10px}.hero-actions>.primary,.hero-actions>.download-button{width:calc((100% - 10px)/2);min-width:0;padding:0 10px;gap:12px}}

/* Freya cream and strawberry palette */
:root{--ink:#493742;--muted:#8b707b;--purple:#c64e70;--line:#eedbe0;--bg:#fffaf0;--surface:#fffdf8;--soft:#fcecf0;--accent-soft:#f8e0e8}
body{background:var(--bg);color:var(--ink)}header{background:#fffaf0ed;border-bottom-color:var(--line)}.hero{background:radial-gradient(ellipse at 88% 25%,#fce0e680,transparent 50%)}h1>span{color:#c64e70}.decor{color:#f1cbd5;opacity:.55}.hero-notes span:nth-child(2):before{color:#b697d6}.hero-notes span:nth-child(3):before{color:#78a282}.primary{background:#c64e70;border-radius:14px;box-shadow:0 4px 0 #a63e5918}.download-button{background:#fffdf8;border-radius:14px;color:#c64e70}.hero-actions>.primary{border-color:#c64e70}.hero-actions>.download-button{border-color:#c64e70}.brand-logo{box-shadow:0 0 0 3px #f6d6df}.eyebrow{color:#ad5571}.studio{background:#fbeef0;border-color:#edd6df;box-shadow:0 16px 48px #bd799010}.desktop-tabs .tab{background:#f8e3e9;color:#927180;border-color:#edd6df}.desktop-tabs .tab.active{background:#fffdf8;color:#b94f71}.workspace-bar,.processing-chain,.desk-card,.case-card,.studio.secondary-mode .panel{background:var(--surface);border-color:var(--line)}.desk-card{border-left-color:#d395bd;border-radius:12px}.input-sidebar .desk-card:nth-child(2){border-left-color:#e4bc62}.input-sidebar .desk-card:last-child{border-left-color:#8ab594}.controls .desk-card{border-left-color:#b7a0d6}.output-sidebar .desk-card:first-child{border-left-color:#e4bc62}.output-sidebar .desk-card:last-of-type{border-left-color:#8ab594}.badge{background:#f0e7fa;color:#8b69a4;border-radius:10px}.secondary{background:#f6e8f4;border-color:#e5cfe3;color:#ad5571;border-radius:10px}.path-example,.source-box,.output-box,.file-header{background:#fff5e5;border-color:var(--line)}input:not([type=range]):not([type=checkbox]),select{background:var(--surface);border-color:var(--line);color:var(--ink)}.positions button{background:var(--soft);border-color:var(--line);color:var(--purple)}.file-row span:last-child,.case-link,.contact a{color:var(--purple)}.branch-list label,.step-art{background:var(--surface);border-color:var(--line)}.case-section{background:#f9e8ed}.about{background:#f6eddf}.about p,.case-card p{color:var(--muted)}.tech-tags span{background:#fff9ef;border-color:var(--line);color:#8a6e7c}.tech-tags span:nth-child(2){background:#edf4e9}.tech-tags span:nth-child(3){background:#fff0c9}.tech-tags span:nth-child(4){background:#eee5f8}.theme-toggle{width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--purple);font-size:26px;border-radius:50%;display:grid;place-items:center;line-height:1;margin-left:auto;margin-right:22px;flex-shrink:0}header nav{margin-left:auto;margin-right:32px}.naming-head p,.panel-note,.desk-note,details p{color:var(--muted)}.tech-tags{gap:10px}.product-overview .case-card{border-radius:24px}.theme-toggle:hover{background:var(--accent-soft)}
html[data-theme=dark]{--ink:#f7e7ed;--muted:#c2a7b5;--purple:#f19eb7;--line:#594552;--bg:#241e29;--surface:#302733;--soft:#3e2d39;--accent-soft:#493443;color-scheme:dark}
html[data-theme=dark] header{background:#241e29ed}html[data-theme=dark] .hero{background:radial-gradient(ellipse at 88% 25%,#57364666,transparent 50%)}html[data-theme=dark] h1>span,html[data-theme=dark] .eyebrow{color:#efa0b8}html[data-theme=dark] .decor{color:#6b425e}html[data-theme=dark] .studio{background:#2b222f}html[data-theme=dark] .desktop-tabs .tab{background:#392c3b;color:#c2a7b5}html[data-theme=dark] .desktop-tabs .tab.active{background:var(--surface);color:#f19eb7}html[data-theme=dark] .primary{background:#cf6e91;color:#211821}html[data-theme=dark] .download-button{background:var(--surface);color:var(--purple)}html[data-theme=dark] .badge,html[data-theme=dark] .secondary{background:#403047;color:#d9b7eb;border-color:#624969}html[data-theme=dark] .path-example,html[data-theme=dark] .source-box,html[data-theme=dark] .output-box,html[data-theme=dark] .file-header{background:#392f32}html[data-theme=dark] .case-section{background:#2c222e}html[data-theme=dark] .about{background:#312833}html[data-theme=dark] .tech-tags span{background:#3a303a;color:#dec5d0}html[data-theme=dark] .tech-tags span:nth-child(2){background:#2e3a34}html[data-theme=dark] .tech-tags span:nth-child(3){background:#413a2c}html[data-theme=dark] .tech-tags span:nth-child(4){background:#3a3045}html[data-theme=dark] .brand-logo{box-shadow:0 0 0 3px #624252}html[data-theme=dark] .steps p{color:var(--muted)}
@media(max-width:850px){header nav{gap:16px;margin-right:16px}.theme-toggle{margin-right:12px}}@media(max-width:650px){.theme-toggle{margin-left:auto;margin-right:16px}.hero{background:var(--bg)}}

.hero,html[data-theme=dark] .hero{background:var(--bg)}.branch-list span{min-width:0}.branch-list strong,.branch-list small{overflow-wrap:anywhere}.branch-list small{font-size:14px;line-height:1.7;margin-top:5px}

.agent-help{max-width:1140px;margin:0 auto;padding:36px 28px;border:1px solid var(--border);border-radius:24px;background:var(--card)}.agent-help h2{margin:12px 0;font-size:28px}.agent-help p{line-height:1.8}.agent-help textarea{display:block;width:100%;box-sizing:border-box;min-height:150px;resize:vertical;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg);color:var(--text);font:inherit;line-height:1.8}.agent-help-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:18px 0}.agent-help button{padding:12px 20px;border:0;border-radius:12px;background:#c94369;color:white;font:inherit;cursor:pointer}.agent-help small{display:block;line-height:1.7}@media(max-width:600px){.agent-help{margin:0 16px;padding:24px 18px}.agent-help textarea{min-height:250px}}

.agent-help-wrap{padding:0 5% 54px}.agent-help-wrap .agent-help{max-width:none;margin:0;padding:26px 32px;border:1px solid var(--line);border-radius:18px;background:var(--surface,var(--bg));color:var(--ink)}.agent-help h2{font-size:24px;margin:8px 0}.agent-help p{color:var(--muted);margin:8px 0 16px}.agent-prompt-details{border-top:1px solid var(--line);padding-top:14px}.agent-prompt-details summary{cursor:pointer;color:var(--muted);font-size:14px}.agent-help textarea{margin-top:12px;color:var(--ink);border-color:var(--line);font-size:14px}.agent-help small{color:var(--muted);font-size:13px}.agent-help-actions a{font-size:14px;color:var(--purple)}.agent-help button{background:var(--purple)}.guide{padding:50px 8% 70px;max-width:1100px;margin:auto}.guide h1{font-size:42px;letter-spacing:-1px}.guide-intro{color:var(--muted)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.guide-card{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--bg)}.guide-card h2{margin:0 0 12px;font-size:21px}.guide-card p{margin:10px 0}.guide-card a{color:var(--purple);text-decoration:underline}.guide-card li{margin:8px 0}.guide-footer{padding:20px 0;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:700px){.agent-help-wrap{padding:0 5% 32px}.agent-help-wrap .agent-help{padding:22px}.guide{padding:30px 5%}.guide h1{font-size:32px}.guide-grid{grid-template-columns:1fr}}

/* Search text fragments remain navigable without persistent highlight. */
::target-text{background-color:transparent;color:inherit}

.tutorial-entry{margin:0;padding:0 5% 24px}.guide-card summary{cursor:pointer;padding:12px 0}.guide-card details{border-bottom:1px solid var(--line)}

/* Tutorial directory follows the homepage section width and theme. */
.tutorials{padding:48px 6% 60px}.tutorials h3{font-size:18px;margin:28px 0 16px}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tutorial-card{display:flex;align-items:flex-start;gap:14px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--bg);transition:border-color .18s,transform .18s}.tutorial-card:hover{border-color:var(--purple);transform:translateY(-2px)}.tutorial-card h4{margin:0 0 8px;font-size:17px;line-height:1.5}.tutorial-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.tutorial-number{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:var(--line);color:var(--purple);font-size:13px;font-weight:700}.tutorial-arrow{margin-left:auto;color:var(--purple)}.tutorial-card>div{min-width:0;flex:1}.tutorial-combo{border-color:var(--purple)}.guide-back{display:inline-block;color:var(--purple);margin-bottom:20px}.guide h1{overflow-wrap:anywhere}.guide-faq,.guide-related{margin-top:24px}.guide-footer .primary{color:white}.guide-related ul{padding-left:22px}@media(max-width:700px){.tutorials{padding:32px 5%}.tutorial-grid{grid-template-columns:1fr}.tutorial-card{padding:18px}.tutorials .section-top{display:block}.tutorials .section-top p{margin-top:12px}}@media(prefers-reduced-motion:reduce){.tutorial-card{transition:none}.tutorial-card:hover{transform:none}}

/* Compact tutorial spacing and aligned FAQ section. */
.tutorials .tutorial-intro{padding:18px 20px;border-radius:14px}.tutorials .tutorial-intro h3{margin:0 0 10px;font-size:18px;line-height:1.45}.tutorials .tutorial-intro p{margin:8px 0;font-size:14px;line-height:1.65;color:var(--muted)}.tutorials .tutorial-intro p:last-child{margin-bottom:0}.tutorial-grid{gap:12px;align-items:start}.tutorial-card{padding:16px;gap:12px;border-radius:14px}.tutorial-card h4{margin:0 0 5px;font-size:16px;line-height:1.45}.tutorial-card p{font-size:13px;line-height:1.6}.tutorial-number{flex-basis:30px;height:30px;border-radius:9px;font-size:12px}.tutorials{padding-bottom:36px}.faq{max-width:none;margin:0;padding:24px 6% 52px}.faq .section-top{margin-bottom:20px}.faq h2{margin:9px 0 0}.faq-list{border:1px solid var(--line);border-radius:14px;padding:0 20px;background:var(--bg)}.faq-list details{padding:15px 0}.faq-list details:last-child{border-bottom:0}.faq-list summary{font-weight:500;font-size:14px}.faq-list details p{max-width:none;margin:10px 0 0;line-height:1.65}@media(max-width:700px){.tutorials .tutorial-intro{padding:16px}.tutorial-card{padding:14px}.faq{padding:20px 5% 36px}.faq-list{padding:0 16px}}

/* Avoid stacked gaps between the final homepage sections. */
main>.workflow{padding-top:36px;padding-bottom:36px}main>.about{padding-top:36px;padding-bottom:36px;margin-bottom:0}main>.tutorials{padding-top:32px;padding-bottom:20px}main>.faq{padding-top:16px;padding-bottom:28px}main>.faq .section-top{margin-bottom:16px}main>.faq h2{margin-top:0}main>footer{padding-top:22px;padding-bottom:22px}main>.contact{padding-top:28px;padding-bottom:32px}main>.contact h2{margin-top:0}@media(max-width:700px){main>.workflow,main>.about{padding-top:28px;padding-bottom:28px}main>.tutorials{padding-top:24px;padding-bottom:16px}main>.faq{padding-top:12px;padding-bottom:24px}main>.contact{padding-top:24px;padding-bottom:28px}}

/* Compact the first homepage sections as well. */
main>.hero{padding-top:32px;padding-bottom:24px}main>.agent-help-wrap{padding-bottom:20px}main>.playground{padding-top:20px;padding-bottom:28px}main>.product-overview{padding-top:24px;padding-bottom:28px;margin-top:0;margin-bottom:0}main>.workflow{padding-top:28px}main>.playground>.section-top,main>.product-overview>.section-top{margin-bottom:20px}@media(max-width:700px){main>.hero{padding-top:26px;padding-bottom:20px}main>.agent-help-wrap{padding-bottom:16px}main>.playground{padding-top:16px;padding-bottom:24px}main>.product-overview{padding-top:20px;padding-bottom:24px}main>.workflow{padding-top:24px}}

.guided-demo{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;background:var(--bg)}.guide-demo-copy{flex:1;min-width:230px}.guide-demo-copy strong{font-size:16px}.guide-demo-copy p{font-size:13px;line-height:1.6;color:var(--muted);margin:5px 0 0}.guide-demo-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.guide-demo-controls button,.guide-demo-steps button{border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:7px 10px;border-radius:8px;font-size:12px}.guide-demo-controls #guide-play{background:var(--purple);color:white;border-color:var(--purple)}.guide-demo-controls button:disabled{opacity:.4;cursor:default}.guide-demo-steps{display:flex;gap:7px;flex-wrap:wrap;width:100%}.guide-demo-steps .is-current{border-color:var(--purple);color:var(--purple);font-weight:700}.guided-demo small{font-size:11px;color:var(--muted);width:100%}.guide-highlight{outline:2px solid var(--purple);outline-offset:4px;border-radius:8px}.guide-demo-controls [hidden]{display:none}@media(max-width:650px){.guided-demo{padding:14px}.guide-demo-copy{min-width:0;flex-basis:100%}}

.demo-output-label{display:block;font-size:12px;margin:12px 0 6px;color:var(--muted)}#fission-path{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--bg);font-size:12px}.output-box #open-demo-folder{width:100%;margin-top:12px}.demo-folder-browser{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-size:12px;overflow-wrap:anywhere}.demo-folder-browser[hidden]{display:none}.demo-folder-browser small{display:block;color:var(--muted)}#demo-folder-files>div{margin:10px 0}#demo-folder-files>div>div{padding:3px 0 3px 12px}.demo-folder-browser>strong{font-size:13px}

/* Product-first split landing page, retaining the cream theme. */
.landing-intro{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,2fr);align-items:start;padding:28px 4% 32px;gap:28px;border-bottom:1px solid var(--line)}.landing-intro>.hero{padding:16px 0;margin:0;min-width:0}.landing-intro h1{font-size:clamp(30px,2.9vw,45px);letter-spacing:-1.2px;line-height:1.35;margin:20px 0}.hero-intro{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 22px}.hero-capabilities{display:grid;gap:0;margin:0 0 24px}.hero-capabilities>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.hero-capabilities>a>span{font-size:11px;color:var(--purple)}.hero-capabilities strong{display:block;font-size:15px}.hero-capabilities small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.hero-capabilities b{margin-left:auto;font-weight:400;color:var(--purple)}.landing-intro .hero-actions{margin:0;gap:12px}.landing-intro .hero-actions>.primary{width:auto;height:44px;padding:0 18px}.hero-tutorial-link{font-size:13px;color:var(--purple)}.landing-intro .hero-notes{font-size:11px;gap:14px;margin-top:18px}.landing-intro>.playground{padding:0;min-width:0}.landing-intro .section-top{display:block;margin-bottom:16px}.landing-intro .section-top h2{font-size:20px;letter-spacing:-.4px;margin:6px 0}.landing-intro .section-top p{font-size:11px;line-height:1.6}.landing-intro .guided-demo{padding:12px;margin-bottom:12px;gap:9px}.landing-intro .guide-demo-copy strong{font-size:14px}.landing-intro .guide-demo-copy p{font-size:12px}.landing-intro .guide-demo-steps button{padding:5px 7px;font-size:11px}.landing-intro .studio{grid-template-columns:145px minmax(0,1fr) 145px;padding:12px;gap:10px}.landing-intro .studio.secondary-mode{grid-template-columns:1fr}.landing-intro .desk-card{padding:12px}.landing-intro .desk-card h3{font-size:13px}.landing-intro .desk-note{font-size:11px}.landing-intro .panel{padding:12px}.landing-intro #panel-watermark{grid-template-columns:1fr;gap:12px}.landing-intro .workspace-bar{padding:0 12px;height:48px}.landing-intro .workspace-bar .badge{display:none}.landing-intro .fission-layout{grid-template-columns:1fr 1fr}.landing-intro .output-box{grid-column:1/-1}.landing-intro .studio.secondary-mode .naming-controls{grid-template-columns:1fr 1fr}.landing-intro .file-row{font-size:12px}.landing-intro .real-layout{font-size:12px}.product-overview .case-card h3{font-size:24px}.agent-help-wrap{padding-top:24px}.tutorials,.faq,.workflow{border-color:var(--line)}
@media(max-width:1100px){.landing-intro{grid-template-columns:1fr;padding:24px 5%;gap:24px}.landing-intro>.hero{padding:0}.landing-intro h1{font-size:38px}.hero-capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hero-capabilities>a{align-items:flex-start}.hero-capabilities b{display:none}.landing-intro .studio{grid-template-columns:175px minmax(0,1fr) 175px}}
@media(max-width:700px){.landing-intro{padding:24px 5%;gap:24px}.landing-intro h1{font-size:32px}.hero-capabilities{grid-template-columns:1fr;gap:0;margin-bottom:18px}.hero-capabilities>a{padding:10px 0}.landing-intro .studio{grid-template-columns:1fr}.landing-intro .studio .input-sidebar{display:grid;grid-template-columns:1fr 1fr}.landing-intro .studio .output-sidebar{display:grid;grid-template-columns:1fr 1fr}.landing-intro .studio.secondary-mode .naming-controls{grid-template-columns:1fr}.landing-intro .fission-layout{grid-template-columns:1fr}.landing-intro .output-box{grid-column:auto}.landing-intro .guide-demo-steps{gap:5px}}

.landing-intro h1{font-size:clamp(30px,2.5vw,38px)}.landing-intro .section-top p br{display:none}.landing-intro .guide-demo-copy{min-width:180px}.landing-intro .guided-demo small{display:none}@media(max-width:700px){.landing-intro h1{font-size:32px}}

/* Original hero copy within the split layout. */
.landing-intro .hero-bottom{display:block}.landing-intro .hero-bottom>p{font-size:14px;line-height:1.8;margin:0 0 24px}.landing-intro .hero-actions{margin-top:0}.landing-intro .hero-actions>.primary,.landing-intro .hero-actions>.download-button{width:calc((100% - 12px)/2);min-width:0;height:44px;padding:0 10px;font-size:12px;gap:8px}.landing-intro .hero-notes{flex-wrap:wrap;gap:10px;margin-top:18px}.landing-intro .decor{display:none}.landing-intro .hero h1{font-size:clamp(30px,2.5vw,38px)}@media(max-width:1100px){.landing-intro .hero-actions{max-width:420px}.landing-intro .hero h1{font-size:38px}}@media(max-width:700px){.landing-intro .hero h1{font-size:32px}}

/* Compact onboarding and integrated workbench layout. */
.landing-intro .guided-demo{border:0;border-radius:0;background:transparent;padding:4px 0 10px;margin:0;flex-wrap:nowrap;gap:10px;min-height:40px}
.landing-intro .guide-demo-copy{min-width:0;flex:1}.landing-intro .guide-demo-copy strong{font-size:11px;font-weight:500;color:var(--muted)}
.landing-intro #guide-description{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.landing-intro .guide-demo-steps,.landing-intro .guided-demo>small{display:none}
.landing-intro .guide-demo-controls{gap:4px;flex-wrap:nowrap}.landing-intro .guide-demo-controls button{font-size:11px;padding:5px 7px;background:transparent}.landing-intro .guide-demo-controls #guide-play{background:transparent;color:var(--purple);border-color:var(--line)}
.landing-intro .fission-layout{grid-template-columns:minmax(0,1fr) minmax(200px,.8fr);gap:12px;align-items:start}
.landing-intro .source-box{grid-column:1;grid-row:1;padding:14px}.landing-intro .branch-list{grid-column:1;grid-row:2;gap:8px}.landing-intro .output-box{grid-column:2;grid-row:1 / span 2;padding:14px;min-width:0;align-self:stretch}.landing-intro .branch-list label{padding:12px}.landing-intro .output-box #folders{overflow-wrap:anywhere}.landing-intro .output-total{margin:12px 0}
.landing-intro .hero>.agent-help-wrap{padding:0;margin-top:26px}.landing-intro .agent-help{display:block;padding:16px;border-radius:12px}.landing-intro .agent-help h2{font-size:18px;line-height:1.4;margin:6px 0 10px}.landing-intro .agent-help p{font-size:12px;line-height:1.7;margin:0 0 12px}.landing-intro .agent-help .eyebrow{font-size:10px}.landing-intro .agent-help-actions{gap:10px;flex-wrap:wrap;margin-top:12px}.landing-intro .agent-help-actions button{padding:8px 12px;font-size:12px}.landing-intro .agent-help-actions a,.landing-intro .agent-help small,.landing-intro .agent-prompt-details summary{font-size:11px}.landing-intro .agent-help textarea{width:100%;min-width:0;font-size:12px}
.product-overview .case-grid{max-width:760px;margin:0 auto}.product-overview .case-card{padding:20px}.product-overview .case-card video{display:block;width:100%;max-height:390px;object-fit:contain}.product-overview .case-card p{font-size:13px}
@media(max-width:700px){.landing-intro .fission-layout{grid-template-columns:1fr}.landing-intro .source-box,.landing-intro .branch-list,.landing-intro .output-box{grid-column:1;grid-row:auto}.landing-intro .guided-demo{flex-wrap:wrap;gap:6px}.landing-intro .hero>.agent-help-wrap{max-width:480px}.product-overview .case-card{padding:14px}}

/* Fold AI help and place tour controls within the workbench toolbar. */
.landing-intro .hero>.agent-onboarding{margin-top:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}
.agent-onboarding>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 0;font-size:13px;color:var(--purple);font-weight:600}
.agent-onboarding>summary::-webkit-details-marker{display:none}.agent-onboarding[open]>summary span{transform:rotate(45deg)}.agent-onboarding>summary span{font-size:18px;transition:transform .2s}
.landing-intro .agent-onboarding .agent-help{border:0;background:transparent;padding:0 0 16px}.landing-intro .agent-onboarding .agent-help>div:first-child .eyebrow,.landing-intro .agent-onboarding .agent-help h2{display:none}
.landing-intro .workspace-bar{height:auto;min-height:48px;gap:8px;flex-wrap:wrap;padding:8px 12px}.landing-intro .workspace-bar>.guided-demo{flex:1;min-height:0;margin:0;padding:0;justify-content:flex-end;gap:6px}.landing-intro .workspace-bar .guide-demo-copy{display:none}.landing-intro .workspace-bar .guide-demo-controls{gap:3px}.landing-intro .workspace-bar .guide-demo-controls button{padding:4px 5px;font-size:10px}.landing-intro .workspace-bar>.reset{margin-left:0;flex-shrink:0}
@media(max-width:700px){.landing-intro .workspace-bar>.guided-demo{flex:1;flex-wrap:nowrap}.landing-intro .workspace-bar>#demo-title{font-size:12px}.landing-intro .workspace-bar .guide-demo-controls{flex-wrap:wrap}}

/* Keep all workbench columns inside the available width. */
.landing-intro .studio>*{min-width:0}.landing-intro .desk-card select,.landing-intro .desk-card input,.landing-intro .path-example{max-width:100%;min-width:0;overflow-wrap:anywhere}.landing-intro .workspace{min-width:0;overflow:hidden}
@media(min-width:701px) and (max-width:1400px){.landing-intro .studio{grid-template-columns:minmax(115px,.7fr) minmax(0,2fr) minmax(115px,.7fr)}}
@media(max-width:900px){.landing-intro .studio{grid-template-columns:minmax(130px,.6fr) minmax(0,2fr)}.landing-intro .output-sidebar{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.landing-intro .studio.secondary-mode{grid-template-columns:1fr}}
@media(max-width:700px){.landing-intro .studio{grid-template-columns:minmax(0,1fr)}.landing-intro .output-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-intro .studio .input-sidebar{min-width:0}}

/* One shared alignment for the product introduction and video. */
main>.product-overview{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:48px;align-items:center;padding:36px 5%;background:var(--bg);border-bottom:1px solid var(--line)}
.overview-copy h2{font-size:30px;line-height:1.4;margin:14px 0 18px;letter-spacing:-.6px}.overview-copy p{font-size:14px;line-height:1.8;color:var(--muted);max-width:340px;margin:0}.overview-video{min-width:0}.overview-video video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#19171b}
@media(max-width:700px){main>.product-overview{grid-template-columns:1fr;gap:20px;padding:28px 5%}.overview-copy h2{font-size:25px}.overview-copy h2 br{display:none}.overview-copy p{max-width:none}}
/* Restore the introduction above the full-width workbench. */
.landing-intro{display:block;padding:28px 5% 32px}.landing-intro>.hero{padding:12px 0 28px}.landing-intro .hero h1{font-size:clamp(36px,4.5vw,62px);line-height:1.25}.landing-intro .hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px}.landing-intro .hero-bottom>p{font-size:16px;margin:0;max-width:620px}.landing-intro .hero-actions{width:380px;max-width:100%;flex-shrink:0}.landing-intro .hero>.agent-help-wrap{margin-top:24px}.landing-intro .agent-help{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 28px;padding:20px 24px}.landing-intro .agent-help-actions{margin:0}.landing-intro .agent-help>small{grid-column:1/-1}.landing-intro>.playground{padding-top:20px}.landing-intro .studio{grid-template-columns:190px minmax(0,1fr) 190px}.landing-intro #panel-watermark{grid-template-columns:1fr}.landing-intro .studio.secondary-mode{grid-template-columns:1fr}
@media(max-width:900px){.landing-intro .hero-bottom{display:block}.landing-intro .hero-bottom>p{margin-bottom:20px}.landing-intro .studio{grid-template-columns:155px minmax(0,1fr)}.landing-intro .output-sidebar{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media(max-width:700px){.landing-intro .hero h1{font-size:36px}.landing-intro .agent-help{display:block;padding:18px}.landing-intro .agent-help-actions{margin-top:12px}.landing-intro .studio{grid-template-columns:minmax(0,1fr)}.landing-intro .output-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Restore the original compact hero grouping and vertical AI card. */
.landing-intro .hero-bottom{justify-content:flex-start;gap:40px}.landing-intro .hero-bottom>p{flex:0 1 470px;max-width:470px;font-size:16px}.landing-intro .hero-actions{width:360px;gap:12px}.landing-intro .hero-actions>.primary,.landing-intro .hero-actions>.download-button{height:50px;font-size:14px}.landing-intro .hero-notes{font-size:13px;gap:24px;margin-top:24px}
.landing-intro .agent-help{display:block;padding:26px 30px}.landing-intro .agent-help h2{font-size:24px;margin:10px 0 16px}.landing-intro .agent-help .eyebrow{font-size:11px}.landing-intro .agent-help p{font-size:15px;line-height:1.8;margin:0 0 18px}.landing-intro .agent-prompt-details{width:100%;margin:0 0 18px}.landing-intro .agent-prompt-details summary{font-size:14px}.landing-intro .agent-help textarea{font-size:14px;line-height:1.8;min-height:150px}.landing-intro .agent-help-actions{display:flex;align-items:center;gap:18px;margin:0 0 12px}.landing-intro .agent-help-actions button{font-size:14px;padding:12px 18px}.landing-intro .agent-help-actions a{font-size:14px}.landing-intro .agent-help small{font-size:12px}
@media(max-width:900px){.landing-intro .hero-bottom>p{max-width:620px}.landing-intro .hero-actions{width:360px}.landing-intro .hero-bottom{display:block}}
@media(max-width:700px){.landing-intro .agent-help{padding:20px}.landing-intro .agent-help h2{font-size:21px}.landing-intro .agent-help p{font-size:14px}.landing-intro .hero-actions{width:100%;max-width:360px}.landing-intro .hero-notes{gap:12px}}
/* Final hero spacing: keep actions immediately beside the introduction. */
.landing-intro .hero-bottom{gap:20px}.landing-intro .hero-bottom>p{flex:0 1 auto;width:max-content;max-width:470px}.landing-intro .hero-actions{flex:0 0 340px;width:340px;margin-left:0}
@media(max-width:900px){.landing-intro .hero-bottom>p{width:auto;max-width:620px}.landing-intro .hero-actions{width:340px;max-width:100%}}