/* Stage 8 review-only additions, aligned to existing typography and palette. */
.stage8{padding:clamp(48px,7vw,110px) clamp(20px,6vw,96px);background:#f4f2ec;color:#17201b;border-top:1px solid #cbd1c8}.stage8-inner{max-width:1200px;margin:auto}.stage8-kicker{font:700 11px/1.4 'DM Sans',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#42634a}.stage8 h2{font:700 clamp(30px,4vw,54px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.04em;margin:14px 0 26px;max-width:900px}.stage8 h3{font:700 20px/1.2 'Space Grotesk',sans-serif;margin:20px 0 8px}.stage8 p,.stage8 li{font:400 16px/1.7 'DM Sans',sans-serif;max-width:72ch}.stage8 a{color:#245f40;text-decoration:underline;text-underline-offset:4px}.stage8 a:focus-visible{outline:3px solid #245f40;outline-offset:4px}.stage8-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 50px}.stage8-rule{border-top:1px solid #abb9ad;padding-top:18px}.stage8-note{font-size:13px!important;color:#42554b}.stage8-demo{display:flex;align-items:center;gap:28px;padding:28px;border:1px solid #b8c9bd;background:#e7eee8}.stage8-demo img{width:72px;height:72px;object-fit:contain}@media(max-width:640px){.stage8-grid{grid-template-columns:1fr}.stage8{padding:48px 20px}.stage8-demo{align-items:flex-start;flex-direction:column}}

/* Keep the existing Connections heading inside narrow 320 px viewports. */
@media (max-width:360px){.connections .cx-top h2{font-size:clamp(32px,10.5vw,38px);overflow-wrap:anywhere}}

/* Prevent narrow grid children and the Connections heading from exceeding the viewport. */
@media(max-width:540px){.about{grid-template-columns:minmax(0,1fr)}.about>*{min-width:0}.connections .cx-top h2{font-size:clamp(32px,10.5vw,48px);overflow-wrap:anywhere}}

@media(max-width:540px){.cx-social-list{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-social-item{min-width:0;overflow-wrap:anywhere}}