/* Information hierarchy and compact, reader-controlled exploration. */
.benefit-overview{padding-block:32px 36px;border-top:1px solid var(--line)}
.benefit-overview h2{font-size:var(--text-xs)}
.benefit-map{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}
.benefit-map>div{padding:0 24px;border-left:1px solid var(--line)}
.benefit-map>div:first-child{padding-left:0;border-left:0}
.benefit-map>div:last-child{padding-right:0}
.map-index{display:block;color:var(--gold-text);font-family:var(--font-display);font-size:15px}
.benefit-map h3{font:500 16px/1.5 var(--font-body);color:var(--ink);margin:8px 0}
.benefit-map p{font-size:14px;line-height:1.7}
.sales-benefits{gap:36px 52px}
.sales-benefits h3{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.35;margin-top:14px}
.sales-benefits .financing-benefit{grid-column:1/-1}
.financing-lead{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.financing-lead>div:last-child p:first-child{margin-top:0}
.payment-diagram{margin:28px 0 0;background:var(--gold-wash);padding:24px 28px;border:1px solid var(--gold-light);border-radius:var(--radius)}
.payment-diagram figcaption{font-size:12px;line-height:1.6;color:var(--gold-text);font-weight:600;letter-spacing:.06em}
.payment-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;list-style:none;padding:0;margin:24px 0 0}
.payment-journey li{position:relative}
.payment-journey li:not(:last-child)::after{content:"→";position:absolute;right:-32px;top:29px;color:var(--gold-text);font-size:24px}
.payment-journey li>span{font-size:13px;color:var(--gold-text)}
.payment-journey strong{display:block;font-size:17px;font-weight:500;line-height:1.5;margin:5px 0}
.payment-journey small{display:block;font-size:13px;line-height:1.6}
.payment-diagram .repayment-note{margin-top:22px;padding-top:14px;border-top:1px solid #9a814540;font-size:14px;line-height:1.7}
.benefit-limit{font-size:13px;line-height:1.75;color:var(--muted)}
.financing-detail{margin-top:16px}
.financing-detail summary{font-size:14px;min-height:48px;padding:14px 0}
.mini-flow{list-style:none;padding:0 0 0 23px;margin:24px 0 0;border-left:1px solid var(--gold-light)}
.mini-flow li{position:relative;padding:0 0 18px;font-size:15px;line-height:1.6}
.mini-flow li:last-child{padding-bottom:0}
.mini-flow li::before{content:"";position:absolute;left:-28px;top:6px;width:9px;height:9px;background:var(--paper);border:1px solid var(--gold);border-radius:50%}
.connected-offer{display:flex;flex-wrap:wrap;align-items:center;gap:9px 26px;padding:22px 0;margin-top:8px}
.connected-offer span{position:relative;font-size:15px;color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:6px}
.connected-offer span:not(:last-child)::after{content:"→";position:absolute;right:-21px;color:var(--gold-text)}
.ai-benefit{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:0 52px;align-items:center}
.ai-benefit>.benefit-limit{grid-column:1/-1;margin-top:22px}
.ai-question-example{border:1px solid var(--line);padding:24px;background:var(--surface)}
.ai-question-example>span,.ai-question-example>div>span{font-size:12px;color:var(--gold-text);font-weight:500;letter-spacing:.06em}
.ai-question-example>p{font:400 24px/1.4 var(--font-display);color:var(--ink)}
.ai-question-example>div{margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}
.ai-question-example>div>p{font-size:14px;line-height:1.7}
.mobile-flow-selectors,.mobile-agent-selector{display:none}
.flow-track{margin-block:24px}
.flow-rail{display:none}
.flow-stages{gap:8px}
.flow-stages button{flex-direction:row;justify-content:center;gap:9px;min-height:56px;border:1px solid var(--line);padding:8px;background:var(--paper);border-radius:var(--radius)}
.flow-stages button[aria-selected=true]{border-color:var(--gold);background:var(--gold-wash)}
.flow-stages .stage-node{width:auto;height:auto;min-width:18px;border:0;border-radius:0;box-shadow:none!important;background:transparent!important;font-size:13px}
.flow-stages .stage-name{margin:0;font-size:14px}
.stage-panel{min-height:0;gap:28px;padding-top:24px}
.stage-count{display:none}
.stage-story h3{margin-top:8px}
.stage-question>p{font-size:19px;margin-top:12px}
.stage-pagination{justify-content:flex-end;margin-top:20px;padding-top:0;gap:14px}
.stage-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;height:auto;min-height:44px;border-radius:var(--radius);padding:9px 13px;font:500 14px/1.4 var(--font-body)}
.tour-control:disabled{cursor:default;color:var(--muted)}
.stack-access{margin-block:28px 36px;gap:24px 36px}
.stack-cost-note{grid-column:1/-1;padding-top:16px;border-top:1px solid #9a814540;font-size:14px!important;line-height:1.7!important;max-width:none!important}
.agent-section-top{align-items:center}
.agent-section-top>div{max-width:660px}
.agent-orientation{font-size:14px;line-height:1.7;margin-top:12px;max-width:590px}
.agent-explorer{grid-template-columns:.85fr 1.4fr;align-items:stretch}
.agent-menu button{min-height:82px}
.agent-result{padding-block:24px}
.result-label{font-size:11px;letter-spacing:.08em;line-height:1.6;color:var(--gold-text);font-weight:600}
.agent-result h3{font-size:clamp(1.6rem,2.4vw,2.15rem);line-height:1.25;margin:14px 0}
.agent-result>p:not(.result-label){font-size:16px;line-height:1.8}
.agent-panel .agent-boundary{margin:0 0 20px;font-size:13px}
.agent-method{margin-top:auto}
.agent-method>summary{font-size:14px;min-height:48px;padding-block:14px}
.method-content{padding:8px 0 20px}
.method-content h4{font-size:16px;color:var(--ink);font-weight:500;line-height:1.6;margin-bottom:10px}
.agent-workflow{margin-top:20px}
.setup-clarity{margin-top:44px}
.setup-heading h3{font-family:var(--font-display);font-size:clamp(1.7rem,2.7vw,2.5rem);font-weight:400;line-height:1.3;color:var(--ink);margin:12px 0}
.setup-heading>p:last-child{font-size:15px}
.setup-comparison{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:24px}
.setup-comparison>div{padding:24px 0;border-top:1px solid var(--line)}
.setup-comparison h4,.your-role h4{font-size:17px;line-height:1.5;font-weight:500;color:var(--ink);margin:12px 0}
.setup-comparison p,.your-role p{font-size:15px;line-height:1.8}
.your-role{padding:22px 24px;background:var(--gold-wash);border-left:2px solid var(--gold)}
.your-role h4{margin-top:0}
.your-role p+p{margin-top:10px}
.training-details{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px;align-items:start}
.training-details>details{border-bottom:1px solid var(--line)}
.training-details summary{font-size:15px;min-height:56px;padding-block:16px}
.training-list,.foundation-content{padding-bottom:20px}
.foundation-content>p{font-size:14px;line-height:1.7}
.foundation-list{font-size:14px}
.faq-group-label{font-size:14px;font-weight:600;color:var(--gold-text);letter-spacing:.04em;margin:32px 0 12px}
.faq-list>details>summary{font-size:16px}
.faq{padding-bottom:48px}
.conviction{margin-bottom:0}
.reveal.will-reveal{clip-path:none;opacity:1;transition:none}
.reveal.is-visible{clip-path:none}
@media(max-width:950px){
 .benefit-map>div{padding-inline:15px}
 .benefit-map h3{font-size:15px}
 .financing-lead{gap:28px}
 .payment-journey{gap:32px}
 .payment-journey li:not(:last-child)::after{right:-23px}
 .ai-benefit{gap:0 28px}
 .flow-stages button{flex-direction:column;gap:4px}
 .agent-section-top{align-items:start}
}
@media(max-width:700px){
 .benefit-overview{padding-block:26px}
 .benefit-map{grid-template-columns:1fr 1fr;gap:22px 20px}
 .benefit-map>div,.benefit-map>div:first-child{border:0;padding:0}
 .benefit-map h3{font-size:15px;margin-block:6px}
 .benefit-map p{font-size:13px}
 .benefit-map .map-index{font-size:13px}
 .sales-benefits{display:block;margin-top:28px}
 .sales-benefits>.benefit{margin-top:32px;padding-top:24px}
 .sales-benefits>.benefit:first-child{margin-top:0}
 .sales-benefits h3{font-size:26px;line-height:1.35}
 .financing-lead{grid-template-columns:1fr;gap:16px}
 .financing-lead h3 br{display:none}
 .payment-diagram{padding:20px;margin-top:22px}
 .payment-journey{grid-template-columns:1fr;gap:30px;margin-top:18px}
 .payment-journey li{padding-left:18px;border-left:1px solid #9a814560}
 .payment-journey li:not(:last-child)::after{content:"↓";left:9px;right:auto;top:auto;bottom:-27px;font-size:21px}
 .payment-journey strong{font-size:17px;max-width:290px}
 .payment-journey small{font-size:13px}
 .payment-diagram figcaption{font-size:11px}
 .payment-diagram .repayment-note{font-size:13px;margin-top:18px}
 .benefit-limit{font-size:13px}
 .ai-benefit{display:block}
 .ai-question-example{padding:20px;margin-top:22px}
 .ai-question-example>p{font-size:23px}
 .explorer-heading{display:block}
 .explorer-heading>p{margin-top:14px;font-size:14px;max-width:none}
 .explorer-heading h2{font-size:30px}
 .business-chooser,.flow-track{display:none}
 .flow-board{margin-top:24px;padding:20px}
 .flow-board-top{display:flex;flex-wrap:wrap;gap:12px}
 .flow-identity{font-size:12px}
 .flow-identity img{width:83px}
 .tour-control{font-size:11px}
 .mobile-flow-selectors{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0}
 .mobile-flow-selectors label,.mobile-agent-selector label{font-size:12px;line-height:1.7;color:var(--gold-text);font-weight:500;display:block}
 select{appearance:auto;display:block;width:100%;min-width:0;min-height:46px;border:1px solid var(--gold-light);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:400 16px/1.5 var(--font-body);padding:9px 8px;margin-top:6px}
 .mobile-flow-selectors label{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;align-items:center}
 .mobile-flow-selectors select{margin-top:0}
 .stage-panel{display:block;padding-top:20px}
 .stage-story h3{font-size:24px}
 .stage-story p:not(.eyebrow){font-size:15px}
 .stage-question{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;margin-top:20px}
 .stage-question>p{font-size:17px;margin-top:8px}
 .stage-pagination{justify-content:space-between;margin-top:20px;gap:8px}
 .stage-pagination button{font-size:13px;padding-inline:10px}
 .flow-footnote{margin-top:20px}
 .stack-access{padding:20px}
 .stack-cost-note{font-size:14px!important;margin-top:0}
 .agent-explorer{display:block}
 .agent-menu{display:none}
 .mobile-agent-selector{display:block;padding:18px 20px;border-bottom:1px solid var(--line);background:var(--gold-wash)}
 .agent-panel{min-height:0;padding:20px}
 .agent-result{padding:20px 0}
 .agent-result h3{font-size:27px}
 .agent-result>p:not(.result-label){font-size:15px}
 .agent-panel-top{gap:6px}
 .agent-panel-top .eyebrow{font-size:11px}
 .agent-panel .agent-boundary{font-size:13px;margin-bottom:16px}
 .agent-orientation{font-size:14px}
 .setup-comparison{grid-template-columns:1fr;gap:0}
 .setup-comparison>div{padding:20px 0}
 .setup-comparison .feature-number{font-size:11px}
 .your-role{padding:20px}
 .training-details{grid-template-columns:1fr;gap:0}
 .training-details>details+details{border-top:0}
 .setup-clarity{margin-top:32px}
 .setup-heading h3{font-size:28px}
}
@media(max-width:360px){
 .benefit-map{gap:20px 16px}
 .benefit-map h3{font-size:14px}
 .mobile-flow-selectors{grid-template-columns:1fr;gap:8px}
 .mobile-flow-selectors label{display:block}
 .mobile-flow-selectors select{margin-top:4px}
 .flow-board,.agent-panel,.mobile-agent-selector{padding-inline:16px}
 .agent-result h3{font-size:25px}
}
