.how-it-works{padding:76px clamp(24px,4vw,64px) 48px;background:#001b2b;color:#f4f8ff}
.how-it-works h2{margin:0;font-family:"Figtree",var(--ui-font);font-size:clamp(32px,4.5vw,64px);font-weight:900;line-height:1.1;letter-spacing:-.035em}
.how-it-works h2 span{color:#ffd32a}
.activation-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:48px 0 0}
.activation-steps li{position:relative;min-width:0}
.activation-steps li::before{content:"";position:absolute;top:32px;left:0;right:-32px;border-top:2px dashed #00dced45}
.activation-steps li:last-child::before{right:0}
.step-marker{position:relative;display:flex;align-items:center;gap:10px;margin-bottom:18px}
.step-number{display:grid;place-items:center;width:66px;height:66px;flex:none;border:2px solid #00e5f5;border-radius:50%;background:#001725;box-shadow:0 0 0 7px #002838,0 0 24px #00dced18;color:#00e5f5;font:900 23px/1 "Figtree",var(--ui-font)}
.step-marker svg{width:32px;height:32px;color:#ffd32a;background:#001b2b}
.activation-steps h3{margin:0 0 12px;font-family:"Figtree",var(--ui-font);font-size:clamp(20px,1.8vw,25px);font-weight:900;line-height:1.2;letter-spacing:-.025em}
.activation-steps p{max-width:27ch;margin:0;color:#b8d3e1;font-size:18px;line-height:1.65}
@media(max-width:900px){.how-it-works{padding-top:56px}.activation-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;margin-top:28px}.activation-steps li::before{right:-28px}.activation-steps li:nth-child(2n)::before{right:0}}
@media(max-width:520px){.how-it-works{padding:40px 20px 36px}.how-it-works h2{font-size:32px}.activation-steps{gap:30px 20px;margin-top:24px}.activation-steps li::before{top:25px;right:-20px}.step-number{width:52px;height:52px;font-size:20px}.step-marker{gap:8px}.step-marker svg{width:26px;height:26px}.activation-steps h3{font-size:20px}.activation-steps p{font-size:15px;line-height:1.55}}

.how-it-works h2 strong{font-weight:900}
