/* Start screen (version picker) — not used by the sites themselves */
:root{--accent:#364059;--ink:#292E27}
*{box-sizing:border-box}
html,body{margin:0;background:#FFFFFF;color:var(--ink);font-family:'Open Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}

.start{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px clamp(20px,5vw,72px);text-align:center}
.start-logo{display:block;height:48px;width:auto;margin-bottom:56px}
.start-eyebrow{margin:0 0 32px;font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}

.start-versions{display:grid;grid-template-columns:repeat(2,minmax(0,340px));gap:24px;width:100%;justify-content:center}
.version-card{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:140px;padding:32px;border:1px solid var(--accent);color:var(--accent);text-align:left;text-decoration:none;transition:background-color .3s ease,color .3s ease}
.version-card-text{display:flex;flex-direction:column;gap:8px}
.version-card-label{font-size:28px;font-weight:300;line-height:1.15;letter-spacing:-0.01em}
.version-card-arrow{flex:none;transition:transform .3s ease}
.version-card:hover{background:var(--accent);color:#FFFFFF}
.version-card:hover .version-card-arrow{transform:translateX(6px)}
.version-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

@media (max-width:767px){
  .start-logo{height:40px;margin-bottom:40px}
  .start-versions{grid-template-columns:minmax(0,1fr);max-width:420px}
  .version-card{min-height:112px;padding:24px}
  .version-card-label{font-size:24px}
}
@media (prefers-reduced-motion:reduce){
  .version-card,.version-card-arrow{transition:none}
  .version-card:hover .version-card-arrow{transform:none}
}