/* Shared surface rule for all future sections: light = navy, dark = gold. */
.cp-home-mockup [data-surface="light"]{--eyebrow-colour:#101f35}
.cp-home-mockup [data-surface="dark"]{--eyebrow-colour:#d7b777}
.cp-home-mockup #main [data-surface] .eyebrow{color:var(--eyebrow-colour)!important}
.cp-home-mockup #main [data-surface] .eyebrow::before{background:var(--eyebrow-colour)!important}
/* Framework as a three-part signature, without horizontal section dividers. */
.cp-home-mockup #framework .framework-opening{border:0;padding:0;margin-bottom:105px}
.cp-home-mockup #framework .framework-opening>p{font:400 clamp(1.1rem,1.8vw,1.5rem)/1.65 var(--sans);margin:24px 0 0;max-width:none}
.cp-home-mockup #framework .framework-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px;text-align:left}
.cp-home-mockup #framework .framework-map-card{background:#101f35;color:#d7b777;padding:30px 30px 32px;display:flex;flex-direction:column;min-width:0;border:1px solid #344052;border-radius:8px;box-shadow:0 14px 25px #101f350a;transition:transform .2s,border-color .2s}
.cp-home-mockup #framework .framework-map-card:hover{transform:translateY(-4px);border-color:#d7b777}
.cp-home-mockup #framework .framework-map-bridge{border-color:#a48a52}
.cp-home-mockup .framework-map-number{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d7b77770;color:#d7b777;font:400 1.15rem/1 var(--serif);margin-bottom:28px}
.cp-home-mockup .framework-map-title{font:400 clamp(1.4rem,2vw,1.85rem)/1.3 var(--serif);letter-spacing:-.015em;display:block;margin:0 0 18px;min-height:2.6em}
.cp-home-mockup .framework-map-source{display:block;font:400 .95rem/1.7 var(--sans);color:#e0c997;margin-top:auto;max-width:30ch}
.cp-home-mockup #framework .framework-part+.framework-part{border:0;margin-top:90px;padding-top:0}
.cp-home-mockup #framework :is(.cp-weave .cp-caption,.cp-layers .cp-foot,.framework-link){border:0}
.cp-home-mockup #framework .cp-layers .cp-foot{padding-top:10px;margin-top:25px}
/* A complete equation on one row, with matched square cards. */
.cp-home-mockup .dual-equation{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch;gap:12px;margin-top:44px}
.cp-home-mockup .dual-card{width:100%;min-width:0;min-height:0;aspect-ratio:1;display:flex;flex-direction:column;padding:clamp(22px,2vw,28px);background:#fff;border:1px solid #cbd3df;border-radius:8px;box-shadow:0 16px 30px #101f3508;position:relative}
.cp-home-mockup .dual-card:before{content:'';position:absolute;left:30px;right:30px;top:-1px;height:2px;background:#d7b777}
.cp-home-mockup .dual-card-index{display:flex;align-items:center;gap:12px;font:700 .75rem/1.5 var(--sans);letter-spacing:.08em;color:#59677a;margin-bottom:26px}
.cp-home-mockup .dual-number{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px solid #cbb781;background:#fcfbf8;color:#846221;font:400 1.25rem/1 var(--serif)}
.cp-home-mockup .dual-card h4{font:400 clamp(1.55rem,2.2vw,2rem)/1.22 var(--serif);letter-spacing:-.02em;margin:0 0 20px;color:#101f35}
.cp-home-mockup .dual-card p{font:400 1rem/1.75 var(--sans);color:#56657a;margin:0;max-width:none}
.cp-home-mockup .dual-card-foot{margin-top:auto;padding-top:25px;font:400 .875rem/1.7 var(--sans);color:#101f35}
.cp-home-mockup .dual-card-foot>span{display:block}
.cp-home-mockup .dual-operator{font:400 2.8rem/1 var(--serif);color:#9a7029;align-self:center;text-align:center}
.cp-home-mockup .dual-card-result{background:#101f35;border-color:#101f35;box-shadow:0 18px 35px #101f3514}
.cp-home-mockup .dual-card-result h4{color:#e6c681}
.cp-home-mockup .dual-card-result p{color:#d7dfeb}
.cp-home-mockup .dual-card-result .dual-card-index{color:#d7b777}
.cp-home-mockup .dual-card-result .dual-number{background:transparent;border-color:#d7b77799;color:#e6c681}
/* Original layer geometry, with editorial panels and a readable repertoire. */
.cp-home-mockup #framework-3 .cp-layers{margin-top:54px}
.cp-home-mockup #framework-3 .cp-list{gap:24px;padding-top:28px}
.cp-home-mockup #framework-3 .cp-layer{grid-template-columns:31% 69%;padding:0;min-height:0;align-items:center}
.cp-home-mockup #framework-3 .cp-axis,.cp-home-mockup #framework-3 .cp-design,.cp-home-mockup #framework-3 .cp-destination{left:15.5%}
.cp-home-mockup #framework-3 .cp-copy{display:block;background:#fff;border:1px solid #d8dce3;border-left:3px solid var(--level);border-radius:0 10px 10px 0;padding:28px 30px;box-shadow:0 10px 28px #101f3505;transition:box-shadow .2s,border-color .2s}
.cp-home-mockup #framework-3 .layer-heading{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.cp-home-mockup #framework-3 .layer-index{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #d2d8df;background:#f5f5f7;font:400 1.1rem/1 var(--serif);color:#9a7029}
.cp-home-mockup #framework-3 .cp-name{font:400 clamp(1.6rem,2.5vw,2.2rem)/1.15 var(--serif);letter-spacing:-.02em;margin:0;color:#101f35}
.cp-home-mockup #framework-3 .cp-role{font:400 1.05rem/1.6 var(--serif);color:#536279;margin:0 0 24px;max-width:none}
.cp-home-mockup #framework-3 .cp-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 28px;font:500 .98rem/1.5 var(--sans);color:#26364e}
.cp-home-mockup #framework-3 .cp-method-item{display:block;padding-left:13px;position:relative}
.cp-home-mockup #framework-3 .cp-method-item:before{content:'';position:absolute;left:0;top:.53em;width:4px;height:4px;background:#9a7029}
.cp-home-mockup #framework-3 .cp-method-item small{display:block;font:400 .875rem/1.5 var(--sans);color:#6b7789;margin-top:4px}
.cp-home-mockup #framework-3 .cp-layer[aria-pressed=true] .cp-copy{border-color:#b79b5a;box-shadow:0 14px 28px #101f350d}
.cp-home-mockup #framework-3 .cp-list[data-active] .cp-layer:not([aria-pressed=true]) .cp-copy{opacity:1}
.cp-home-mockup #framework .framework-link{justify-content:flex-end;margin-top:30px;padding:0}
.cp-home-mockup #framework .framework-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:22px 28px;background:#101f35;color:#e6c681;border:1px solid #b79b5a;border-radius:6px;box-shadow:0 12px 28px #101f3512;font:600 1rem/1.6 var(--sans);transition:background .2s,box-shadow .2s}
.cp-home-mockup #framework .framework-cta span{font:400 1.55rem/1 var(--sans)}
.cp-home-mockup #framework .framework-cta:hover{background:#192c45;box-shadow:0 18px 34px #101f3522}
/* Give the two adjacent chapters their own surfaces. */
.cp-home-mockup #main #false-choices{background:#fff;color:#101f35}
.cp-home-mockup #main #false-choices h2{color:#101f35}
.cp-home-mockup #main #false-choices .lead{color:#56657a}
.cp-home-mockup #main #false-choices .session-select{color:#59677a;border-color:#d1d7df}
.cp-home-mockup #main #false-choices .session-select[aria-current=true]{color:#101f35;border-color:#9a7029}
.cp-home-mockup #main #false-choices .session-select[aria-current=true]>span:first-child{color:#9a7029}
.cp-home-mockup #main #false-choices .session-slide{background:#101f35;border:1px solid #101f35;border-top:2px solid #d7b777;box-shadow:0 14px 35px #101f3510}
.cp-home-mockup #main #false-choices .session-slide h3{color:#fff}
.cp-home-mockup #main #false-choices .session-slide p{color:#d2dbea}
.cp-home-mockup #main #false-choices .session-numeral{color:#d7b777}
.cp-home-mockup #main #false-choices .session-stage-label{color:#e6c681}
.cp-home-mockup #main #false-choices .session-controls{color:#56657a}
.cp-home-mockup #main #false-choices .session-controls button{color:#101f35;border-color:#b4bdca;background:#fff}
.cp-home-mockup #main #false-choices .session-controls button:hover{background:#101f35;color:#e6c681;border-color:#101f35}
.cp-home-mockup #main #false-choices .dead-close{background:transparent;box-shadow:none}
.cp-home-mockup #main #false-choices .dead-close p,.cp-home-mockup #main #false-choices .dead-close b{color:#101f35}
.cp-home-mockup #main #false-choices .dead-close:before{background:#9a7029}
@media(max-width:1100px){.cp-home-mockup .dual-equation{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);gap:8px}.cp-home-mockup .dual-card{padding:23px 20px;aspect-ratio:auto;min-height:355px}.cp-home-mockup .dual-card-index{font-size:.7rem;gap:9px;letter-spacing:.02em}.cp-home-mockup .dual-number{width:32px;height:32px}.cp-home-mockup #framework .framework-map-card{padding:25px}.cp-home-mockup #framework-3 .cp-copy{padding:24px}.cp-home-mockup #framework-3 .cp-items{gap:17px 20px}}
@media(max-width:850px){.cp-home-mockup #framework .framework-map{gap:12px}.cp-home-mockup #framework .framework-map-card{padding:23px 20px}.cp-home-mockup .framework-map-source{font-size:.875rem}.cp-home-mockup .dual-card{padding:22px 16px;min-height:385px}.cp-home-mockup .dual-card p{font-size:.95rem}.cp-home-mockup .dual-card-index{flex-direction:column;align-items:flex-start}.cp-home-mockup #framework-3 .cp-layer{grid-template-columns:25% 75%}.cp-home-mockup #framework-3 .cp-axis,.cp-home-mockup #framework-3 .cp-design,.cp-home-mockup #framework-3 .cp-destination{left:12.5%}}
@media(max-width:700px){.cp-home-mockup #framework .framework-opening{margin-bottom:68px}.cp-home-mockup #framework .framework-map{grid-template-columns:1fr;gap:14px;margin-top:32px}.cp-home-mockup #framework .framework-map-card{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:20px;padding:25px}.cp-home-mockup .framework-map-number{grid-row:1/3;margin:0}.cp-home-mockup .framework-map-title{min-height:0;margin:0 0 12px;font-size:1.55rem}.cp-home-mockup .framework-map-source{max-width:none;grid-column:2;font-size:.9rem}.cp-home-mockup .dual-equation{grid-template-columns:1fr;gap:15px;max-width:500px;margin:32px auto 0}.cp-home-mockup .dual-card{padding:28px;aspect-ratio:auto;min-height:285px}.cp-home-mockup .dual-card-index{flex-direction:row;align-items:center;font-size:.75rem;gap:14px;margin-bottom:24px}.cp-home-mockup .dual-card h4{font-size:1.9rem}.cp-home-mockup .dual-card p{font-size:1rem}.cp-home-mockup .dual-card-foot{padding-top:25px}.cp-home-mockup .dual-operator{font-size:2.3rem}.cp-home-mockup #framework .framework-part+.framework-part{margin-top:68px}.cp-home-mockup #framework .framework-cta{padding:20px 22px;gap:22px}}
@media(max-width:639px){.cp-home-mockup #framework-3 .cp-list{padding-top:310px;display:block}.cp-home-mockup #framework-3 .cp-layer{display:block;padding:0;border:0;margin:0 0 22px}.cp-home-mockup #framework-3 .cp-axis,.cp-home-mockup #framework-3 .cp-design{left:50%}.cp-home-mockup #framework-3 .cp-copy{padding:25px 22px}.cp-home-mockup #framework-3 .cp-items{grid-template-columns:1fr;gap:16px}.cp-home-mockup #framework-3 .cp-role{font-size:1.05rem}.cp-home-mockup #framework-3 .cp-name{font-size:1.8rem}.cp-home-mockup #framework-3 .cp-mobile-end{border:0;padding-left:0;text-align:center;margin-top:30px}.cp-home-mockup #framework .framework-cta{width:100%}.cp-home-mockup #framework .framework-link{margin-top:28px}.cp-home-mockup #main #false-choices .session-slide{border-radius:12px}}
