@layer theme,base;@layer components{.process-band__eyebrow{margin:0}}@layer utilities;.process-band{background-color:color-mix(in oklab, var(--stage) var(--tint-keep), var(--canvas));background-color:oklch(from var(--stage) calc(l * var(--tint-l) + var(--tint-lift)) calc(c * var(--tint-c)) h);min-height:50vh;padding:1.6rem var(--gutter) 1.5rem;color:var(--light-surface);text-align:center;flex-direction:column;align-items:center;transition:background-color .6s;display:flex}.process-band__stage{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:13rem;padding:2rem 0;display:flex}.process-band__stage .section-label{color:var(--light-surface)}.process-stage{animation:.34s cubic-bezier(.22,.61,.36,1) both process-stage-in}@keyframes process-stage-in{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:none}}.process-band__tabs{flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;display:flex}@media (max-width:479px){.process-band__tabs{justify-content:space-between;gap:0}}.process-dot{color:#ffffffb3;cursor:pointer;background-color:#0000;border:0;border-radius:50%;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;margin-bottom:14px;transition:background-color .2s,color .2s;display:flex;position:relative}.process-dot svg{width:2.5rem;height:2.5rem}.process-dot:hover{background-color:#00000012}.process-dot[aria-selected=true]{color:var(--light-surface)}.process-bar{background-color:#fff3;height:3px;position:absolute;bottom:-14px;left:-.5rem;right:-.5rem;overflow:hidden}.process-bar__fill{background-color:var(--light-surface);width:0;height:100%;display:block}.process-bar__fill[data-state=running]{animation:linear forwards process-fill}.process-bar__fill[data-state=full]{width:100%}@keyframes process-fill{0%{width:0}to{width:100%}}@media (prefers-reduced-motion:reduce){.process-stage{animation:none}.process-bar__fill[data-state=running]{width:100%;animation:none}.process-band{transition:none}}