/* RoI2 sales pages (staging): shared hero size, same as the homepage */
.hero{min-height:0;padding:64px 0 96px}
.hero .container{max-width:1250px}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:80px}
.hero-grid h1{font-size:clamp(40px,5.2vw,66px)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:56px}}
@media(max-width:640px){.hero{padding:40px 0 72px}}

/* ---- alternating bands (dark stays as the page original) ---- */
:root{--gold-ink:#8A6B2C;--paper:#F4F3EE;--paper-2:#FFFFFF;--ink:#0A0A0A;--ink-2:#4A473F;--rule:rgba(10,10,10,0.14)}
.band-light,.band-white{--off-white:var(--ink);--pale:var(--ink-2);color:var(--ink-2);border-top-color:var(--rule)}
.band-light{background:var(--paper);--card:var(--paper-2)}
.band-white{background:var(--paper-2);--card:var(--paper)}
.band-light h2,.band-white h2,.band-light h3,.band-white h3{color:var(--ink)}
.band-light p,.band-white p,.band-light li,.band-white li{color:var(--ink-2)}
.band-light a:not([class]),.band-white a:not([class]){color:var(--gold-ink);border-bottom:1px solid var(--gold-ink)}
.band-light .section-label,.band-white .section-label,.band-light .pricing-tier,.band-white .pricing-tier,
.band-light .pricing-cta,.band-white .pricing-cta,.band-light .finding-link,.band-white .finding-link,
.band-light .key-block-label,.band-white .key-block-label,.band-light .validation-download,.band-white .validation-download,
.band-light .engagement-tag,.band-white .engagement-tag,.band-light .engagement-link,.band-white .engagement-link,
.band-light .metric-label,.band-white .metric-label,.band-light .stat-value,.band-white .stat-value,
.band-light .framework-stage-num,.band-white .framework-stage-num{color:var(--gold-ink)}
.band-light .finding-num,.band-white .finding-num,.band-light .pricing-scope,.band-white .pricing-scope,
.band-light .pricing-footer,.band-white .pricing-footer,.band-light .format-source,.band-white .format-source,
.band-light .stat-label,.band-white .stat-label,.band-light .ref-label,.band-white .ref-label,
.band-light .ref-note,.band-white .ref-note,.band-light .engagement-num,.band-white .engagement-num,
.band-light .engagement-price,.band-white .engagement-price,.band-light .vertical-caption,.band-white .vertical-caption,
.band-light .closing .sub,.band-white .closing .sub,.band-light .metric-desc,.band-white .metric-desc{color:var(--ink-2)}
.band-light .pricing-price,.band-white .pricing-price,.band-light .metric-value,.band-white .metric-value{color:var(--ink)}
.band-light .key-block,.band-white .key-block{background:var(--card);border:1px solid var(--rule);border-left:3px solid var(--gold)}
.band-light .key-block p,.band-white .key-block p{color:var(--ink)}
.band-light .pricing-grid,.band-white .pricing-grid{border:0;gap:20px}
.band-light .pricing-card,.band-white .pricing-card{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--gold)}
.band-light .pricing-card:last-child,.band-white .pricing-card:last-child{border-right:1px solid var(--rule)}
.band-light .findings-grid,.band-white .findings-grid{border-top:0;gap:20px}
.band-light .finding,.band-white .finding,.band-light .finding:not(:first-child),.band-white .finding:not(:first-child),.band-light .finding:last-child,.band-white .finding:last-child{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--gold);padding:36px 32px}
.band-light .stat,.band-white .stat{border-right-color:var(--rule)}
.band-light .format-table th,.band-white .format-table th,.band-light .format-table td,.band-white .format-table td{border-bottom-color:var(--rule);color:var(--ink-2)}
.band-light .format-table th,.band-white .format-table th{color:var(--ink-2)}
.band-light .format-table td:first-child,.band-white .format-table td:first-child{color:var(--ink)}
.band-light .format-table tr.is-bds td,.band-white .format-table tr.is-bds td{color:var(--ink);background:linear-gradient(90deg,rgba(200,169,110,.22),transparent)}
.band-light .format-table tr.is-bds td:first-child,.band-white .format-table tr.is-bds td:first-child{color:var(--gold-ink)}
.band-light.closing,.band-white.closing{border-top:2px solid var(--gold)}
.band-light .cta-ghost,.band-white .cta-ghost{color:var(--ink);border-color:var(--ink)}
@media(max-width:900px){.band-light .finding,.band-white .finding,.band-light .finding:not(:first-child),.band-white .finding:not(:first-child){padding:28px 24px}.band-light .pricing-grid,.band-white .pricing-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.band-light .pricing-grid,.band-white .pricing-grid{grid-template-columns:1fr}}
.closing.band-light .sub,.closing.band-white .sub{color:var(--ink-2)}
.band-light p a,.band-white p a,.band-light li a,.band-white li a{color:var(--gold-ink);border-bottom:1px solid var(--gold-ink)}
.related-notes.band-light,.related-notes.band-white{max-width:none!important;margin:0!important;padding:60px max(var(--pad),calc((100% - 1250px)/2 + var(--pad)))!important}
/* one container width on sales pages: navigation, hero, sections and footer share the same left edge */
.container{max-width:1250px}

