body.mode-landing #workspace > :not(#modeSelect){display:none}
.mode-select{max-width:1160px;margin:0 auto;padding:clamp(42px,7vw,110px) 24px 100px}
.mode-select h1{max-width:800px;margin:12px 0 16px;font-size:clamp(2.5rem,5vw,5rem);line-height:1.06}
.mode-select > p{max-width:650px;line-height:1.65}
.mode-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:42px}
.mode-card{display:flex;flex-direction:column;align-items:flex-start;min-height:260px;padding:30px;border:1px solid #bccbd0;border-radius:14px;background:#f5f9f9;color:#132d47;text-decoration:none;transition:transform .2s,box-shadow .2s}
.mode-card:hover,.mode-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px #12324c22}
.mode-card strong{font-size:1.8rem;margin:14px 0}.mode-card .mode-cta{margin-top:auto;text-decoration:underline;text-underline-offset:4px;font-weight:700}
.mode-card small{letter-spacing:.14em;font-weight:700;color:#05798b}
@media(max-width:650px){.mode-cards{grid-template-columns:1fr}.mode-card{min-height:220px}}