/* One interactive opening, followed by evidence. */
.opening{background:var(--red);padding:30px var(--pad) 35px;overflow:hidden}.opening-top{display:flex;justify-content:space-between;gap:20px}.stage-title{display:flex;gap:.16em;font-size:11.5vw;letter-spacing:-.075em;font-weight:900;line-height:.87;margin:45px 0 40px;white-space:nowrap}.stage-title span:last-child{color:var(--paper)}.stage-choice-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:7%;align-items:start}.stage-choices{display:flex;flex-direction:column;gap:16px;padding:10px 10px 10px 0}.stage-tab{color:var(--ink);text-decoration:none;display:grid;grid-template-columns:1fr 34px;gap:7px 15px;border:1px solid;min-height:104px;padding:17px 25px;background:var(--paper);transform:rotate(-3deg);transition:transform .3s,box-shadow .3s}.stage-tab:nth-child(2){background:var(--lime);transform:rotate(2deg)}.stage-tab:nth-child(3){background:var(--ink);color:var(--paper);transform:rotate(-2deg)}.stage-tab .eyebrow{font-size:11px;grid-column:1}.stage-tab strong{font-size:44px;line-height:1;letter-spacing:-.05em;grid-column:1;grid-row:2}.stage-tab i{font-style:normal;font-size:32px;grid-column:2;grid-row:1/3;align-self:center}.stage-tab[aria-selected=true],.stage-tab:hover,.stage-tab:focus-visible{transform:rotate(0);box-shadow:7px 7px 0 #17171640}.stage-tab[aria-selected=true] i{transform:rotate(0)}.stage-tab:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.stage-panels{min-width:0}.stage-panel{background:var(--paper);padding:30px 38px;min-height:386px;border:1px solid;position:relative;display:flex;flex-direction:column;gap:20px;scroll-margin-top:110px}.stage-panel+.stage-panel{margin-top:20px}.stage-panel[hidden]{display:none}.stage-panel h2{font-size:clamp(33px,3.5vw,54px);line-height:1;letter-spacing:-.05em;margin:0}.stage-panel p{font-size:18px;line-height:1.45;margin:0;max-width:660px}.stage-panel>.eyebrow{font-size:11px}.stage-example{border-left:2px solid var(--red);padding-left:18px}.stage-panel .stage-example{font-size:15px}.stage-panel-actions{display:flex;gap:15px 25px;align-items:center;flex-wrap:wrap;margin-top:auto}.stage-panel-actions .button{font-size:15px;padding:14px 18px}.stage-panel-actions .text-link{font-size:14px}.stage-help{font-size:12px!important;padding-top:7px}.opening .opening-bottom{border-top:1px solid #17171655;margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;gap:25px;align-items:center}.opening-bottom p{font-size:14px;max-width:660px}.opening-bottom .text-link{font-size:14px;flex-shrink:0}.stage-ready .stage-panel.is-entering{animation:stage-entry .28s ease-out}@keyframes stage-entry{from{transform:translateY(8px)}to{transform:translateY(0)}}
@media(min-width:1800px){.stage-title{font-size:207px}.stage-choice-layout{gap:9%}.stage-panel{min-height:410px}}
@media(max-width:1100px){.opening-top>span{display:none}.stage-title{font-size:11.3vw;margin:35px 0}.stage-choice-layout{grid-template-columns:.9fr 1.1fr;gap:5%}.stage-tab{padding:16px 20px}.stage-tab strong{font-size:36px}.stage-panel{padding:25px;min-height:390px}.stage-panel h2{font-size:36px}.stage-panel p{font-size:17px}.stage-panel .stage-example{font-size:14px}}
@media(max-width:720px){.opening{padding-top:25px}.stage-title{flex-direction:column;gap:0;font-size:21.5vw;line-height:.86;margin:30px 0}.stage-choice-layout{grid-template-columns:1fr;gap:22px}.stage-choices{gap:10px;padding:5px}.stage-tab{grid-template-columns:72px 1fr 20px;gap:10px;padding:13px 16px;min-height:66px;align-items:center;transform:rotate(-1deg)}.stage-tab:nth-child(2){transform:rotate(1deg)}.stage-tab:nth-child(3){transform:rotate(-1deg)}.stage-tab .eyebrow{grid-row:1;font-size:9px;line-height:1.2}.stage-tab strong{grid-column:2;grid-row:1;font-size:31px}.stage-tab i{grid-column:3;grid-row:1;font-size:22px}.stage-tab[aria-selected=true],.stage-tab:hover{transform:rotate(0);box-shadow:4px 4px 0 #17171640}.stage-panel{min-height:0;padding:25px;gap:18px}.stage-panel h2{font-size:36px}.stage-panel p{font-size:17px}.stage-panel .stage-example{font-size:14px}.stage-panel-actions{gap:20px}.stage-panel-actions .button{font-size:14px}.opening .opening-bottom{display:block;margin-top:25px}.opening-bottom .text-link{margin-top:15px}.opening-bottom p{font-size:13px}}
@media(max-width:370px){.stage-title{font-size:20.4vw}.stage-tab{grid-template-columns:65px 1fr 18px;padding:12px}.stage-tab strong{font-size:26px}.stage-tab .eyebrow{font-size:8px}.stage-panel{padding:20px}.stage-panel h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.stage-tab{transition:none}.stage-panel.is-entering{animation:none!important}}
html[data-motion=off] .stage-panel.is-entering{animation:none}
@media(max-width:720px){.stage-tab{grid-template-columns:84px 1fr 18px;gap:8px}.stage-tab .eyebrow{white-space:nowrap}}
@media(max-width:370px){.stage-tab{grid-template-columns:74px 1fr 16px;gap:6px}.stage-tab strong{font-size:25px}}
@media(forced-colors:active){.stage-title span:last-child{color:CanvasText}.stage-tab[aria-selected=true]{outline:3px solid Highlight}.stage-tab,.stage-panel{border:2px solid CanvasText;box-shadow:none!important}}

/* Selected local direction B: aligned cards at every width and interaction state. */
html .stage-tab,html .stage-tab:nth-child(n),html .stage-tab[aria-selected=true],html .stage-tab:hover,html .stage-tab:focus-visible{transform:none}