.how-head{padding-bottom:var(--sp-7)}.site .how-head__title{max-width:20ch}.how-stage-section{padding-top:0}.how-stage{gap:var(--sp-8);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;width:100%;display:grid}.steps{gap:var(--sp-5);min-width:0;display:grid}.steps__tabs{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.steps__tab{align-items:flex-start;gap:var(--sp-1);min-width:0;min-height:var(--tap);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--sf);color:var(--mu);box-shadow:inset 0 0 0 1px var(--field);text-align:left;cursor:pointer;transition:transform var(--dur-fast) var(--ease);border:0;flex-direction:column;display:flex}.steps__tab:hover{transform:translateY(calc(var(--lift) / -2))}.steps__tab[aria-selected=true]{color:var(--tx);box-shadow:inset 0 0 0 2px var(--ac)}.steps__num,.steps__label{font-family:var(--ff-mono);font-size:var(--fs-label);letter-spacing:var(--track-label);color:var(--act);font-weight:500}.steps__name{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;font-weight:600;line-height:1.3}.steps__panel{gap:var(--sp-4);padding:var(--sp-6);border-radius:var(--r-lg);background:var(--sf);box-shadow:inset 0 0 0 1px var(--hair);animation:rise var(--dur) var(--ease) both;align-content:start;display:grid}.steps__panel[hidden]{display:none}.site .steps__title{font-size:var(--fs-h3)}.steps__lead{font-size:var(--fs-lead)}.steps__items{gap:var(--sp-3);color:var(--mu);margin:0;padding:0;list-style:none;display:grid}.steps__item{gap:var(--sp-3);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.steps__item:before{content:"";background:var(--ac);border-radius:50%;width:6px;height:6px;margin-top:.65em}.loop{justify-self:center;width:100%;max-width:440px;overflow:visible}.loop__track{fill:none;stroke:var(--hair2);stroke-width:1.5px}.loop__arrow{fill:none;stroke:var(--field);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.loop__ring{fill:none;stroke:var(--field);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:0 1}.loop__ring,.loop__orbit{transform-box:view-box;transform-origin:50%;will-change:transform}.loop__orbit{animation:loop-turn var(--dur-orbit) var(--ease-orbit) infinite}.loop__ring{animation:loop-turn var(--dur-ring) var(--ease-orbit) infinite reverse}@keyframes loop-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loop__dot{fill:var(--ac)}.loop__dot-glow{fill:var(--glow)}.loop__node-base{fill:var(--sf);stroke:var(--field);stroke-width:1.5px}.loop__node-fill{fill:var(--ac);opacity:0;transition:opacity var(--dur) var(--ease)}.loop__halo{fill:var(--glow);opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transform:scale(.6)}.loop__node[data-active=true] .loop__node-fill,.loop__node[data-active=true] .loop__halo{opacity:1}.loop__node[data-active=true] .loop__halo{transform:none}.loop__num{font-family:var(--ff-mono);letter-spacing:var(--track-label);fill:var(--mu);text-anchor:middle;dominant-baseline:central;font-size:14px;font-weight:500}.loop__node[data-active=true] .loop__num{fill:var(--acon)}.loop__active{font-family:var(--ff-display);fill:var(--tx);text-anchor:middle;font-size:64px;font-weight:500}.loop__center{font-family:var(--ff-display);fill:var(--mu);text-anchor:middle;font-size:17px;font-style:italic}@media (prefers-reduced-motion:reduce){.loop__orbit,.loop__ring,.steps__panel{animation:none}}@media (width<=980px){.how-stage{gap:var(--sp-7);grid-template-columns:minmax(0,1fr)}.loop{max-width:360px}}@media (width<=640px){.how-head{padding-bottom:var(--sp-6)}.how-stage{gap:var(--sp-6)}.loop{max-width:300px}.steps__panel{padding:var(--sp-5)}}