.af{grid-template-columns:1fr;align-items:start;gap:clamp(24px,3vw,40px);display:grid}@media (min-width:1000px){.af{grid-template-columns:1.02fr .98fr;gap:clamp(32px,4vw,64px)}}.af__field{grid-template-columns:repeat(21,1fr);align-content:start;gap:clamp(3px,.5vw,5px);display:grid}@media (max-width:620px){.af__field{grid-template-columns:repeat(15,1fr);gap:3px}}.af__m{aspect-ratio:1;transition:opacity .42s ease, transform .5s var(--ease);border-radius:2px}.af__m--l0{background:var(--ink)}.af__m--l1{background:var(--amber)}.af__m--l2{background:var(--sun)}html.anim .af__m{opacity:0;transform:scale(.55)}html.anim .af__m.is-in{opacity:1;transform:none}.af__m.is-off,html.anim .af__m.is-in.is-off{opacity:.13}.af__read{flex-direction:column;gap:clamp(18px,2.2vw,26px);display:flex}.af__total{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding-bottom:clamp(14px,1.8vw,20px);display:flex}.af__totalk{font-size:var(--cap-size);letter-spacing:var(--cap-track);text-transform:uppercase;color:var(--ink-3);font-weight:600}.af__total b{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(2.8rem,6vw,4.4rem);font-weight:600;line-height:1}.af__legend{flex-direction:column;gap:clamp(8px,1vw,12px);margin:0;padding:0;list-style:none;display:flex}.af__row{text-align:left;width:100%;font:inherit;cursor:pointer;border:1px solid var(--line);transition:border-color .4s ease, background-color .4s ease, transform .5s var(--ease);background:0 0;border-radius:16px;grid-template-columns:10px auto minmax(0,1fr);align-items:start;column-gap:clamp(12px,1.4vw,16px);padding:clamp(14px,1.6vw,18px) clamp(15px,1.8vw,20px);display:grid}.af__row:hover,.af__row.is-on{background:#fff;transform:translateY(-2px)}.af__row--l0.is-on{border-color:rgb(var(--ink-rgb) / .4)}.af__row--l1.is-on{border-color:rgb(var(--amber-rgb) / .55)}.af__row--l2.is-on{border-color:rgb(var(--sun-rgb) / .45)}.af__swatch{border-radius:2px;width:10px;height:10px;margin-top:7px}.af__row--l0 .af__swatch{background:var(--ink)}.af__row--l1 .af__swatch{background:var(--amber)}.af__row--l2 .af__swatch{background:var(--sun)}.af__n{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums;min-width:2.6ch;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1.1}.af__row--l1 .af__n{color:var(--amber)}.af__row--l2 .af__n{color:var(--sun-ink)}.af__body{gap:2px;min-width:0;display:grid}.af__k{font-size:var(--cap-size);letter-spacing:var(--cap-track);text-transform:uppercase;color:var(--ink-3);font-weight:600}.af__t{font-size:var(--t-lg);letter-spacing:-.022em;color:var(--ink);font-weight:600;line-height:1.25}.af__b{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--ink-2);max-width:42ch;margin-top:4px}@media (prefers-reduced-motion:reduce){.af__m,.af__row{transition:none}}
.al__rail{counter-reset:none;grid-template-columns:1fr;gap:clamp(2px,.4vw,4px);margin:0;padding:0;list-style:none;display:grid}@media (min-width:760px){.al__rail{grid-template-columns:repeat(3,1fr);gap:clamp(26px,3vw,40px) clamp(16px,2vw,28px)}}@media (min-width:1180px){.al__rail{grid-template-columns:repeat(6,1fr);column-gap:clamp(14px,1.4vw,20px)}}.al__step{grid-template-columns:1fr;padding:clamp(16px,1.8vw,22px) 0 0;display:grid;position:relative}.al__track{background:var(--line);border-radius:2px;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.al__track i{background:var(--sun);transform-origin:0;height:100%;transition:transform .75s var(--ease);display:block;transform:scaleX(0)}.al__step.is-on .al__track i{transform:scaleX(1)}.al__node{border:2px solid var(--line-strong);width:8px;height:8px;transition:border-color .45s ease, background-color .45s ease, transform .5s var(--ease);background:#fff;border-radius:50%;position:absolute;top:-3px;left:0}.al__step.is-on .al__node{background:var(--sun);border-color:var(--sun);transform:scale(1.15)}.al__n{font-family:var(--font-display), system-ui, sans-serif;font-weight:600;font-size:var(--t-sm);letter-spacing:.04em;color:var(--ink-3);transition:color .45s}.al__step.is-on .al__n{color:var(--sun-ink)}.al__q{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.028em;color:var(--ink-3);margin:7px 0 0;font-size:clamp(1.02rem,1.35vw,1.18rem);font-weight:600;line-height:1.22;transition:color .5s}.al__step.is-on .al__q{color:var(--ink)}.al__b{font-size:var(--t-sm);line-height:var(--lh-body);color:var(--ink-3);max-width:34ch;margin:9px 0 0;transition:color .5s}.al__step.is-on .al__b{color:var(--ink-2)}@media (max-width:759px){.al__step{padding:0 0 clamp(18px,3vw,24px) 22px}.al__track{width:2px;height:auto;inset:4px auto 0 3px}.al__track i{transform-origin:top;width:100%;height:100%;transition:transform .75s var(--ease);transform:scaleY(0)}.al__step.is-on .al__track i{transform:scaleY(1)}.al__node{top:4px;left:0}.al__step:last-child .al__track{display:none}}@media (prefers-reduced-motion:reduce){.al__track i,.al__node,.al__q,.al__b,.al__n{transition:none}}
.cp{grid-template-columns:1fr;align-items:center;gap:clamp(26px,3.2vw,44px);display:grid}@media (min-width:900px){.cp{grid-template-columns:.9fr 1.1fr;gap:clamp(36px,4.5vw,72px)}}.cp__grid{grid-template-columns:repeat(7,1fr);gap:clamp(7px,1vw,11px);display:grid}.cp__cell{aspect-ratio:1;border:1px solid var(--line);background:var(--surface-2);transition:background-color .5s ease, border-color .5s ease, box-shadow .6s var(--ease), transform .5s var(--ease);border-radius:8px}.cp__cell.is-done{background:var(--sun);border-color:var(--sun);box-shadow:0 12px 24px -16px rgb(var(--sun-deep-rgb) / .9);transform:translateY(-2px)}.cp__key{flex-wrap:wrap;gap:8px 20px;margin:clamp(16px,2vw,22px) 0 0;display:flex}.cp__keyitem{font-size:var(--cap-size);letter-spacing:var(--cap-track);text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-weight:600;display:inline-flex}.cp__keyitem i{border:1px solid var(--line);background:var(--surface-2);border-radius:3px;width:10px;height:10px}.cp__keyitem--on{color:var(--sun-ink)}.cp__keyitem--on i{background:var(--sun);border-color:var(--sun)}.cp__read{flex-direction:column;align-items:flex-start;display:flex}.cp__k{font-size:var(--cap-size);letter-spacing:var(--cap-track);text-transform:uppercase;color:var(--ink-3);font-weight:600}.cp__pct{letter-spacing:-.055em;color:var(--sun-ink);font-variant-numeric:tabular-nums;align-items:baseline;margin:10px 0 0;font-size:clamp(4rem,11vw,7.5rem);line-height:.86;display:flex}.cp__pct i{letter-spacing:-.02em;margin-left:.06em;font-size:.34em;font-style:normal}.cp__b{letter-spacing:-.015em;color:var(--ink);max-width:38ch;margin:clamp(18px,2.2vw,26px) 0 0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.5}.cp__note{border-top:1px solid var(--line);font-size:var(--t-sm);line-height:var(--lh-body);color:var(--ink-3);max-width:44ch;margin:14px 0 0;padding-top:14px}@media (prefers-reduced-motion:reduce){.cp__cell{transition:none}}