.how-it-works{position:relative;padding-block:var(--space-4xl);background:var(--color-bg);border-top:1px solid var(--color-border);overflow:hidden}.how-it-works__ambient{position:absolute;bottom:-10%;left:50%;transform:translate(-50%);width:80%;height:50%;background:radial-gradient(ellipse at bottom,var(--color-accent-glow) 0%,transparent 60%);pointer-events:none;z-index:0}[data-theme=dark] .how-it-works__ambient{background:radial-gradient(ellipse at bottom,rgba(167,139,250,.15) 0%,transparent 60%)}.how-it-works__header{text-align:center;margin-bottom:var(--space-4xl);max-width:600px;margin-inline:auto;position:relative;z-index:1}.how-it-works__title-shimmer{font-size:var(--text-5xl);margin-bottom:var(--space-md);letter-spacing:-.03em;background:linear-gradient(to right,var(--color-text) 20%,var(--color-accent-light) 40%,var(--color-accent) 50%,var(--color-accent-light) 60%,var(--color-text) 80%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmerSweep 5s cubic-bezier(.4,0,.2,1) infinite alternate}[data-theme=dark] .how-it-works__title-shimmer{background:linear-gradient(to right,#FFFFFF 20%,#D8B4FE 40%,var(--color-accent) 50%,#D8B4FE 60%,#FFFFFF 80%);background-size:200% auto;-webkit-background-clip:text}@keyframes shimmerSweep{0%{background-position:0% center}to{background-position:200% center}}.how-it-works__header p{font-size:var(--text-xl);color:var(--color-text-secondary)}.how-it-works__grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl);max-width:var(--container-max);margin:0 auto;z-index:1}.how-it-works__track{position:absolute;top:14px;left:10%;right:10%;height:4px;background:var(--color-surface);border-radius:var(--radius-full);box-shadow:inset 0 1px 2px #0000001a;z-index:0;overflow:hidden}[data-theme=dark] .how-it-works__track{background:#1a1a1a;box-shadow:inset 0 1px 3px #00000080}.how-it-works__track-energy{position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);animation:flowEnergy 4s ease-in-out infinite}@keyframes flowEnergy{0%{transform:translate(-150%)}to{transform:translate(350%)}}.step-card{display:flex;flex-direction:column;gap:var(--space-xl);position:relative;z-index:1}.step-card__waypoint{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-inline:auto;padding:var(--space-xs) var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:0 0 0 6px var(--color-bg);transition:all var(--transition-base)}[data-theme=dark] .step-card__waypoint{background:#0a0a0a;border-color:#3f3f46;box-shadow:0 0 0 6px #0a0a0a}.step-card__waypoint-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);transition:all var(--transition-base)}.step-card__number{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text-secondary);letter-spacing:.1em;transition:color var(--transition-base)}.step-card:hover .step-card__waypoint{border-color:var(--color-accent);box-shadow:0 0 0 6px var(--color-bg),0 0 15px var(--color-accent-glow)}.step-card:hover .step-card__waypoint-dot{background:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.step-card:hover .step-card__number{color:var(--color-text)}.step-card__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}[data-theme=dark] .step-card__content{background:#ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff0d;box-shadow:inset 0 1px #ffffff0d}.step-card:hover .step-card__content{transform:translateY(-6px);border-color:var(--color-accent-light);box-shadow:var(--shadow-md)}[data-theme=dark] .step-card:hover .step-card__content{border-color:#a78bfa4d;box-shadow:0 20px 40px -10px #00000080}.step-card__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-accent-light);color:var(--color-accent);margin-bottom:var(--space-md);transition:transform var(--transition-base)}[data-theme=dark] .step-card__icon-wrapper{background:#a78bfa1a;box-shadow:inset 0 0 0 1px #a78bfa33}.step-card:hover .step-card__icon-wrapper{transform:scale(1.1)}.step-card__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-xs);color:var(--color-text)}.step-card__description{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}@media(max-width:1023px){.how-it-works__grid{grid-template-columns:1fr;gap:var(--space-xl);max-width:500px}.how-it-works__track{top:50px;bottom:50px;left:45px;width:4px;height:auto}.how-it-works__track-energy{width:100%;height:40%;background:linear-gradient(180deg,transparent,var(--color-accent),transparent);animation:flowEnergyVertical 4s ease-in-out infinite}@keyframes flowEnergyVertical{0%{transform:translateY(-150%)}to{transform:translateY(350%)}}.step-card{flex-direction:row;gap:var(--space-lg)}.step-card__waypoint{flex-direction:column;margin-inline:0;width:44px;height:72px;border-radius:var(--radius-full)}.step-card__content{align-items:flex-start;text-align:left;width:100%}}@media(max-width:639px){.how-it-works__title-shimmer{font-size:var(--text-4xl)}.step-card__content{padding:var(--space-lg)}.step-card__icon-wrapper{width:44px;height:44px}}