/* Chapter 1 Offer Story Arc — each panel is a self-contained teaching beat. */
.offer-story-main{height:648px;background:var(--paper);overflow:hidden}.offer-eyebrow{display:inline-flex;align-self:flex-start;border:1px solid var(--ink);background:var(--lime);padding:7px 10px;font:500 14px 'DM Mono',monospace;letter-spacing:.35px}.offer-story-title{padding:34px 48px 20px}.offer-story-title h1{margin:14px 0 0;font-size:42px;line-height:1.11;letter-spacing:-1.2px;font-weight:900}.offer-story-title p{margin:10px 0 0;max-width:980px;font-size:20px;line-height:1.38;font-weight:700}

.offer-amplifier-main{display:grid;grid-template-rows:245px 403px}.offer-amplifier-intro{padding:40px 50px 26px;background:var(--blue);color:var(--white)}.offer-amplifier-intro .offer-eyebrow{margin-bottom:17px}.offer-amplifier-intro h1{margin:0;font-size:40px;line-height:1.13;letter-spacing:-1.15px;font-weight:900;max-width:980px}.offer-amplifier-intro p{margin:13px 0 0;font-size:21px;line-height:1.38;font-weight:700;color:var(--lime);max-width:850px}.offer-amplifier-routes{padding:26px 48px;display:grid;grid-template-columns:1fr 100px 1fr;gap:18px;background:var(--paper)}.offer-route-card{position:relative;border:1px solid var(--ink);background:var(--white);padding:17px 20px 16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.offer-route-card.case-a{background:#fff}.offer-route-card.case-b{background:#fff}.offer-case-label{position:absolute;top:0;left:0;right:0;padding:9px 12px;background:var(--ink);color:var(--white);font:500 14px 'DM Mono',monospace;letter-spacing:.35px}.offer-route{list-style:none;margin:45px 0 0;padding:0;display:contents}.offer-route li{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid var(--ink);padding:0 8px 34px 0}.offer-route li:last-child{border-right:0;padding-right:0}.offer-route li span{font:500 14px 'DM Mono',monospace;color:var(--blue);margin-bottom:auto}.offer-route li p{margin:12px 0 0;font-size:18px;line-height:1.32;font-weight:800}.offer-route-result{position:absolute;left:16px;right:16px;bottom:0;min-height:34px;display:flex;align-items:center;padding:6px 10px;background:var(--lime);font-size:16px;font-weight:900}.case-b .offer-route-result{background:var(--blue);color:var(--white)}.offer-amplifier-mark{align-self:center;justify-self:center;width:74px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:50%;background:var(--blue);color:var(--white);font:500 17px 'DM Mono',monospace;line-height:1}.offer-amplifier-mark span{margin-top:3px;color:var(--lime);font-size:21px}

.offer-case-main{display:grid;grid-template-columns:48% 52%}.offer-case-copy{padding:43px 48px;display:flex;flex-direction:column;border-right:1px solid var(--ink)}.offer-case-copy h1{margin:18px 0 0;font-size:42px;line-height:1.11;letter-spacing:-1.1px;font-weight:900}.offer-case-headline{margin:13px 0 0;font-size:20px;line-height:1.4;font-weight:700}.offer-facts{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}.offer-facts li{position:relative;padding-left:20px;font-size:18px;line-height:1.34;font-weight:800}.offer-facts li:before{content:'■';position:absolute;left:0;top:4px;color:var(--blue);font-size:11px}.offer-case-copy blockquote{margin:auto 0 0;border-top:1px solid var(--ink);padding:16px 0 0;font-size:23px;line-height:1.33;font-weight:900;color:var(--blue)}.offer-case-visual{margin:0;background:var(--white);display:flex;align-items:center;justify-content:center;overflow:hidden}.offer-case-visual img{width:100%;height:100%;object-fit:contain;display:block}

.offer-triangle-main{display:grid;grid-template-rows:182px 292px 174px}.offer-triangle-zone{position:relative;margin:0 48px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden}.offer-triangle-lines{position:absolute;left:50%;top:42px;width:355px;height:222px;transform:translateX(-50%);clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--blue);opacity:.14}.offer-triangle-node{position:absolute;width:150px;height:150px;border:1px solid var(--ink);border-radius:50%;background:var(--white);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.offer-triangle-node span{font:500 14px 'DM Mono',monospace;color:var(--blue);margin-bottom:6px}.offer-triangle-node strong{font-size:25px;font-weight:900}.offer-triangle-node.node-1{top:22px;left:50%;transform:translateX(-50%)}.offer-triangle-node.node-2{bottom:16px;left:calc(50% - 250px)}.offer-triangle-node.node-3{bottom:16px;right:calc(50% - 250px)}.offer-small-brand{position:absolute;z-index:2;left:50%;top:133px;transform:translateX(-50%);width:114px;height:82px;border:1px solid var(--ink);background:var(--lime);display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;line-height:1.25;font-weight:900}.offer-story-bottom{padding:24px 48px;display:grid;grid-template-columns:1fr 1fr;gap:28px;background:var(--blue);color:var(--white)}.offer-story-bottom p{margin:0;font-size:19px;line-height:1.36;font-weight:700}.offer-story-bottom strong{border-left:1px solid var(--white);padding-left:25px;font-size:20px;line-height:1.34;color:var(--lime)}

.offer-handoff-main{display:grid;grid-template-rows:182px 312px 154px}.offer-handoff-track{padding:26px 48px;display:grid;grid-template-columns:1fr 58px 1fr 58px 1fr;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--white)}.offer-handoff-stage{height:210px;border:1px solid var(--ink);padding:18px;display:flex;flex-direction:column;background:var(--paper)}.offer-handoff-stage:nth-of-type(3){background:var(--muted)}.handoff-index{font:500 15px 'DM Mono',monospace;color:var(--blue)}.offer-handoff-stage p{margin:auto 0 0;font-size:20px;line-height:1.34;font-weight:900}.offer-handoff-arrow{font:500 37px 'DM Mono',monospace;text-align:center;color:var(--blue)}.offer-question-bar{display:flex;align-items:center;gap:22px;padding:0 48px;background:var(--lime)}.offer-question-bar span{font:500 15px 'DM Mono',monospace;letter-spacing:.4px}.offer-question-bar strong{font-size:26px;line-height:1.25}

.offer-lesson-main{display:grid;grid-template-rows:182px 278px 188px}.offer-lesson-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.offer-lesson-card{padding:25px 48px;background:var(--white)}.offer-lesson-card:first-child{border-right:1px solid var(--ink)}.lesson-card-label{display:inline-flex;background:var(--ink);color:var(--white);padding:7px 10px;font:500 14px 'DM Mono',monospace;letter-spacing:.35px}.offer-lesson-card.cannot{background:var(--muted)}.offer-lesson-card.cannot .lesson-card-label{background:var(--blue)}.offer-final-question{padding:34px 48px;background:var(--blue);color:var(--white);display:flex;align-items:center;font-size:31px;line-height:1.27;font-weight:900;letter-spacing:-.5px}.offer-final-question:before{content:'→';display:inline-flex;margin-right:22px;color:var(--lime);font:500 44px 'DM Mono',monospace}

/* The comparison route uses oversized symbols as visual cues, so the upper card area is intentional visual hierarchy rather than empty space. */
.case-a .offer-route li:nth-child(1):after{content:'?'}
.case-a .offer-route li:nth-child(2):after{content:'≫'}
.case-a .offer-route li:nth-child(3):after{content:'×'}
.case-b .offer-route li:nth-child(1):after{content:'✓'}
.case-b .offer-route li:nth-child(2):after{content:'↗'}
.case-b .offer-route li:nth-child(3):after{content:'↑'}
.offer-route li:after{position:absolute;top:61px;left:50%;transform:translateX(-50%);color:var(--blue);font:500 74px/1 'DM Mono',monospace}
.case-a .offer-route li:nth-child(3):after{color:var(--ink)}
.case-b .offer-route li:nth-child(1):after{color:var(--blue)}
.offer-route li{position:relative}