@layer components{.wfh-cell{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}@media (min-width:640px){.wfh-cell{flex-direction:row;flex:1 1 0;gap:24px}}.wfh-badge-slot{flex:none;display:flex}@media (min-width:640px){.wfh-badge-slot{justify-content:flex-end;width:168px}}.wfh-badge{border-radius:var(--radius-pill);background-color:var(--color-neutral-100);min-height:24px;color:var(--color-text-muted);font-size:var(--text-micro);white-space:nowrap;align-items:center;padding:0 10px;font-weight:600;line-height:16px;display:inline-flex}.wfh-badge[data-tone=scored]{background-color:color-mix(in srgb, var(--color-brand-blue) 8%, transparent);color:var(--color-brand-blue)}a.wfh-badge:hover{background-color:color-mix(in srgb, var(--color-brand-blue) 14%, transparent)}.wfh-report:hover{box-shadow:0 6px 16px #0b13221f}@media (prefers-reduced-motion:no-preference){.wfh-report:hover{transform:translateY(-2px)}.motion[data-anim]:not([data-anim=reset]) .wfh-rise{animation:wfh-rise .6s var(--motion-ease) var(--motion-delay) both}.motion[data-anim]:not([data-anim=reset]) .wfh-rise[data-step="1"]{animation-delay:calc(var(--motion-delay) + 80ms)}.motion[data-anim]:not([data-anim=reset]) .wfh-rise[data-step="2"]{animation-delay:calc(var(--motion-delay) + .2s)}.motion[data-anim]:not([data-anim=reset]) .wfh-rise[data-step="3"]{animation-delay:calc(var(--motion-delay) + .3s)}}}@keyframes wfh-rise{0%{opacity:0;transform:translateY(16px)}}
@layer components{.opt-card{border:1px solid var(--color-border);background-color:var(--color-neutral-0);border-radius:20px;flex-direction:column;flex:1 1 0;gap:16px;min-width:0;padding:24px;display:flex;position:relative;box-shadow:0 0 0 1px #0000,0 1px 2px #0b13220d,0 12px 32px #0b13220f}@media (min-width:768px){.opt-card{padding:28px}}.opt-card[data-picked]{border-color:var(--color-viz-gold);box-shadow:0 0 0 1px var(--color-viz-gold), 0 2px 4px #0b13220f, 0 24px 48px -12px #0b13221f;translate:0 -4px}@media not (min-width:1024px){.opt-card[data-picked]{order:-1}}@media (min-width:1024px){.opt-card[data-picked]{translate:0 -8px}}.opt-badges{opacity:0;visibility:hidden;align-items:center;gap:6px;display:flex;position:absolute;top:-14px;left:20px;translate:0 4px}@media (min-width:768px){.opt-badges{left:24px}}.opt-card[data-picked] .opt-badges{opacity:1;visibility:visible;translate:0}.opt-badge{border-radius:var(--radius-pill);background-color:var(--color-viz-gold);color:var(--color-brand-navy);letter-spacing:var(--tracking-label);text-transform:uppercase;align-items:center;gap:6px;padding:6px 12px 6px 10px;font-size:11px;font-weight:800;line-height:14px;display:inline-flex;box-shadow:0 4px 10px -4px #5c492873}.opt-note{border:1px solid var(--color-viz-gold);border-radius:var(--radius-pill);background-color:var(--color-neutral-0);color:var(--color-gold-900);font-size:var(--text-micro);white-space:nowrap;padding:5px 12px;font-weight:700;line-height:16px}.agf{flex-direction:column;display:flex}@media (min-width:768px){.agf{flex-direction:row}}.agf-step{flex:1 1 0;gap:16px;min-width:0;display:flex}@media (min-width:768px){.agf-step{flex-direction:column;gap:20px}}.agf-rail{flex-direction:column;flex:none;align-items:center;gap:8px;padding-top:6px;display:flex}@media (min-width:768px){.agf-rail{flex-direction:row;padding-top:0}}.agf-dot{border:2px solid var(--color-brand-blue);border-radius:var(--radius-pill);background-color:var(--color-surface-sunken);flex:none;width:12px;height:12px}.agf-step:last-child .agf-dot{border-color:var(--color-viz-gold);background-color:var(--color-viz-gold)}.agf-line{background-color:color-mix(in srgb, var(--color-brand-blue) 40%, transparent);transform-origin:top;--agf-from:1 0;flex:auto;width:1px;min-height:24px}@media (min-width:768px){.agf-line{transform-origin:0;--agf-from:0 1;width:auto;height:1px;min-height:0;margin-right:8px}}.agf-step:last-child .agf-line{visibility:hidden}.agf-step:last-child .agf-copy{padding-bottom:0}.agf-copy{flex-direction:column;gap:8px;padding-bottom:28px;display:flex}@media (min-width:768px){.agf-copy{padding-bottom:0;padding-right:24px}}@media (prefers-reduced-motion:no-preference){.opt-card{transition:translate .24s var(--motion-ease), border-color .24s ease-out, box-shadow .24s ease-out}.opt-badges{transition:opacity .12s ease-in,translate .12s ease-in,visibility 0s linear .12s}.opt-list[data-moved] .opt-card[data-picked] .opt-badges{animation:opt-badge-in .2s var(--motion-ease) 60ms both;transition:none}.agf[data-anim]:not([data-anim=reset]) .agf-step{animation:agf-in .5s var(--motion-ease) calc(var(--motion-delay) + var(--agf-i) * .38s) both}.agf[data-anim]:not([data-anim=reset]) .agf-line{animation:agf-draw .36s ease-out calc(var(--motion-delay) + var(--agf-i) * .38s + .24s) both}}}@keyframes opt-badge-in{0%{opacity:0;translate:0 -4px}}@keyframes agf-in{0%{opacity:0;transform:translate(-8px)}}@keyframes agf-draw{0%{scale:var(--agf-from)}}