.hw{gap:clamp(2.5rem,3.5vw,3.5rem);min-height:0;padding:clamp(4rem,6vw,7rem) 0}.hw .hg1{opacity:.4;width:40vw;height:40vw;top:-12vw;left:-12vw}.hw .hg2{opacity:.35;width:34vw;height:34vw;bottom:-16vw;right:-10vw}.hw-head{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 3rem;display:flex;position:relative}.hw-title{flex-direction:column;gap:1.25rem;max-width:820px;display:flex}.hw-title h2{color:#fff;text-wrap:balance;margin:0}.hw-rail{z-index:2;position:relative}.hw-track{pointer-events:none;background:#ffffff1f;border-radius:2px;width:0;height:2px;position:absolute;top:0;left:0}.hw-track .lit{clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0);position:absolute;inset:0;overflow:hidden}.hw-rail.vert .hw-track .lit{clip-path:inset(0 0 calc((1 - var(--p,0)) * 100%) 0)}.hw-track .fill{background:linear-gradient(90deg,#0063f6,#4fa0ff);position:absolute;inset:0}.hw-rail.vert .hw-track .fill{background:linear-gradient(#0063f6,#4fa0ff)}.hw-track .pulse{background:radial-gradient(closest-side,#fffffff2,#fff0);width:140px;height:8px;margin-top:-4px;animation:2.8s linear infinite hw-run;position:absolute;top:50%;left:0}.hw-rail.vert .hw-track .pulse{width:8px;height:140px;margin:0 0 0 -4px;animation-name:hw-run-v;top:0;left:50%}@keyframes hw-run{0%{left:-140px}to{left:100%}}@keyframes hw-run-v{0%{top:-140px}to{top:100%}}.hw-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.hw-step{flex-direction:column;gap:1.5rem;display:flex}.hw-step .node{z-index:1;color:#9aa0ad;width:56px;height:56px;transition:background-color .5s var(--ease-figma),border-color .5s var(--ease-figma),color .5s var(--ease-figma),box-shadow .5s var(--ease-figma);background:#0c0c15;border:1px solid #fff3;border-radius:50%;flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;display:grid;position:relative}.hw-step .node:after{content:"";opacity:0;pointer-events:none;border:1px solid #4fa0ff;border-radius:50%;position:absolute;inset:-1px}.hw-step.on .node{color:#fff;background:#0063f6;border-color:#0063f6;box-shadow:0 0 0 6px #0063f62e,0 0 30px #0063f699}.hw-step.on .node:after{animation:2.4s ease-out infinite hx-ring;animation-delay:calc(var(--i,0) * .6s)}.hw-card{opacity:.35;transition:opacity .7s var(--ease-figma),translate .7s var(--ease-figma),border-color .5s var(--ease-figma),box-shadow .5s var(--ease-figma);background:#12121f;border:1px solid #ffffff1a;border-radius:1rem;flex-direction:column;flex:1;gap:.875rem;padding:1.5rem;display:flex;position:relative;translate:0 16px}.hw-step.on .hw-card{opacity:1;border-color:#0063f666;translate:0}.hw-step.on .hw-card:hover{border-color:#0063f6;translate:0 -6px;box-shadow:0 30px 70px -30px #0063f699}.hw-card .ic{color:#6aa6ff;width:48px;height:48px;transition:background-color .5s var(--ease-figma),color .5s var(--ease-figma);background:#0063f629;border:1px solid #0063f659;border-radius:.75rem;place-items:center;display:grid}.hw-card:hover .ic{color:#fff;background:#0063f6}.hw-card .ic svg{width:22px;height:22px}.hw-card h3{color:#fff;margin:.25rem 0 0;font-size:1.25rem;font-weight:600;line-height:1.3}.hw-card p{color:#aab0bd;margin:0;font-size:.9375rem;font-weight:500;line-height:1.6}@media (max-width:1023px){.hw-steps{grid-template-columns:1fr;gap:1.25rem}.hw-step{flex-direction:row;gap:1.25rem}}@media (prefers-reduced-motion:reduce){.hw-card{opacity:1;translate:none}}.hx.hw.hw-lt{color:#0a0a2d;background:#ebf8eb}.hw-lt .grid-bg{background-image:linear-gradient(#0a0a2d0d 1px,#0000 1px),linear-gradient(90deg,#0a0a2d0d 1px,#0000 1px)}.hw-lt .hg1,.hw-lt .hg2{opacity:.12}.hw-lt .hw-head .eyebrow{color:#151515;-webkit-backdrop-filter:none;background:#fff;border-color:#cadab2}.hw-lt .hw-title h2{color:#0a0a2d}.hw-lt .hw-track{background:#0a0a2d1f}.hw-lt .hw-track .pulse{background:radial-gradient(closest-side,#0063f68c,#0063f600)}.hw-lt .hw-step .node{color:#595959;background:#fff;border-color:#cfdccf}.hw-lt .hw-step.on .node{color:#fff;background:#0063f6;border-color:#0063f6;box-shadow:0 0 0 6px #0063f624,0 12px 28px -8px #0063f68c}.hw-lt .hw-card{opacity:.5;background:#fff;border-color:#dfe8df}.hw-lt .hw-step.on .hw-card{opacity:1;border-color:#0063f647;box-shadow:0 1px 2px #0a0a2d0d}.hw-lt .hw-step.on .hw-card:hover{border-color:#0063f6;box-shadow:0 30px 60px -30px #0063f673}.hw-lt .hw-card .ic{color:#0063f6;background:#0063f614;border-color:#0063f633}.hw-lt .hw-card:hover .ic{color:#fff;background:#0063f6}.hw-lt .hw-card h3{color:#0a0a2d}.hw-lt .hw-card p{color:#595959}