.how-illustrated{position:relative;isolation:isolate;overflow:hidden;padding:40px 36px 30px;background:radial-gradient(ellipse at 9% 35%,#def1ff,transparent 45%),radial-gradient(ellipse at 90% 28%,#e1f3ff,transparent 45%),linear-gradient(#f3faff,#fff);color:#07143d}
.how-illustrated-inner{position:relative;max-width:1600px;margin:auto;text-align:center}
.how-illustrated-eyebrow{font-size:15px;letter-spacing:3.8px;font-weight:700;color:#0872cb;margin:0 0 20px}
.how-illustrated h2{font-size:clamp(38px,3.85vw,64px);line-height:1.03;letter-spacing:-2px;margin:0 0 32px;font-weight:800;scroll-margin-top:28px}
.how-illustrated h2 span{display:inline-block;position:relative;color:#2573bb;margin-top:5px}
.how-illustrated h2 span:after{content:'';position:absolute;width:50%;height:9px;left:25%;bottom:-15px;border-top:8px solid #bedff9;border-radius:50%;transform:rotate(1deg)}
.how-illustrated-intro{font-size:clamp(17px,1.45vw,24px);color:#50658a;line-height:1.5;margin:0 0 36px}
.how-illustrated-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;margin:0;padding:0}
.how-illustrated-card{position:relative;min-width:0;background:#fff;border:1px solid #d9edff;border-radius:19px;padding:17px 17px 22px;box-shadow:0 5px 18px #3c91c50a}
/* Display the four artwork panels from the approved reference at their original proportions. */
.how-illustrated-scene{width:100%;aspect-ratio:334/332;border-radius:11px;background-image:url('/saverack/optimized/how-steps-reference-v1-21e63050e641-1672w.webp');background-size:500.5988% 283.4337%;background-position:var(--scene-position) 51.7241%;background-repeat:no-repeat}
.how-illustrated-number{position:absolute;top:12px;left:12px;width:19%;aspect-ratio:1;max-width:64px;display:grid;place-items:center;background:linear-gradient(135deg,#2487d3,#1a6bb4);border:2px solid white;border-radius:50%;color:white;font-size:clamp(17px,1.3vw,23px);font-weight:700}
.how-illustrated-card h3{font-size:clamp(18px,1.48vw,25px);line-height:1.25;letter-spacing:-.7px;margin:19px 0 13px;font-weight:750}
.how-illustrated-card>p{font-size:clamp(15px,1.12vw,19px);line-height:1.5;margin:0;color:#4d6288}
.how-illustrated-arrow{position:absolute;left:calc(100% + 7px);top:37%;width:28px;color:#1c7ccc;font-size:40px;font-weight:700;line-height:1}
.how-illustrated-action{margin-top:27px}
.how-illustrated-action .button{min-width:280px;min-height:62px;padding:17px 28px;border-radius:12px;font-size:19px;gap:24px}
.how-cloud{position:absolute;z-index:-1;top:200px;width:200px;height:30px;border-radius:70% 70% 0 0;background:#ffffff9c}
.how-cloud:before,.how-cloud:after{content:'';position:absolute;bottom:0;border-radius:50% 50% 0 0;background:inherit}
.how-cloud:before{width:100px;height:80px;left:45px}.how-cloud:after{width:65px;height:48px;left:120px}
.how-cloud-left{left:5%;transform:scale(.9)}.how-cloud-right{right:7%;top:165px;transform:scale(.85)}
@media(max-width:1199px){.how-illustrated-grid{gap:24px}.how-illustrated-card{padding:12px 12px 20px}.how-illustrated-arrow{font-size:28px;width:20px;left:calc(100% + 2px)}.how-illustrated-card h3{font-size:18px;min-height:45px}.how-illustrated-card>p{font-size:14px}.how-illustrated-number{top:8px;left:8px}}
@media(max-width:1000px){.how-illustrated-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.how-illustrated-card{padding:16px 16px 22px}.how-illustrated-card h3{min-height:0;font-size:23px}.how-illustrated-card>p{font-size:17px}.how-illustrated-arrow{display:none}.how-illustrated-number{top:12px;left:12px;font-size:22px}.how-cloud{opacity:.5}}
@media(max-width:600px){.how-illustrated{padding:36px 20px 32px}.how-illustrated-eyebrow{font-size:11px;letter-spacing:2.8px;margin-bottom:17px}.how-illustrated h2{font-size:34px;line-height:1.08;letter-spacing:-1px}.how-illustrated-intro{font-size:16px;margin-bottom:25px}.how-illustrated-grid{grid-template-columns:1fr;max-width:420px;margin:auto;gap:20px}.how-illustrated-card h3{font-size:22px;margin-top:18px}.how-illustrated-card>p{font-size:16px}.how-illustrated-action .button{width:100%;max-width:420px;min-width:0;font-size:17px;min-height:56px}.how-cloud{display:none}}