.how-it-works-26{& .how-it-works-26__inner{background:#f0f2fa;border-radius:24px;margin:0 auto;padding:clamp(28px,5vw,64px)}& .how-it-works-26__head{margin:0 0 clamp(28px,4vw,48px);max-width:880px}& .how-it-works-26__heading{color:var(--color-fluent-dark-navy);font-size:clamp(28px,3.4vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:0 0 16px}& .how-it-works-26__description{color:var(--color-fluent-dark-navy);font-size:clamp(15px,1.4vw,21px);line-height:1.5;margin:0}& .how-it-works-26__grid{counter-reset:how-it-works;display:grid;gap:16px;grid-template-columns:1fr;list-style:none;margin:0;padding:0;@media (min-width:600px){grid-template-columns:repeat(2,1fr)}@media (min-width:960px){gap:20px;grid-template-columns:repeat(4,1fr)}}& .how-it-works-26__card{aspect-ratio:1/1.05;background:#d4c3f1;border-radius:12px;display:flex;flex-direction:column;isolation:isolate;justify-content:flex-end;overflow:hidden;padding:24px;position:relative}& .how-it-works-26__bg{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;inset:0;position:absolute;transition:transform .55s cubic-bezier(.65,0,.35,1);will-change:transform;z-index:0}& .how-it-works-26__card:focus-within .how-it-works-26__bg,& .how-it-works-26__card:hover .how-it-works-26__bg{transform:translateY(-100%)}& .how-it-works-26__card:first-child .how-it-works-26__bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229 300' preserveAspectRatio='none'><path d='M-78 -102.233C-78 -105.971 -74.9702 -109.001 -71.2328 -109.001L320.233 -109.001C323.97 -109.001 327 -105.971 327 -102.234L327 112.099C327 114.253 325.254 115.999 323.1 115.999C320.946 115.999 319.2 117.745 319.2 119.899L319.2 149.233C319.2 152.97 316.17 156 312.433 156L203.967 156C200.23 156 197.2 152.97 197.2 149.233L197.2 122.766C197.2 119.029 194.17 115.999 190.433 115.999L94.5641 115.999C90.8266 115.999 87.7969 119.029 87.7969 122.767L87.7969 193.144C87.7969 196.882 84.7671 199.911 81.0297 199.911L-71.2328 199.911C-74.9702 199.911 -78 196.882 -78 193.144L-78 -102.233Z' fill='%23CEB2F0'/></svg>");bottom:20px;top:-20px}& .how-it-works-26__card:nth-child(2) .how-it-works-26__bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229 224' preserveAspectRatio='none'><path d='M86 190.767C86 187.03 82.9702 184 79.2328 184L-71.3344 184C-75.0718 184 -78.1016 180.97 -78.1016 177.233L-78.1016 -4.2325C-78.1016 -7.96993 -75.0718 -10.9997 -71.3344 -10.9997L79.2328 -10.9997C82.9702 -10.9997 86 -14.0295 86 -17.7669L86 -102.233C86 -105.971 89.0298 -109.001 92.7672 -109.001L320.233 -109.001C323.97 -109.001 327 -105.971 327 -102.234L327 217.233C327 220.97 323.97 224 320.233 224L92.7672 224C89.0298 224 86 220.97 86 217.233L86 190.767Z' fill='%23CEB2F0'/></svg>");bottom:80px;top:-80px}& .how-it-works-26__card:nth-child(3) .how-it-works-26__bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229 212' preserveAspectRatio='none'><path d='M165.2 122.766C165.2 119.029 162.17 115.999 158.433 115.999L94.6656 115.999C90.9282 115.999 87.8984 119.029 87.8984 122.767L87.8984 174.593C87.8984 178.331 84.8686 181.361 81.1312 181.361L-71.3344 181.361C-75.0718 181.361 -78.1016 178.331 -78.1016 174.593L-78.1016 69.4114C-78.1016 69.3834 -78.0788 69.3606 -78.0508 69.3606C-78.0227 69.3606 -78 69.3379 -78 69.3098L-78 -102.233C-78 -105.971 -74.9702 -109.001 -71.2328 -109.001L320.233 -109.001C323.97 -109.001 327 -105.971 327 -102.234L327 112.099C327 114.253 325.254 115.999 323.1 115.999C320.946 115.999 319.2 117.745 319.2 119.899L319.2 205.232C319.2 208.969 316.17 211.999 312.433 211.999L171.967 211.999C168.23 211.999 165.2 208.969 165.2 205.232L165.2 122.766Z' fill='%23CEB2F0'/></svg>");bottom:80px;top:-80px}& .how-it-works-26__card:nth-child(4) .how-it-works-26__bg{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 229 193' preserveAspectRatio='none'><path d='M197.2 162.766C197.2 159.029 194.17 155.999 190.433 155.999L56.7672 155.999C53.0298 155.999 50 152.97 50 149.232L50 142.128C50 138.39 46.9702 135.361 43.2328 135.361L-71.3344 135.361C-75.0718 135.361 -78.1016 132.331 -78.1016 128.593L-78.1016 -7.87216C-78.1016 -11.6096 -75.0718 -14.6394 -71.3344 -14.6394L43.2328 -14.6394C46.9702 -14.6394 50 -17.6692 50 -21.4066L50 -102.233C50 -105.971 53.0298 -109.001 56.7672 -109.001L320.233 -109.001C323.97 -109.001 327 -105.971 327 -102.234L327 152.099C327 154.253 325.254 155.999 323.1 155.999C320.946 155.999 319.2 157.745 319.2 159.899L319.2 186.232C319.2 189.969 316.17 192.999 312.433 192.999L203.967 192.999C200.23 192.999 197.2 189.969 197.2 186.232L197.2 162.766Z' fill='%23CEB2F0'/></svg>");bottom:100px;top:-100px}& .how-it-works-26__default{margin-top:auto;position:relative;transition:opacity .35s ease,transform .45s cubic-bezier(.65,0,.35,1);z-index:1}& .how-it-works-26__card:focus-within .how-it-works-26__default,& .how-it-works-26__card:hover .how-it-works-26__default{opacity:0;transform:translateY(-8px)}& .how-it-works-26__hover{display:flex;flex-direction:column;gap:10px;inset:0;justify-content:flex-end;opacity:0;padding:24px;pointer-events:none;position:absolute;transform:translateY(16px);transition:opacity .35s ease .05s,transform .5s cubic-bezier(.65,0,.35,1) .05s;z-index:2}& .how-it-works-26__card:focus-within .how-it-works-26__hover,& .how-it-works-26__card:hover .how-it-works-26__hover{opacity:1;transform:translateY(0);transition-delay:.2s}& .how-it-works-26__hover-heading{color:var(--color-fluent-dark-navy);font-size:clamp(16px,1.6vw,22px);font-weight:600;line-height:1.25;margin:0;text-wrap:balance}& .how-it-works-26__hover-text{color:var(--color-fluent-dark-navy);font-size:16px;line-height:1.45;margin:0}& .how-it-works-26__number{align-items:center;background:var(--color-fluent-dark-navy);border-radius:4px;color:var(--color-white);display:inline-flex;font-size:26px;font-weight:400;height:40px;justify-content:center;line-height:1;margin-bottom:10px;position:relative;width:40px;z-index:1}& .how-it-works-26__step-title{color:var(--color-fluent-dark-navy);font-size:clamp(16px,1.6vw,22px);font-weight:600;line-height:1.25;margin:0;min-height:50px;position:relative;text-wrap:balance;z-index:1}@media (max-width:599px){& .how-it-works-26__card{aspect-ratio:auto;gap:14px;padding:28px 24px}& .how-it-works-26__bg{display:none}& .how-it-works-26__default{margin-top:0;opacity:1;transform:none}& .how-it-works-26__hover{gap:6px;opacity:1;padding:0;pointer-events:auto;position:static;transform:none}& .how-it-works-26__card:focus-within .how-it-works-26__bg,& .how-it-works-26__card:focus-within .how-it-works-26__default,& .how-it-works-26__card:focus-within .how-it-works-26__hover,& .how-it-works-26__card:hover .how-it-works-26__bg,& .how-it-works-26__card:hover .how-it-works-26__default,& .how-it-works-26__card:hover .how-it-works-26__hover{opacity:1;transform:none}}}