.how-it-works-hero{align-items:center;background:radial-gradient(ellipse 28% 36% at 0% 100%,#c8d9fa 0% 20%,#f0f6ff 70% 100%),var(--color-surface-offwhite);display:flex;min-height:435px;overflow:hidden;padding-block:100px}.how-it-works-hero__content{align-items:center;display:flex;flex-direction:column;gap:16px;margin-inline:auto;max-width:920px;text-align:center}.how-it-works-hero__eyebrow{color:var(--color-brand-blue);font-size:12px;font-weight:700;line-height:1;text-transform:uppercase}.how-it-works-hero h1{color:var(--color-brand-dark);font-size:54px;font-weight:800;letter-spacing:0;line-height:1.1;max-width:920px}.how-it-works-hero__content>p:last-child{color:var(--color-text-secondary);font-size:18px;line-height:1.5;max-width:738px}@media(max-width:780px){.how-it-works-hero{min-height:392px;padding-block:88px}.how-it-works-hero h1{font-size:44px;max-width:720px}}@media(max-width:640px){.how-it-works-hero{min-height:420px;padding-block:72px}.how-it-works-hero h1{font-size:38px}.how-it-works-hero__content>p:last-child{font-size:16px}}@media(max-width:360px){.how-it-works-hero h1{font-size:34px}}.how-incremental{background:var(--color-surface-page);overflow:hidden;padding-block:128px}.how-incremental__heading{align-items:center;display:flex;flex-direction:column;gap:12px;margin-inline:auto;max-width:720px;text-align:center}.how-incremental__eyebrow{color:var(--color-brand-blue);font-size:12px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.how-incremental h2{color:var(--color-brand-dark);font-size:43px;font-weight:800;letter-spacing:0;line-height:1.08;max-width:720px}.how-incremental__heading>p:last-child{color:var(--color-text-secondary);font-size:16px;line-height:1.6}.how-incremental__cards{display:grid;gap:24px;margin:48px auto 0;max-width:900px}.how-incremental-card{background:#fff;border:1.5px solid var(--color-brand-dark);border-radius:var(--radius-card);min-height:288px;padding:30px}.how-incremental-card__icon{align-items:center;border-radius:12px;display:inline-flex;height:88px;justify-content:center;width:88px}.how-incremental-card__icon--green{background:#e6f6f5}.how-incremental-card__icon--blue{background:#e6f2fa}.how-incremental-card__icon img{height:64px;object-fit:contain;width:64px}.how-incremental-card h3{color:var(--color-brand-dark);font-size:20px;font-weight:700;letter-spacing:0;line-height:1.2;margin-top:20px}.how-incremental-card p{color:var(--color-text-secondary);font-size:16px;line-height:1.6;margin-top:20px}.how-incremental__link{margin-top:48px;text-align:center}.how-incremental__link a{color:var(--color-text-secondary);font-size:13px;line-height:1.45;text-decoration:underline;text-underline-offset:2px;transition:color .18s ease}.how-incremental__link a:hover{color:var(--color-brand-blue)}@media(min-width:768px){.how-incremental__cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.how-incremental{padding-block:88px}}@media(max-width:640px){.how-incremental{padding-block:72px}.how-incremental h2{font-size:34px}.how-incremental-card{min-height:auto;padding:26px}}@media(prefers-reduced-motion:reduce){.how-incremental__link a{transition:none}}.how-css{background:var(--color-surface-offwhite);padding-block:128px}.how-css__grid{align-items:center;display:grid;gap:52px;margin-inline:auto;max-width:1080px}.how-css__copy{display:flex;flex-direction:column;gap:20px;max-width:610px}.how-css__eyebrow{color:var(--color-brand-blue);font-size:12px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.how-css h2{color:var(--color-brand-dark);font-size:43px;font-weight:800;letter-spacing:0;line-height:1.08}.how-css__copy p:not(.how-css__eyebrow){color:var(--color-text-secondary);font-size:16px;line-height:1.6}.how-css__links{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.how-css__links a{color:var(--color-brand-blue);font-size:14px;font-weight:700;line-height:1.45}.how-css__links a:hover{color:#0079bd}.how-css__links span{color:var(--color-text-muted)}.how-css-diagram{background:#fff;border:1px solid rgba(27,35,40,.08);border-radius:20px;box-shadow:0 28px 30px #1b23282e;display:flex;flex-direction:column;gap:20px;max-width:638px;padding:28px;position:relative}.how-css-diagram__caption{color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.88px;line-height:1.45;text-transform:uppercase}.how-css-diagram__routes{display:grid;gap:20px}.how-css-route{display:grid;gap:8px}.how-css-route__heading{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px}.how-css-route h3{color:var(--color-brand-dark);font-size:13px;font-weight:700;letter-spacing:.26px;line-height:1.45}.how-css-route--shoparize h3{color:var(--color-brand-blue)}.how-css-route__heading p{color:var(--color-text-muted);font-size:12px;letter-spacing:.24px;line-height:1.45}.how-css-route__bar{align-items:center;border:1px solid rgba(254,51,74,.25);border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,21.2%);min-height:48px;overflow:hidden}.how-css-route--shoparize .how-css-route__bar{border-color:#bfd8ee;display:flex;justify-content:flex-end}.how-css-route__value{align-items:center;align-self:stretch;background:#fe334a14;color:var(--color-brand-dark);display:inline-flex;font-size:12px;font-weight:600;gap:2px;justify-content:flex-end;line-height:1.45;padding-inline:16px}.how-css-route--shoparize .how-css-route__value{background:#0089d514;color:var(--color-brand-blue);flex:1}.how-css-route__value strong{font-size:13px;font-weight:800;line-height:1.45}.how-css-route__margin{align-items:center;align-self:stretch;background:#fe334a33;border-left:1px dashed var(--color-brand-red);color:var(--color-brand-red);display:inline-flex;font-size:10px;font-weight:700;justify-content:center;letter-spacing:.6px;line-height:1.45;padding-inline:12px;text-transform:uppercase;white-space:nowrap}.how-css-route__description{color:var(--color-text-secondary);font-size:12px;line-height:1.6}.how-css-result{align-items:flex-start;background:#e6f2fa;border:1px solid #bfd8ee;border-radius:12px;color:var(--color-brand-dark);display:flex;gap:12px;padding:16px 20px}.how-css-result__arrow{color:var(--color-brand-blue);flex:none;font-size:16px;font-weight:800;line-height:1.6}.how-css-result p{font-size:13px;line-height:1.6}.how-css-result strong{color:var(--color-brand-blue);font-weight:700}@media(min-width:1024px){.how-css__grid{grid-template-columns:minmax(0,390px) minmax(0,638px)}}@media(max-width:780px){.how-css{padding-block:88px}}@media(max-width:640px){.how-css{padding-block:72px}.how-css__grid{gap:40px}.how-css h2{font-size:34px}.how-css-diagram{border-radius:var(--radius-card);gap:18px;padding:24px}.how-css-route__bar{grid-template-columns:minmax(0,1fr) minmax(96px,30%)}.how-css-route__value{justify-content:flex-start}}@media(max-width:420px){.how-css-diagram{margin-inline:-4px;padding:20px}.how-css-route__bar{grid-template-columns:minmax(0,1fr)}.how-css-route__margin{border-left:0;border-top:1px dashed var(--color-brand-red);min-height:38px}.how-css-result{padding:16px}}.how-it-works-faq-scope>section{background:var(--color-surface-page);padding-block:128px}.how-it-works-faq-scope .faq-grid{gap:64px}.how-it-works-faq-scope .faq-aside{max-width:462px}.how-it-works-faq-scope .faq-aside h2{font-size:43px;letter-spacing:0;line-height:1.08}.how-it-works-faq-scope .faq-aside p:first-child{font-size:12px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.how-it-works-faq-scope .faq-list{border-top:1px solid rgba(27,35,40,.1);gap:8px}.how-it-works-faq-scope .faq-item{border-color:#1b23281a}.how-it-works-faq-scope .faq-item:has([aria-expanded=true]){background:#1b232805}.how-it-works-faq-scope .faq-button{min-height:64px;padding-block:20px}.how-it-works-faq-scope .faq-button span:first-child{font-size:16px;font-weight:700;letter-spacing:0;line-height:1.45}.how-it-works-faq-scope .faq-answer{--faq-answer-padding-bottom: 21px}.how-it-works-faq-scope .faq-answer p{font-size:13px;line-height:1.6}@media(min-width:1024px){.how-it-works-faq-scope .faq-grid{grid-template-columns:minmax(0,462px) minmax(0,786px);justify-content:center}}@media(max-width:780px){.how-it-works-faq-scope>section{padding-block:88px}}@media(max-width:640px){.how-it-works-faq-scope>section{padding-block:72px}.how-it-works-faq-scope .faq-grid{gap:36px}.how-it-works-faq-scope .faq-aside h2{font-size:34px}}.how-timeline{background:var(--color-surface-page);padding-block:128px}.how-timeline__heading{align-items:center;display:flex;flex-direction:column;gap:12px;margin-inline:auto;max-width:720px;text-align:center}.how-timeline__eyebrow{color:var(--color-brand-blue);font-size:12px;font-weight:700;letter-spacing:0;line-height:1;text-transform:uppercase}.how-timeline h2{color:var(--color-brand-dark);font-size:43px;font-weight:800;letter-spacing:0;line-height:1.08;max-width:720px}.how-timeline__heading>p:last-child{color:var(--color-text-secondary);font-size:16px;line-height:1.6}.how-timeline__cards{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,293px));justify-content:center;margin:48px auto 0;max-width:960px}.how-timeline-card{align-items:center;background:#fff;border:1.5px solid rgba(27,35,40,.12);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:16px;min-height:222px;padding:29px 25px;text-align:center}.how-timeline-card--green{border-color:var(--color-brand-green)}.how-timeline-card--blue{border-color:var(--color-brand-blue)}.how-timeline-card--dark{border-color:var(--color-brand-dark)}.how-timeline-card__metric{font-size:56px;font-weight:800;letter-spacing:0;line-height:1}.how-timeline-card__metric--green{color:var(--color-brand-green)}.how-timeline-card__metric--blue{color:var(--color-brand-blue)}.how-timeline-card__metric--dark{color:var(--color-brand-dark)}.how-timeline-card h3{color:var(--color-brand-dark);font-size:13px;font-weight:600;letter-spacing:0;line-height:1.45}.how-timeline-card>p:last-child{color:var(--color-text-secondary);font-size:12px;line-height:1.6;max-width:229px}@media(max-width:900px){.how-timeline{padding-block:88px}.how-timeline__cards{grid-template-columns:minmax(0,293px)}}@media(max-width:640px){.how-timeline{padding-block:72px}.how-timeline h2{font-size:34px}.how-timeline__cards{grid-template-columns:minmax(0,1fr);max-width:360px}.how-timeline-card{min-height:210px}.how-timeline-card__metric{font-size:48px}}