.tier-card { overflow: hidden; }
.tier-screen[hidden] { display: none; }
.tier-note { margin: 0 0 18px; color: var(--gt-muted); line-height: 1.7; }
.tier-bar { height: 6px; margin: 0 0 18px; overflow: hidden; border-radius: 99px; background: rgba(148, 163, 184, 0.18); }
.tier-bar span { display: block; height: 100%; width: 0; border-radius: inherit; background: var(--gt-accent); transition: width 0.25s ease; }
.tier-question { margin: 0 0 16px; color: var(--gt-text); font-size: 1.15rem; font-weight: 750; line-height: 1.5; }
.tier-choices { display: grid; gap: 10px; }
.tier-choice { width: 100%; min-height: 52px; padding: 12px 16px; border: 1px solid var(--gt-line); border-radius: 13px; color: var(--gt-text); background: rgba(2, 6, 23, 0.38); font: inherit; font-size: 0.95rem; line-height: 1.5; text-align: left; cursor: pointer; transition: border-color 0.15s ease, background 0.15s ease; }
.tier-choice:hover, .tier-choice:focus-visible { border-color: var(--gt-accent); background: var(--gt-accent-soft); outline: none; }
.tier-result-label { margin: 0; color: var(--gt-muted); font-size: 0.9rem; }
.tier-result-tier { margin: 0; color: var(--gt-warning); font-size: clamp(3rem, 12vw, 4.5rem); font-weight: 800; line-height: 1.1; }
.tier-result-score { margin: 4px 0 14px; color: var(--gt-subtle); font-size: 0.85rem; font-variant-numeric: tabular-nums; }
.tier-result-desc { margin: 0 0 20px; color: var(--gt-text); line-height: 1.75; }
.tier-funnel { display: grid; justify-items: center; gap: 8px; margin: 0 0 14px; }
.tier-funnel-row { position: relative; box-sizing: border-box; width: var(--w); padding: 10px 14px; border: 1px solid var(--gt-line); border-radius: 12px; background: rgba(148, 163, 184, 0.1); text-align: center; }
.tier-funnel-row strong { display: block; color: var(--gt-text); font-size: 0.86rem; line-height: 1.4; }
.tier-funnel-row span { display: block; margin-top: 2px; color: var(--gt-muted); font-size: 0.78rem; font-variant-numeric: tabular-nums; }
.tier-funnel-row[data-tier-row="2"] { background: rgba(79, 134, 232, 0.16); }
.tier-funnel-row[data-tier-row="3"] { background: rgba(245, 181, 68, 0.16); }
.tier-funnel-row[data-tier-row="4"] { background: rgba(178, 140, 255, 0.16); }
.tier-funnel-row[aria-current="true"] { border: 2px solid var(--gt-warning); box-shadow: 0 0 0 4px var(--gt-warning-soft); }
.tier-funnel-row[aria-current="true"]::after { content: attr(data-me); position: absolute; top: -10px; right: -8px; padding: 2px 9px; border-radius: 99px; color: #0b1020; background: var(--gt-warning); font-size: 0.72rem; font-weight: 800; }
.tier-4-note { margin-bottom: 18px; }
@media (max-width: 520px) { .tier-funnel-row { width: 100% !important; } }