.screen[data-screen="intro"] .intro-copy { width: min(100%, 720px); gap: 0; }
.screen[data-screen="intro"] .intro-logo { width: clamp(80px, 12dvh, 140px); margin: 0 auto 12px; }
.screen[data-screen="intro"] .intro-copy > .eyebrow { margin: 0 0 8px; }
.screen[data-screen="intro"] .intro-copy h1 { font-size: clamp(1.9rem, 4.8vw, 3rem); line-height: 1.15; margin: 0 0 10px; }
.screen[data-screen="intro"] .intro-copy > .lead { font-size: clamp(.95rem, 2vw, 1.2rem); margin: 0 0 24px; }
.quiz-menu { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; width: 100%; }
.quiz-choice { display: flex; align-items: center; gap: 24px; width: 100%; text-align: left; color: #fff; padding: clamp(20px, 3dvh, 34px); border: 1px solid #ffffff30; border-radius: 24px; background: linear-gradient(120deg, #632344ee, #252039f5); box-shadow: inset 0 1px #ffffff12, 0 12px 32px #08051333; font: inherit; cursor: pointer; }
.quiz-choice__icon { display: grid; place-items: center; flex: 0 0 64px; height: 64px; border: 1px solid #ef547a66; border-radius: 20px; background: #ea20522b; color: #ff7196; font-size: 36px; font-weight: 800; }
.quiz-choice__copy { display: grid; gap: 9px; min-width: 0; }
.quiz-choice__label { color: #f892ae; font-size: .7rem; font-weight: 800; letter-spacing: .16em; }
.quiz-choice strong { font-size: clamp(1.4rem, 3.4vw, 2rem); line-height: 1.15; }
.quiz-choice__description { font-size: clamp(.85rem, 1.8vw, 1rem); line-height: 1.4; color: #d3ccdf; }
.quiz-choice__status { display: inline-flex; justify-self: start; align-items: center; gap: 24px; color: white; font-size: .82rem; font-weight: 800; margin-top: 4px; }
.quiz-choice--personality:hover { border-color: #f26c94; }
.quiz-choice--personality:focus-visible { outline: 3px solid white; outline-offset: 4px; }
.quiz-choice--knowledge:disabled { opacity: 1; cursor: default; background: linear-gradient(120deg, #302b4eee, #1b192df5); }
.quiz-choice--knowledge .quiz-choice__icon { color: #b8a6f1; border-color: #b8a6f144; background: #b8a6f114; }
.quiz-choice--knowledge .quiz-choice__label { color: #b8a6f1; }
.quiz-choice--knowledge .quiz-choice__status { background: #ffffff0c; border: 1px solid #ffffff1a; color: #c8c3d3; border-radius: 30px; padding: 6px 12px; }
.screen[data-screen="intro"] .intro-copy .privacy { margin: 20px auto 0; font-size: .72rem; }
@media (max-height: 800px) {
  .screen[data-screen="intro"] .intro-logo { display: none; }
  .screen[data-screen="intro"] .intro-copy > .lead { margin-bottom: 14px; }
  .quiz-menu { gap: 12px; }
  .quiz-choice { padding: 16px 22px; gap: 18px; }
  .quiz-choice__copy { gap: 6px; }
}