.start-options { display:flex; flex-direction:column; align-items:stretch; gap:10px; width:100%; max-width:430px; }
.start-options .start-option { width:100%; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:12px 17px; min-height:62px; border:1px solid #b9d2e44d; border-radius:4px; background:#ffffff03; color:#f6f9fc; text-align:left; font-size:.9rem; line-height:1.4; text-decoration:none; transition:background .2s,border-color .2s,transform .2s; }
.start-options .start-option small { display:block; margin-top:4px; font-size:.71rem; font-weight:400; line-height:1.5; color:#c4d1df; }
.start-options .start-primary { background:#5ce1e6; border-color:#5ce1e6; color:#0a1628; }
.start-options .start-primary small { color:#254955; }
.start-options .start-option:hover { background:#ffffff0d; border-color:#5ce1e6; transform:translateY(-1px); box-shadow:none; }
.start-options .start-primary:hover { background:#8bedef; color:#0a1628; }
.start-option:focus-visible,.hero-explore a:focus-visible { outline:2px solid #5ce1e6; outline-offset:4px; }
.hero-explore { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:22px; max-width:440px; }
.hero-explore a { color:#d7e5ed; text-underline-offset:5px; font-size:.75rem; line-height:1.6; }
.hero-explore a:hover { color:#5ce1e6; }
.hero .start-options { gap:10px; }
.hero .start-options .start-option { font-size:.9rem; padding:12px 17px; }
.hero-copy > .text-button { margin-top:12px; }
.navigation .menu { max-height:min(650px,calc(100dvh - 170px)); overflow-y:auto; overscroll-behavior:contain; }
@media(max-width:760px) { .start-options { max-width:none; } }
@media(prefers-reduced-motion:reduce) { .start-options .start-option { transition:none; } .start-options .start-option:hover { transform:none; } }