/* A focused, hands-on product showcase. Scoped below the approved hero. */
.platform-section{padding:62px var(--pad) 100px;background:var(--paper)}
.section-line{display:flex;align-items:center;justify-content:space-between;gap:24px}
.section-line .mono{font-size:9px;line-height:1.5}
.product-layout{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(0,1.3fr);gap:6.2vw;margin-top:63px;align-items:start}
.product-index h2{font-size:clamp(68px,7.35vw,116px);font-weight:510;line-height:.92;letter-spacing:-.073em;margin-left:-.05em}
.mint-stop{color:#047557}
.product-intro{font-size:16px;line-height:1.55;margin:28px 0 32px;letter-spacing:-.3px}
.offer-tabs{display:flex;flex-direction:column;border-top:1px solid var(--rule)}
.offer-tabs button{display:flex;align-items:center;gap:17px;text-align:left;padding:22px 0;border-bottom:1px solid var(--rule);min-height:94px;position:relative;transition:padding .25s var(--ease),color .2s}
.tab-number{font-family:'Geist Mono',monospace;font-size:9px;align-self:flex-start;margin-top:7px;opacity:.65}
.tab-title{font-size:19px;letter-spacing:-.55px;font-weight:550;line-height:1.25}
.tab-title small{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:7px;color:var(--muted)}
.tab-arrow{margin-left:auto;border:1px solid var(--rule);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:21px;transition:background .2s,color .2s,transform .3s var(--ease)}
.offer-tabs button[aria-selected=true] .tab-arrow{background:var(--ink);color:var(--emerald);border-color:var(--ink);transform:rotate(45deg)}
.offer-tabs button[aria-selected=true] .tab-title{color:#00684b}
.offer-tabs button:hover{padding-left:6px}
.product-availability{font-size:11px;line-height:1.6;color:var(--muted);margin-top:25px}
.product-stage{background:var(--ink);color:var(--paper);border-radius:8px;box-shadow:0 24px 56px -36px rgba(17,19,16,.4);overflow:hidden;min-width:0}
.offer-panel{display:flex;flex-direction:column;min-height:800px;padding:38px 36px 0;outline-offset:5px}
.offer-panel[hidden]{display:none!important}
.offer-state{display:flex;align-items:center;gap:8px;font-family:'Geist Mono',monospace;font-size:8px;line-height:1.5;color:#bac5bb;letter-spacing:.025em}
.offer-state:before{content:'';width:6px;height:6px;border:1px solid currentColor;border-radius:50%;flex:none}
.offer-state.available:before{background:var(--emerald);border-color:var(--emerald)}
.offer-copy h3{font-size:clamp(37px,3.6vw,56px);font-weight:470;line-height:1.03;letter-spacing:-.055em;margin-top:25px;margin-bottom:17px}
.offer-copy>p{font-size:15px;line-height:1.55;color:#c5ccc2;max-width:460px}
.lesson-facts{display:flex;align-items:baseline;gap:20px;margin:25px 0 0;color:#c5ccc2;font-size:11px;flex-wrap:wrap}
.lesson-facts strong{font-size:24px;line-height:1;font-weight:450;letter-spacing:-1px;color:var(--paper);margin-right:3px}
.tool-preview{background:#1e251f;border:1px solid #364238;border-radius:5px;padding:26px;margin-top:31px;min-width:0}
.preview-topline{display:flex;justify-content:space-between;gap:18px;font-family:'Geist Mono',monospace;font-size:8px;line-height:1.5;letter-spacing:.015em;color:#c5d3c8}
.preview-topline span:last-child{color:var(--emerald);text-align:right}
.lesson-question{font-size:25px;font-weight:440;line-height:1.2;letter-spacing:-.75px;margin:25px 0 23px;max-width:360px}
.lesson-answers{display:grid;gap:8px}
.lesson-answers button{width:100%;text-align:left;border:1px solid #4c584d;background:transparent;color:var(--paper);display:flex;gap:13px;align-items:center;padding:12px 14px;font-size:12px;line-height:1.4;min-height:49px;border-radius:3px;transition:background .18s,border-color .18s}
.lesson-answers button>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid #5c6a5e;border-radius:50%;font-family:'Geist Mono',monospace;font-size:9px;flex:none}
.lesson-answers button:hover{background:#2a352c;border-color:#94b29b}
.lesson-answers button.is-correct{border-color:var(--emerald);background:#183a2d;color:#b9ffe8}
.lesson-answers button.is-incorrect{border-color:#e8c58b;background:#3a3020;color:#ffe3b9}
#lesson-preview-feedback{min-height:44px;margin-top:17px;font-size:11px;line-height:1.5;color:#b9c4b9}
#lesson-preview-feedback[data-state=correct]{color:var(--emerald)}
#lesson-preview-feedback[data-state=retry]{color:#f1d5a7}
.offer-panel-footer{margin-top:auto;padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px}
.offer-panel-footer a{font-size:13px;display:flex;align-items:center;gap:22px;min-height:44px}
.offer-panel-footer a span{font-size:25px;color:var(--emerald);line-height:1;transition:transform .25s var(--ease)}
.offer-panel-footer a:hover span{transform:translate(3px,-3px)}
.offer-panel-footer>.mono{font-size:8px;color:#a0ac9f;white-space:nowrap}
.chart-preview{padding:24px 18px 22px;margin-top:38px}
.chart-screen{display:block;width:100%;height:auto;margin:25px 0 15px;overflow:visible}
.chart-screen text{font-family:'Geist Mono',monospace;font-size:9px;fill:#b6c7ba}
[data-chart-overlay][hidden]{display:none}
.overlay-controls{display:flex;gap:8px;flex-wrap:wrap}
.overlay-controls button{border:1px solid #5b695e;font-size:11px;line-height:1.2;min-height:44px;padding:9px 12px;border-radius:3px}
.overlay-controls button:before{content:'+';margin-right:6px;opacity:.8}
.overlay-controls button[aria-pressed=true]{background:var(--emerald);color:var(--ink);border-color:var(--emerald)}
.overlay-controls button[aria-pressed=true]:before{content:'−'}
.preview-caption{font-size:10px;line-height:1.55;color:#aebdad;margin-top:21px;max-width:460px}
.research-preview{padding:26px;margin-top:37px}
.research-switch{display:flex;border-bottom:1px solid #4c584d;margin-bottom:15px;gap:22px}
.research-switch button{font-size:13px;border-bottom:2px solid transparent;min-height:44px;padding:0 0 12px;color:#b5c3b6}
.research-switch button[aria-pressed=true]{border-color:var(--emerald);color:var(--emerald)}
.research-table[hidden]{display:none}
.research-table dl{margin:0}
.research-table dl>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;border-bottom:1px solid #3a473d;padding:20px 0}
.research-table dt{font-size:13px;font-weight:500;line-height:1.5}
.research-table dd{margin:0;font-size:12px;line-height:1.5;color:#bfcdbf}
.research-evidence{font-size:10px;line-height:1.6;margin-top:21px;color:#b4c4b6;display:flex;gap:10px;align-items:start}
.research-evidence>span{font-size:18px;line-height:1;color:var(--emerald)}
.signals-preview{margin-top:36px;padding:26px}
.signal-format{list-style:none;padding:0;margin:24px 0 0}
.signal-format li{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:baseline;border-top:1px solid #48564a;padding:18px 0}
.signal-format li>span{font:9px 'Geist Mono',monospace;color:var(--emerald)}
.signal-format strong{font-size:13px;font-weight:450}
.signal-format small{font-size:10px;line-height:1.5;color:#b5c5b6;text-align:right}
@media(min-width:1600px){.product-layout{gap:7vw}.offer-panel{padding:46px 46px 0;min-height:850px}.tool-preview{padding:30px}.lesson-question{font-size:29px;max-width:430px}.lesson-answers button{font-size:14px}.product-intro{font-size:18px}.tab-title{font-size:22px}}
@media(max-width:1100px){.product-layout{gap:4vw;grid-template-columns:.8fr 1.2fr}.product-index h2{font-size:8vw}.tab-title{font-size:16px}.tab-title small{font-size:11px}.tab-number{font-size:8px}.offer-tabs button{gap:12px}.tab-arrow{width:29px;height:29px;font-size:17px}.offer-panel{padding:28px 24px 0;min-height:820px}.tool-preview{padding:21px}.lesson-facts{gap:12px}.lesson-facts span:last-child{width:100%}.signal-format li{grid-template-columns:20px 1fr;gap:5px 8px}.signal-format small{grid-column:2;text-align:left}.research-table dl>div{gap:12px}.research-table dt,.research-table dd{font-size:11px}.lesson-question{font-size:24px}}
@media(max-width:850px){.platform-section{padding-top:42px;padding-bottom:64px}.product-layout{grid-template-columns:1fr;gap:33px;margin-top:44px}.product-index{display:grid;grid-template-columns:1fr 1fr;gap:20px 36px;align-items:end}.product-index h2{font-size:9vw}.product-intro{margin:0;font-size:15px;max-width:300px}.offer-tabs{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border:0;gap:0 24px}.offer-tabs button{min-height:78px;padding:17px 0;border-top:1px solid var(--rule);border-bottom:0}.tab-title{font-size:17px}.product-availability{grid-column:1/-1;margin:0;font-size:10px}.product-availability br{display:none}.offer-panel{min-height:0;padding:34px 34px 0}.offer-copy h3{font-size:48px}.offer-copy>p{max-width:520px;font-size:16px}.lesson-facts{gap:26px}.lesson-facts span:last-child{width:auto}.lesson-question{font-size:30px;max-width:420px}.tool-preview{padding:28px}.lesson-answers button{font-size:14px}#lesson-preview-feedback{font-size:12px}.signal-format li{grid-template-columns:24px 1fr auto;gap:12px}.signal-format small{grid-column:auto;text-align:right}.research-table dt{font-size:14px}.research-table dd{font-size:13px}.offer-panel-footer{margin-top:10px}}
@media(max-width:540px){.platform-section{padding-top:34px;padding-bottom:44px}.section-line .mono{font-size:7px}.section-line>span:last-child{max-width:145px;text-align:right}.product-layout{margin-top:34px;gap:25px}.product-index{display:block}.product-index h2{font-size:20vw;line-height:.93}.product-intro{font-size:16px;margin:22px 0 24px}.offer-tabs{gap:0 16px}.offer-tabs button{min-height:72px;gap:8px;padding:15px 0;align-items:center}.tab-title{font-size:13px;line-height:1.3;letter-spacing:-.2px}.tab-title small{display:none}.tab-number{font-size:7px;margin-top:0;align-self:center}.tab-arrow{width:23px;height:23px;font-size:15px;flex:none}.product-availability{font-size:10px;margin-top:12px;line-height:1.6}.product-availability br{display:block}.product-stage{border-radius:5px;margin:0 -5px}.offer-panel{padding:27px 20px 0}.offer-state{font-size:7px}.offer-copy h3{font-size:11vw;margin-top:23px;margin-bottom:17px}.offer-copy>p{font-size:14px}.lesson-facts{gap:14px;margin-top:22px;font-size:10px}.lesson-facts strong{font-size:24px}.lesson-facts span:last-child{width:100%;margin-top:-2px}.tool-preview{padding:20px 16px;margin-top:27px;margin-left:-7px;margin-right:-7px}.preview-topline{font-size:6px;gap:10px}.lesson-question{font-size:25px;margin:23px 0 20px}.lesson-answers button{font-size:12px;padding:12px 10px;gap:9px;min-height:53px}.lesson-answers button>span{width:20px;height:20px;font-size:8px}#lesson-preview-feedback{font-size:10px;min-height:44px}.offer-panel-footer{min-height:80px;padding:20px 0;margin-top:0;gap:12px}.offer-panel-footer a{font-size:12px;gap:15px}.offer-panel-footer>.mono{font-size:7px}.chart-preview{padding:20px 12px}.chart-screen{margin-top:25px;margin-bottom:23px}.overlay-controls{gap:6px}.overlay-controls button{font-size:10px;padding:9px 10px}.preview-caption{font-size:10px;line-height:1.6}.research-switch{gap:26px;margin-bottom:12px}.research-switch button{font-size:13px}.research-table dl>div{grid-template-columns:.8fr 1.2fr;padding:18px 0;gap:16px}.research-table dt,.research-table dd{font-size:11px}.research-evidence{font-size:10px}.signal-format li{grid-template-columns:19px 1fr;gap:5px 9px;padding:15px 0}.signal-format small{grid-column:2;text-align:left;font-size:11px}.signal-format strong{font-size:14px}.signal-format{margin-top:22px}}
@media(max-width:360px){.tab-title{font-size:12px}.offer-tabs{gap:0 12px}.tab-arrow{width:21px;height:21px}.offer-panel{padding-left:16px;padding-right:16px}.lesson-question{font-size:23px}.lesson-answers button{font-size:12px}.overlay-controls button{font-size:9px;padding:8px}.offer-panel-footer a{font-size:11px}}