/* page-specific text classes on the sales pages */
.band-light .app-tag,.band-white .app-tag,.band-light .finding-accent,.band-white .finding-accent,
.band-light .fit-profile-index,.band-white .fit-profile-index,.band-light .ip-status,.band-white .ip-status,
.band-light .ip-link,.band-white .ip-link,.band-light .stage-num,.band-white .stage-num,
.band-light .col-label,.band-white .col-label,.band-light .spectrum-term,.band-white .spectrum-term{color:var(--gold-ink)}
.band-light .tier-name,.band-white .tier-name,.band-light .case-meta,.band-white .case-meta,
.band-light .phase-period,.band-white .phase-period,.band-light .pricing-item-label,.band-white .pricing-item-label,
.band-light .contact-key,.band-white .contact-key,.band-light .related-desc,.band-white .related-desc,
.band-light th,.band-white th{color:var(--ink-2)}
.band-light .contact-val,.band-white .contact-val,.band-light .related-title,.band-white .related-title{color:var(--ink)}
.band-light .col-attr,.band-white .col-attr{color:#A33A2E}
.band-light .col-causal,.band-white .col-causal{color:#1E6F6F}
.band-light .related-grid,.band-white .related-grid{background:var(--rule);border-color:var(--rule)}
.band-light .related-card,.band-white .related-card{background:var(--card)}
.band-light .related-tag,.band-white .related-tag{color:var(--gold-ink)}
.band-light span.contact-val,.band-white span.contact-val{color:var(--ink)!important}
.band-light .contact-details,.band-white .contact-details,.band-light .contact-row,.band-white .contact-row,.band-light .contact-key,.band-white .contact-key{border-color:var(--rule)}
.band-light a[style*="var(--gold)"],.band-white a[style*="var(--gold)"]{color:var(--gold-ink)!important;border-bottom-color:var(--gold-ink)!important}
.cta-section{background:var(--paper-2);--off-white:var(--ink);--pale:var(--ink-2);color:var(--ink-2);border-top:2px solid var(--gold)}
.cta-section h2{color:var(--ink)}
.cta-section p,.cta-section .sub{color:var(--ink-2)}
.cta-section .section-label{color:var(--gold-ink)}
.cta-section .cta-ghost{color:var(--ink);border-color:var(--ink)}

/* framework loop diagram stays a dark panel inside a light band */
.band-light .loop-wrap,.band-white .loop-wrap{background:#0A0A0A;padding:28px;--off-white:#F4F3EE;--pale:#C4C3BB}
.band-light .loop-caption,.band-white .loop-caption{color:rgba(196,195,187,.85)}
.engagement-block.band-light,.engagement-block.band-white{border-top-color:var(--rule)}
.hero .container{width:100%}
.band-light .fit-col-label,.band-white .fit-col-label{color:var(--ink-2)}
.loop-caption{max-width:none}

/* notes articles: reading column on a light band */
.notes-band{padding:0}
.band-light .key-finding,.band-white .key-finding{background:var(--paper-2);border:1px solid var(--rule);border-left:3px solid var(--gold)}
.band-light .key-finding p,.band-white .key-finding p{color:var(--ink)}
.band-light .key-finding-label,.band-white .key-finding-label,.band-light .article-cta-label,.band-white .article-cta-label{color:var(--gold-ink)}
.band-light .article-rule,.band-white .article-rule{border-top-color:var(--rule)}
.band-light ul.plain li,.band-white ul.plain li{color:var(--ink)}
.band-light [style*="border-top"],.band-white [style*="border-top"]{border-top-color:var(--rule)!important}
.band-light .note-title,.band-white .note-title{color:var(--ink)}
.band-light [style*="196,195,187"],.band-white [style*="196,195,187"]{color:var(--ink-2)!important}
.band-light a[style*="200,169,110"],.band-white a[style*="200,169,110"],.band-light a[style*="#C8A96E"],.band-white a[style*="#C8A96E"]{color:var(--gold-ink)!important}
.band-light .note-num,.band-white .note-num,.band-light .note-arrow,.band-white .note-arrow{color:var(--gold-ink)}
.band-light p[style*="var(--gold)"],.band-white p[style*="var(--gold)"]{color:var(--gold-ink)!important}
body:has(.notes-band) .hero,body:has(.notes-list) .hero{padding:40px 0 48px}
body:has(.notes-band) .hero h1{font-size:clamp(30px,3.4vw,44px)}
.band-light .hero-role,.band-white .hero-role,.band-light .corporate-table td:first-child,.band-white .corporate-table td:first-child,.band-light .contact-item-label,.band-white .contact-item-label,.band-light .form-note,.band-white .form-note,.band-light .closing-meta,.band-white .closing-meta,.band-light .data-table th,.band-white .data-table th,.band-light .team-email,.band-white .team-email{color:var(--ink-2)}
.band-light .team-title,.band-white .team-title,.band-light .form-label,.band-white .form-label,.band-light .team-photo-placeholder span,.band-white .team-photo-placeholder span,.band-light .gap-test strong,.band-white .gap-test strong{color:var(--gold-ink)}
.band-light .form-input::placeholder,.band-white .form-input::placeholder,.band-light .form-textarea::placeholder,.band-white .form-textarea::placeholder{color:var(--ink-2)}
.band-light .form-select option,.band-white .form-select option{background:#fff;color:#0A0A0A}
.band-light .team-email:hover,.band-white .team-email:hover{color:var(--ink)}
.band-light .contact-item,.band-white .contact-item,.band-light .contact-item:first-child,.band-white .contact-item:first-child{border-color:var(--rule)}
.band-light .data-table td,.band-white .data-table td{border-bottom-color:var(--rule)}
.band-light [style*="color:var(--gold)"],.band-white [style*="color:var(--gold)"],.band-light [style*="color: var(--gold)"],.band-white [style*="color: var(--gold)"],.band-light .fl,.band-white .fl{color:var(--gold-ink)!important}
.band-light .fi::placeholder,.band-white .fi::placeholder,.band-light .ft::placeholder,.band-white .ft::placeholder{color:var(--ink-2)}
.band-light .fi,.band-white .fi,.band-light .ft,.band-white .ft,.band-light .fs,.band-white .fs{color:var(--ink)}
.band-light .fs option,.band-white .fs option{background:#fff;color:#0A0A0A}
body:has(.perm) .hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px}