.how-works{background:var(--c-bg-light);padding-block:clamp(var(--sp-16),8vw,var(--sp-32));position:relative;overflow:hidden}.how-works::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(14,145,187,0.06) 0%,transparent 65%);pointer-events:none}.how-works__hd{text-align:center;max-width:760px;margin-inline:auto;margin-bottom:clamp(var(--sp-12),6vw,var(--sp-20))}.how-works__eyebrow{font-size:var(--text-xs);font-weight:var(--w-bold);letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--c-teal);margin-bottom:var(--sp-5)}.how-works__headline{font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));font-weight:var(--w-bold);letter-spacing:var(--track-tight);line-height:var(--lead-tight);color:var(--c-on-light-1);margin-bottom:clamp(var(--sp-6),3vw,var(--sp-8))}.how-works__intro{max-width:760px;margin-inline:auto;font-size:clamp(var(--text-base),1.2vw,var(--text-md));color:var(--c-on-light-2);line-height:var(--lead-relaxed)}.how-works__intro strong{color:var(--c-on-light-1);font-weight:var(--w-semi)}.how-works__timeline{position:relative;max-width:720px;margin-inline:auto;margin-top:clamp(var(--sp-12),6vw,var(--sp-20))}.how-works__step{display:grid;grid-template-columns:56px 1fr;gap:0 var(--sp-8);position:relative}.how-works__step-rail{display:flex;flex-direction:column;align-items:center}.how-works__step-node{width:40px;height:40px;border-radius:50%;border:2px solid var(--c-border-light-strong);background:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--w-bold);color:var(--c-on-light-3);flex-shrink:0;transition:background 400ms ease,border-color 400ms ease,color 400ms ease,box-shadow 400ms ease;z-index:1}.how-works__step.is-active .how-works__step-node{background:var(--c-teal);border-color:var(--c-teal);color:#fff;box-shadow:0 0 0 5px rgba(14,145,187,0.15)}.how-works__step-connector{flex:1;width:2px;background:var(--c-border-light-strong);position:relative;overflow:hidden;min-height:var(--sp-10)}.how-works__step-connector::after{content:'';position:absolute;top:0;left:0;right:0;height:0%;background:var(--c-teal);transition:height 600ms ease 200ms}.how-works__step.is-active .how-works__step-connector::after{height:100%}.how-works__step:last-child .how-works__step-connector{display:none}.how-works__step-body{padding-bottom:clamp(var(--sp-16),6vw,var(--sp-24));opacity:0.35;transform:translateY(12px);transition:opacity 500ms ease,transform 500ms ease}.how-works__step.is-active .how-works__step-body{opacity:1;transform:translateY(0)}.how-works__step-card{padding:var(--sp-6) var(--sp-8);border-radius:var(--r-xl);border:1px solid var(--c-border-light-strong);background:#ffffff;transition:background 550ms ease,border-color 550ms ease,box-shadow 550ms ease}.how-works__step.is-active .how-works__step-card{background:var(--c-bg-2);border-color:rgba(14,145,187,0.22);box-shadow:0 0 0 1px rgba(14,145,187,0.10),0 12px 40px rgba(0,0,0,0.18)}.how-works__step-eyebrow{font-size:var(--text-xs);font-weight:var(--w-bold);letter-spacing:var(--track-widest);text-transform:uppercase;color:var(--c-teal);margin-bottom:var(--sp-2);transition:color 550ms ease}.how-works__step.is-active .how-works__step-eyebrow{color:var(--c-teal-light)}.how-works__step-title{font-size:clamp(var(--text-xl),2.5vw,var(--text-2xl));font-weight:var(--w-bold);color:var(--c-on-light-1);line-height:var(--lead-snug);margin-bottom:var(--sp-3);letter-spacing:var(--track-tight);transition:color 550ms ease}.how-works__step.is-active .how-works__step-title{color:var(--c-text-1)}.how-works__step-desc{font-size:var(--text-base);color:var(--c-on-light-2);line-height:var(--lead-relaxed);max-width:540px;transition:color 550ms ease}.how-works__step.is-active .how-works__step-desc{color:var(--c-text-2)}.how-works__cta{text-align:center;padding-top:clamp(var(--sp-10),5vw,var(--sp-16));border-top:1px solid var(--c-border-light-strong);margin-top:var(--sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--sp-5)}.how-works__cta-lead{font-size:clamp(var(--text-xl),2.5vw,var(--text-2xl));font-weight:var(--w-bold);color:var(--c-on-light-1);letter-spacing:var(--track-tight)}@media (max-width:480px){.how-works__step{grid-template-columns:48px 1fr;gap:0 var(--sp-5)}.how-works__step-node{width:36px;height:36px}}