/* Homepage brand scenes and story; shared pages retain their base styles. */
.home-film{padding-top:70px;padding-bottom:60px;border-top:1px solid var(--line);scroll-margin-top:100px}.home-film .section-heading h2{font-size:clamp(25px,3vw,34px)}.brand-film{margin:0;min-width:0}.brand-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#07180f;border:1px solid #294f39;border-radius:12px}.brand-film figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-top:15px;font-size:12px;color:var(--muted);line-height:1.8}.brand-film figcaption p{margin:0;max-width:740px}.brand-film figcaption a{color:var(--green);white-space:nowrap;min-height:30px}@media(max-width:650px){.home-film{padding-top:46px;padding-bottom:40px}.brand-film video{border-radius:8px}.brand-film figcaption{flex-direction:column;gap:8px;font-size:11px}}
.home-hero{position:relative;isolation:isolate;display:block;min-height:745px;padding-top:66px;padding-bottom:58px}
.home-hero .hero-content{position:relative;z-index:1;width:49%;max-width:535px}
.home-hero .hero-copy .eyebrow{font-size:12px;letter-spacing:1.7px;margin-bottom:25px}
.home-hero h1{font-size:clamp(46px,4.8vw,70px);line-height:1.25;letter-spacing:-2.6px}
.home-hero .hero-description{font-size:25px;line-height:1.6;margin-top:27px;color:var(--green)}
.home-hero .hero-support{margin-top:15px;max-width:475px;font-size:14px;line-height:1.9}
.home-hero .hero-actions{gap:15px 24px;margin-top:27px}
.home-hero .hero-actions .button{padding:13px 27px;min-height:48px}
.hero-demo-link{gap:8px;font-size:14px}
.hero-demo-link .ui-icon{width:16px;height:16px}
.home-hero .hero-install-shortcut{flex-basis:100%;justify-content:flex-start;font-size:13px;min-height:26px}
.home-hero .hero-footnote{font-size:12px;margin-top:15px}
.brand-hero-art{position:absolute;inset:0;z-index:0;margin:0;overflow:hidden}
.brand-hero-art img{width:100%;height:100%;object-fit:cover;object-position:right center}
.brand-hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 32%,#f8f9f5ee 43%,#f8f9f560 58%,#f8f9f500 70%),linear-gradient(0deg,var(--paper),#f8f9f500 18%)}
.brand-chapter{display:grid;grid-template-columns:1fr 1.12fr;gap:60px;align-items:center}
.brand-chapter-copy{min-width:0}
.brand-chapter-copy h2,.brand-chapter-copy h3{font-size:clamp(29px,3vw,40px);line-height:1.4;letter-spacing:-1px;margin-bottom:23px}
.brand-chapter-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:var(--muted)}
.brand-chapter-copy>p.brand-chapter-detail,.brand-chapter-copy>p.role-example{font-size:13px;margin-top:22px}
.brand-scene,.employee-portrait{margin:0;min-width:0;overflow:hidden;border-radius:12px;background:#eef1e9}
.brand-scene img,.employee-portrait img{display:block;width:100%;height:auto}
.studio-structure{border:0;border-radius:0;overflow:visible}
.studio-structure>header.brand-collaboration{grid-template-columns:1fr 1.12fr;gap:60px;padding:0 0 45px;background:transparent}
.studio-structure-grid{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.studio-structure-note{padding-inline:0}
.brand-employee{margin-bottom:40px}
.employee-portrait{position:relative;max-width:460px;justify-self:center;border:1px solid #dce4d5}
.employee-portrait figcaption{position:absolute;inset:auto 0 0;padding:50px 28px 25px;background:linear-gradient(0deg,#f4f6ee,#f4f6ee00);color:var(--green)}
.employee-portrait figcaption span{display:block;font-size:11px;margin-bottom:8px}
.employee-portrait figcaption strong{font-size:16px;font-weight:500;line-height:1.7}
.employee-capabilities{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:27px 0 0;padding:0}
.employee-capabilities li{border:1px solid #d8e2d2;border-radius:5px;padding:5px 12px;font-size:12px;color:var(--green);background:#f1f5ed}
.brand-twin{grid-template-columns:1.12fr 1fr;padding-top:64px;margin-top:50px;border-top:1px solid var(--line)}
.brand-twin .concept-note{font-size:12px!important;margin-top:22px;line-height:1.9}
.brand-visual-note{font-size:11px;color:var(--muted);margin-top:17px}
.brand-market{margin-bottom:40px}
.home-principles{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-top:23px;padding-bottom:29px;border-top:1px solid var(--line)}
.home-principles strong{font-size:15px;font-weight:500}
.home-principles>div{display:flex;gap:27px;color:var(--muted);font-size:13px;flex-wrap:wrap}
.home-demo{padding-top:76px;padding-bottom:76px;border-top:1px solid var(--line)}
.home-demo .section-heading h2{font-size:34px}
.demo-story{display:grid;grid-template-columns:270px minmax(0,1fr);gap:35px}
.home-demo:not(.is-enhanced) .demo-story{grid-template-columns:1fr}
.demo-story-tabs{display:grid;gap:8px;align-content:start}
.demo-story-tabs button{display:flex;align-items:flex-start;gap:16px;border:1px solid transparent;background:transparent;text-align:left;padding:20px 18px;border-radius:9px;color:var(--ink);width:100%}
.demo-story-tabs button:hover{background:var(--sage)}
.demo-story-tabs [aria-selected="true"]{background:var(--green-soft);border-color:#d4decc}
.demo-step-number{font-size:12px;line-height:25px;color:#647a64}
.demo-story-tabs strong{font-size:16px;font-weight:550;display:block}
.demo-story-tabs small{display:block;font-size:13px;color:var(--muted);line-height:1.65;margin-top:6px}
.demo-story-stage{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 12px 36px #20382508}
.demo-stage-heading{min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:12px 28px;border-bottom:1px solid var(--line);background:#fcfcfa;font-size:12px;color:var(--muted)}
.demo-example-label{font-size:11px}
.demo-story-stage article{padding:30px 34px 34px;min-height:350px;outline-offset:-4px}
.demo-story-stage article+article{border-top:1px solid var(--line)}
.home-demo.is-enhanced .demo-story-stage article{border-top:0}
.demo-panel-eyebrow{font-size:11px;letter-spacing:1.3px;color:var(--green);margin-bottom:13px}
.demo-story-stage h3{font-size:26px;line-height:1.45;letter-spacing:-.5px;margin-bottom:12px}
.demo-panel-intro{font-size:14px;line-height:1.9;max-width:650px;color:var(--muted)}
.demo-prompt{padding:22px 24px;border:1px solid var(--line);border-radius:9px;background:#fcfcfa;margin-top:25px;font-size:16px;line-height:1.9}
.demo-prompt>p{color:var(--ink)}
.demo-prompt-attachment{display:inline-flex;align-items:center;gap:7px;background:var(--sage);border-radius:5px;padding:5px 9px;font-size:11px;margin-top:19px;color:var(--muted)}
.demo-prompt-attachment .ui-icon{width:14px;height:14px}
.demo-work-list{margin:22px 0 0;display:grid;gap:15px}
.demo-work-list>div{display:grid;grid-template-columns:51px minmax(0,1fr);gap:16px}
.demo-work-list dt{font-size:12px;display:flex;align-items:center;justify-content:center;align-self:start;min-height:31px;border:1px solid #d6e0d1;border-radius:5px;background:var(--sage);color:var(--green)}
.demo-work-list dd{margin:0;padding:3px 0;font-size:14px;line-height:1.8;color:var(--muted)}
.demo-decision{padding:20px 22px;margin-top:22px;border:1px solid #dccaac;border-radius:9px;background:#fbf7ef}
.demo-decision>span{font-size:11px;color:#85613c}
.demo-decision h4{margin:8px 0 6px;font-size:17px;font-weight:550}
.demo-decision p{font-size:13px;line-height:1.85;color:var(--muted)}
.demo-decision .demo-decision-note{font-size:12px;margin-top:10px;color:#806746}
.demo-result-document{padding:21px 24px;margin-top:21px;border:1px solid var(--line);border-radius:9px;background:#fafbf7}
.demo-result-document>div{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.demo-result-document>div .ui-icon{width:15px;height:15px}
.demo-result-document h4{font-weight:550;font-size:20px;margin:10px 0 7px}
.demo-result-document p{font-size:13px;color:var(--muted);line-height:1.9}
.demo-result-document a{font-size:13px;margin-top:12px;gap:8px;min-height:44px}
.demo-result-document a .ui-icon{width:15px;height:15px}
.demo-scene-note{font-size:12px;color:var(--muted);margin-top:21px;line-height:1.9}
.screenshots-section{padding-top:70px;border-top:1px solid var(--line)}
.screenshots-section .section-heading h2{font-size:30px}
.screenshots-section .section-heading{align-items:flex-end;margin-bottom:26px}
.screenshots-section .screenshot-viewport{border-radius:12px}
.overview-section{padding-top:72px}
.industry-disclosure{margin-top:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.industry-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;font-size:15px;color:var(--ink)}
.industry-disclosure>summary .ui-icon{width:18px;height:18px}
.industry-disclosure[open] .disclosure-vertical{display:none}
.industry-disclosure .industry-catalog{margin-top:0;padding-top:5px;border-top:0;padding-bottom:27px}
.possibilities{background:#eef2e9}
.possibilities .industry-case{background:var(--paper);border-color:#d5dfcf}
.work-model-section{padding-top:76px}
.market-section{padding-top:76px;padding-bottom:76px}
.control-section{background:#eef2e9;border-radius:14px;margin-top:26px;margin-bottom:26px}
.plans-section{padding-top:76px}
.plan-free{border-color:#b4c7ac;background:#f2f6ed}
.closing{position:relative;isolation:isolate;overflow:hidden;border:1px solid #294639;border-radius:14px;background:#15271f;color:#edf2e7;padding:48px 44px;margin-top:45px;margin-bottom:56px;text-align:left;min-height:385px}
.brand-closing-art{position:absolute;inset:0;margin:0;z-index:0}
.brand-closing-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:right top}
.brand-closing-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#15271f 0%,#15271fee 32%,#15271f80 53%,#15271f00 72%)}
.closing-copy{position:relative;z-index:1;max-width:430px}
.closing .eyebrow{color:#bdcbbd;font-size:11px}
.closing h2{color:#edf2e7;font-size:40px;line-height:1.4;letter-spacing:-1px;margin-bottom:15px}
.closing-copy>p:not(.eyebrow){color:#c5d2c5;font-size:13px;max-width:360px;line-height:1.9}
.closing .button{background:#eaf0e5;color:#284b39;margin-top:24px}
.closing .button:hover{background:#fff}
@media(max-width:1100px){
 .home-hero{padding-top:46px;min-height:720px}
 .home-hero .hero-content{width:53%}
 .home-hero h1{font-size:clamp(43px,5vw,56px)}
 .home-hero .hero-description{font-size:23px}
 .brand-hero-art::after{background:linear-gradient(90deg,var(--paper) 0%,var(--paper) 37%,#f8f9f5ee 47%,#f8f9f570 61%,#f8f9f500 77%),linear-gradient(0deg,var(--paper),#f8f9f500 18%)}
 .brand-chapter,.studio-structure>header.brand-collaboration{gap:36px}
 .brand-chapter-copy h2,.brand-chapter-copy h3{font-size:31px}
 .brand-chapter-copy>p:not(.eyebrow){font-size:14px}
 .demo-story{grid-template-columns:220px minmax(0,1fr);gap:22px}
 .demo-story-tabs button{padding:19px 14px;gap:12px}
 .demo-story-tabs small{font-size:12px}
 .demo-story-stage article{padding:26px 28px}
 .home-principles>div{gap:17px;font-size:12px}
}
@media(max-width:850px){
 .home-hero{padding-top:37px;padding-bottom:0;min-height:0}
 .home-hero .hero-content{width:100%;max-width:600px}
 .home-hero h1{font-size:58px}
 .brand-hero-art{position:relative;inset:auto;width:calc(100% + 44px);margin:15px -22px 0;aspect-ratio:1.8;min-height:300px}
 .brand-hero-art::after{background:linear-gradient(180deg,var(--paper),#f8f9f500 21%),linear-gradient(0deg,var(--paper),#f8f9f500 13%)}
 .brand-chapter,.studio-structure>header.brand-collaboration{grid-template-columns:1fr;gap:30px}
 .brand-chapter-copy{max-width:620px}
 .brand-chapter-copy h2,.brand-chapter-copy h3{font-size:34px}
 .brand-twin .brand-chapter-copy{grid-row:1}
 .employee-portrait{width:100%;max-width:430px}
 .brand-twin{padding-top:45px;margin-top:38px}
 .home-principles{align-items:flex-start;flex-direction:column;gap:11px}
 .demo-story{grid-template-columns:1fr;gap:18px}
 .demo-story-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .demo-story-tabs button{padding:14px 11px;display:block}
 .demo-story-tabs strong{font-size:14px}
 .demo-story-tabs small{font-size:11px;max-width:110px}
 .demo-step-number{display:block;margin-bottom:5px}
 .demo-story-stage article{min-height:335px}
 .closing{margin-left:24px;margin-right:24px;max-width:calc(100% - 48px);min-height:430px}
 .brand-closing-art::after{background:linear-gradient(90deg,#15271f 0%,#15271fee 38%,#15271f80 62%,#15271f30 100%)}
 .closing-copy{max-width:52%}
}
@media(max-width:650px){
 .home-hero{padding-top:30px}
 .home-hero h1{font-size:clamp(36px,10.8vw,50px);letter-spacing:-1.8px}
 .home-hero .hero-copy .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:22px}
 .home-hero .hero-description{font-size:23px;margin-top:24px}
 .home-hero .hero-support{font-size:14px;line-height:1.9}
 .home-hero .hero-support br{display:none}
 .home-hero .hero-actions{gap:12px 17px;margin-top:23px}
 .home-hero .hero-actions .button{padding:12px 20px;font-size:14px}
 .home-hero .hero-demo-link{font-size:12px}
 .home-hero .hero-install-shortcut{font-size:12px}
 .home-hero .hero-footnote{font-size:11px;margin-top:13px}
 .brand-hero-art{margin:10px -22px 0;aspect-ratio:1.3;min-height:260px}
 .brand-chapter-copy h2,.brand-chapter-copy h3{font-size:29px;letter-spacing:-.6px;margin-bottom:18px}
 .brand-chapter-copy>p:not(.eyebrow){font-size:14px}
 .brand-chapter-copy>p.brand-chapter-detail,.brand-chapter-copy>p.role-example{font-size:12px}
 .employee-portrait figcaption{padding:42px 20px 20px}
 .employee-portrait figcaption strong{font-size:14px}
 .home-principles{padding-top:19px;padding-bottom:24px}
 .home-principles strong{font-size:14px}
 .home-principles>div{gap:8px 15px;font-size:11px}
 .home-demo{padding-top:48px;padding-bottom:48px}
 .home-demo .section-heading h2,.screenshots-section .section-heading h2{font-size:27px}
 .demo-story-tabs{gap:5px}
 .demo-story-tabs button{padding:12px 6px;text-align:center}
 .demo-story-tabs strong{font-size:12px}
 .demo-story-tabs small{display:none}
 .demo-step-number{font-size:10px}
 .demo-stage-heading{padding:13px 19px;font-size:11px;gap:8px}
 .demo-example-label{font-size:10px}
 .demo-story-stage article{padding:24px 21px;min-height:370px}
 .demo-story-stage h3{font-size:22px}
 .demo-panel-intro{font-size:13px}
 .demo-prompt{padding:18px;font-size:14px;margin-top:21px}
 .demo-prompt-attachment{font-size:10px;gap:5px}
 .demo-work-list>div{grid-template-columns:42px minmax(0,1fr);gap:11px}
 .demo-work-list dd{font-size:13px}
 .demo-decision{padding:17px}
 .demo-decision h4{font-size:16px}
 .demo-result-document{padding:18px}
 .demo-result-document h4{font-size:18px}
 .demo-scene-note{font-size:11px}
 .screenshots-section{padding-top:47px}
 .overview-section,.market-section,.plans-section,.work-model-section{padding-top:48px}
 .industry-disclosure>summary{font-size:14px}
 .control-section{border-radius:10px}
 .closing{padding:30px 25px 235px;min-height:0;margin-top:27px;margin-bottom:36px}
 .closing-copy{max-width:100%}
 .closing h2{font-size:33px}
 .closing-copy>p:not(.eyebrow){font-size:12px}
 .brand-closing-art{top:auto;height:300px}
 .brand-closing-art::after{background:linear-gradient(180deg,#15271f 0%,#15271f00 33%),linear-gradient(0deg,#15271f70,#15271f00 40%)}
}