.zx-hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.zx-hero-bg canvas{display:block;position:absolute;inset:0}.zx-hero-bg:after{content:"";background:radial-gradient(45% 30% at 50% 28%, var(--zx-bg-fade,var(--surface-tile-1)), transparent 100%);position:absolute;inset:0}.zx-tile-has-bg>.zx-tile-copy,.zx-tile-has-bg>.zx-tile-media,.zx-tile-has-bg>.zx-tile-fine{z-index:1;position:relative}
html .zx-steps .zx-step{border-top:0;padding-top:0}html .zx-steps .zx-step:after{display:none}.zx-step-tilt{height:100%}html .zx-step .zx-step-card{box-sizing:border-box;height:100%;padding:var(--space-lg);background:var(--surface-tile-1);border:1px solid var(--border-charcoal);transition:border-color .25s ease, background-color .25s ease, transform .3s var(--ease-out);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0d}html .zx-step .zx-step-card:hover{border-color:var(--primary)}html .zx-step .zx-step-card:after{content:"";background:var(--primary);width:0;height:3px;position:absolute;top:0;left:0}html .zx-step.zx-active .zx-step-card{border-color:var(--primary)}html .zx-step.zx-active .zx-step-card:after{width:100%;transition:width var(--zx-step-ms,3.2s) linear}html .zx-step .zx-step-num{color:var(--body-on-dark)}.zx-step-held{margin-top:var(--space-sm);color:var(--body-muted);font-size:12px;display:block}@media (prefers-reduced-motion:reduce){html .zx-step .zx-step-card:hover{transform:none}html .zx-step.zx-active .zx-step-card:after{transition:none}}html .zx-steps.zx-has-active .zx-step:not(.zx-active){opacity:1}