.esc-hero{padding-top:clamp(3rem,7vw,5.5rem)}.esc-hero .badge{white-space:normal;max-width:100%;line-height:1.5}.esc-hero h1{font-size:var(--text-hero);max-width:940px;margin:24px 0 0}.esc-hero .hero-sub{color:var(--text-secondary);max-width:820px;margin:20px 0 0;font-size:1.05rem}.matrix{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.matrix-col{background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;padding:26px;display:flex}.matrix-mode{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-copper-cta);margin:0 0 10px;font-size:.68rem}.matrix-title{font-family:var(--font-title);color:var(--text-primary);margin:0 0 20px;font-size:1.05rem;font-weight:700;line-height:1.3}.matrix-rows{gap:0;display:grid}.matrix-row{border-top:1px solid var(--border-subtle);padding:12px 0}.matrix-row:first-child{border-top:none}.matrix-dim{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:3px;font-size:.64rem}.matrix-val{color:var(--text-secondary);font-size:.86rem;line-height:1.5}.scenarios{padding-top:0}.scenario{background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(24px,4vw,40px)}.scenario+.scenario{margin-top:26px}.scenario-head{grid-template-columns:auto 1fr;align-items:start;gap:20px;display:grid}.scenario-num{font-family:var(--font-mono);color:var(--accent-copper-cta);opacity:.55;padding-top:2px;font-size:1.7rem;font-weight:700;line-height:1}.scenario h2{font-size:var(--text-h3);margin-bottom:12px}.scenario .eyebrow{margin-bottom:8px}.scenario-body{color:var(--text-secondary);max-width:820px;margin:0}.scenario-facts{font-family:var(--font-mono);color:var(--text-secondary);flex-wrap:wrap;gap:8px 18px;margin:20px 0 6px;font-size:.74rem;display:flex}.scenario-facts span:before{content:"✓";color:var(--status-pass-fg);margin-right:7px}.flow{align-items:stretch;gap:10px;margin-top:26px;display:flex}.flow-node{background:var(--bg-surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex-direction:column;flex:1 1 0;gap:8px;min-width:0;padding:18px 16px;display:flex}.flow-step-num{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-copper-cta);font-size:.66rem}.flow-label{font-family:var(--font-title);color:var(--text-primary);font-size:.98rem;font-weight:700;line-height:1.25}.flow-cap{color:var(--text-secondary);font-size:.82rem;line-height:1.5}.flow-arrow{color:var(--accent-copper-cta);opacity:.85;flex:none;align-self:center}.layers{border:1px solid var(--border-subtle);border-radius:var(--radius);margin-top:26px;overflow:hidden}.layer{background:var(--bg-surface-1);grid-template-columns:auto 1fr;align-items:start;gap:18px;padding:26px;display:grid}.layer--adjust{background:var(--bg-surface-2);border-top:1px dashed var(--border-subtle)}.layer-icon-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-surface-2);width:44px;height:44px;color:var(--accent-copper-cta);place-items:center;display:grid}.layer--adjust .layer-icon-wrap{color:var(--text-secondary)}.layer-tag{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-copper-cta);margin-bottom:6px;font-size:.68rem;display:block}.layer--adjust .layer-tag{color:var(--text-muted)}.layer h3{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem}.layer p{color:var(--text-secondary);max-width:760px;margin:0;font-size:.92rem}.layer-bridge{border-top:1px solid var(--border-subtle);background:var(--bg-surface-1);font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-muted);justify-content:center;align-items:center;gap:8px;padding:12px 26px;font-size:.7rem;display:flex}.layer-bridge svg{color:var(--accent-copper-cta)}@media (width<=900px){.matrix{grid-template-columns:1fr}}@media (width<=767px){.scenario-head{grid-template-columns:1fr;gap:8px}.scenario-num{font-size:1.25rem}.flow{flex-direction:column;align-items:stretch}.flow-arrow{align-self:center;transform:rotate(90deg)}.flow-node{flex:none}.layer{grid-template-columns:1fr;gap:12px}}
