.hero-band{background-image:none}.hero-band:before{background:linear-gradient(90deg, var(--hero-band-1) 0%, var(--hero-band-2) 45%, var(--hero-band-3) 100%);width:100vw}.stairs-wrap{--step:3.5%;--edge:#ffffff2e;--blue:#2f8cff;width:min(520px,94vw);position:relative}.stairs{z-index:1;flex-direction:column-reverse;gap:10px;margin:0;padding:0;list-style:none;display:flex;position:relative}.stairs-riser,.stairs-path{pointer-events:none;position:absolute;overflow:visible}.stairs-riser{width:100%;height:100%;inset:0}.stairs-riser polygon{fill:#ffffff08;stroke:var(--edge);stroke-width:1px;vector-effect:non-scaling-stroke}.stairs-path{width:calc(4 * var(--step));height:80%;top:10%;left:34px}.stairs-path line{stroke:#ffffff73;stroke-width:2px;stroke-dasharray:2 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.stairs-marker{z-index:2;background:var(--blue);width:12px;height:12px;left:calc(34px + 2 * var(--step) - 6px);border-radius:50%;position:absolute;bottom:calc(50% - 6px);box-shadow:0 0 0 3px #ffffffd9}.stair{margin-left:calc(var(--k,0) * var(--step));background:#ffffff0d;border:1px solid #ffffff2e;border-radius:14px;flex:1 1 0;grid-template-columns:36px 1fr auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.stair-n{color:#fff;background:#0b3d78;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.stair b{color:#fff;font-size:17px;display:block}.stair div span{color:#c3d3f0;font-size:14px;display:block}.stair[data-here=true]{border-color:var(--blue);background:#2f8cff29}.stair[data-here=true] .stair-n{background:var(--blue);color:#03102a}.stair-tag{letter-spacing:.04em;color:#bcd8ff;text-align:right;max-width:11ch;font-size:12px}.stair:first-child{--k:0}.stair:nth-child(2){--k:1}.stair:nth-child(3){--k:2}.stair:nth-child(4){--k:3}.stair:nth-child(5){--k:4}@media (max-width:600px){.stairs-wrap{--step:2.4%}.stair{gap:10px;padding:10px 12px}}@keyframes stair-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes stair-here{0%{background:#ffffff0d;border-color:#ffffff2e}to{border-color:var(--blue);background:#2f8cff29}}@keyframes stair-tag-in{0%{opacity:0}to{opacity:1}}@keyframes marker-climb{0%{opacity:0;bottom:calc(10% - 6px);left:28px}10%{opacity:1}to{opacity:1;left:calc(34px + 2 * var(--step) - 6px);bottom:calc(50% - 6px)}}@keyframes marker-pulse{0%{box-shadow:0 0 0 3px #ffffffd9}50%{box-shadow:0 0 0 10px #2f8cff59}to{box-shadow:0 0 0 3px #ffffffd9}}@keyframes path-draw{0%{opacity:0}to{opacity:1}}.stair{animation:.35s ease-out both stair-rise;animation-delay:calc(var(--k) * .25s)}.stair[data-here=true]{animation:.35s ease-out both stair-rise,.3s 2.5s both stair-here;animation-delay:calc(var(--k) * .25s), 2.5s}.stair[data-here=true] .stair-tag{animation:.3s 2.5s both stair-tag-in}.stairs-path{animation:.35s 1.2s both path-draw}.stairs-marker{animation:1s ease-in-out 1.5s both marker-climb,.5s ease-out 2.5s both marker-pulse}@media (prefers-reduced-motion:reduce){.stair,.stair[data-here=true],.stair[data-here=true] .stair-tag,.stairs-path,.stairs-marker{animation:none}}
.wheel-seg{cursor:pointer;outline:none}.wheel-ring{fill:#ffffff0a;stroke:#ffffff38;stroke-width:1px;transition:fill .4s,stroke .2s}.wheel-ring[data-on=true]{fill:#2f8cff;stroke:#bcd8ff8c}.wheel-seg:hover .wheel-ring,.wheel-seg:focus-visible .wheel-ring{stroke:#fff9}.wheel-seg:hover .wheel-ring:not([data-on=true]),.wheel-seg:focus-visible .wheel-ring:not([data-on=true]){fill:#ffffff1a}.wheel-seg[data-active=true] .wheel-ring{stroke:#bcd8ff;stroke-width:1.5px}.wheel-seg:focus-visible .wheel-ring{stroke:#fff;stroke-width:2.5px}.wheel-label{fill:#e6efff;text-anchor:middle;pointer-events:none;font-size:13px;font-weight:600}.wheel-seg[data-done=true] .wheel-label{fill:#fff}.wheel-t1{fill:#fff;text-anchor:middle;font-size:11.5px;font-weight:700}.wheel-t2{fill:#c3d3f0;text-anchor:middle;font-size:11px}.wheel-arc{fill:none;stroke:#ffffff80;stroke-width:3px;stroke-linecap:round}.wheel-tick{stroke:#ffffff80;stroke-width:2px;stroke-linecap:round}.wheel-needle{transition:transform .6s}.wheel-needle-line{stroke:#fff;stroke-width:3px;stroke-linecap:round}.wheel-hub{fill:#2f8cff;stroke:#fff;stroke-width:2px}.wheel-panel{background:#ffffff0d;border:1px solid #1d3f73}.wheel-opt{color:#e9eefc;border:1px solid #5f8fd0}.wheel-opt:hover{background:#0f2f5e}.wheel-opt[aria-pressed=true]{color:#03102a;background:#2f8cff;border-color:#2f8cff}.wheel-opt:focus-visible,.wheel-link:focus-visible{outline-offset:2px;outline:2px solid #fff}.wheel-link-ink{color:#8fc0ff}.wheel-link{color:#8fc0ff;text-decoration:underline}@media (prefers-reduced-motion:reduce){.wheel-ring,.wheel-needle{transition:none}}