.roof-process,.roof-process *{box-sizing:border-box}.roof-process.section-wrapper{align-items:center;align-self:stretch;background:var(--roof-process-section-bg,#f4f7fb);display:flex;flex-direction:column;justify-content:center;padding:var(--roof-process-wrapper-padding,5rem);position:relative;width:100%}.roof-process__container.section-container{max-width:var(--roof-process-container-width,80rem)!important;width:100%}.roof-process__header{margin:0 auto 1.75rem;max-width:48rem;text-align:center}.roof-process__heading,.roof-process__overview-title,.roof-process__step-title{color:var(--roof-process-heading-color,#1d3b7c);font-family:Montserrat,sans-serif;font-weight:700;margin:0}.roof-process__heading{font-size:clamp(2rem,3vw,3.125rem);letter-spacing:-.035em;line-height:1.12}.roof-process__intro{color:var(--roof-process-body-color,#1d3b7c);font-size:1rem;line-height:1.5;margin:.65rem 0 0}.roof-process__frame{background:var(--roof-process-frame-bg,#1d3b7c);border-radius:1.75rem;display:grid;gap:1.5rem;grid-template-columns:minmax(24rem,.9fr) minmax(0,2.25fr);padding:1.25rem;width:100%}.roof-process__overview{align-items:flex-start;background:var(--roof-process-overview-bg,#294893);border-radius:1.25rem;color:#fff;display:flex;flex-direction:column;min-height:100%;padding:clamp(1.5rem,3vw,3rem)}.roof-process__badge{align-items:center;background:var(--roof-process-accent,#ff6b00);border-radius:999px;color:#fff;display:inline-flex;font-size:.66rem;font-weight:800;letter-spacing:.04em;line-height:1;min-height:1.75rem;padding:.35rem .85rem;text-transform:uppercase}.roof-process__counter{color:var(--roof-process-accent,#ff6b00);font-size:clamp(2.25rem,4vw,3.75rem);font-weight:700;letter-spacing:-.045em;line-height:1;margin:1.15rem 0 .7rem}.roof-process__overview-title{color:#fff;font-size:clamp(1.4rem,2vw,2rem);line-height:1.15}.roof-process__overview-copy{color:#fff;font-size:.9rem;line-height:1.55;margin:1rem 0 0;max-width:21rem}.roof-process__button{align-items:center;background:var(--roof-process-button-bg,#ff6b00);border-radius:.5rem;color:var(--roof-process-button-text,#fff);display:inline-flex;font-size:.875rem;font-weight:700;justify-content:center;line-height:1;margin-top:1.5rem;padding:.8rem 1.15rem;text-decoration:none;transition:filter .2s ease,transform .2s ease}.roof-process__button:focus-visible,.roof-process__button:hover{color:var(--roof-process-button-text,#fff);filter:brightness(.92);transform:translateY(-1px)}.roof-process__steps{background:var(--roof-process-content-bg,#fff);border-radius:1.25rem;display:grid;gap:.75rem;padding:1rem}.roof-process__step{align-items:center;background:var(--roof-process-step-bg,#f4f8ff);border-radius:.9rem;display:grid;gap:1rem;grid-template-columns:3.5rem minmax(0,1fr);min-height:6.5rem;padding:1rem}.roof-process__step--without-icon{grid-template-columns:1fr}.roof-process__icon{background:#fff;border-radius:.85rem;color:var(--roof-process-heading-color,#1d3b7c);display:grid;height:3.5rem;place-items:center;width:3.5rem}.roof-process__icon img{height:3.5rem;object-fit:contain;width:3.5rem}.roof-process__step-label{color:var(--roof-process-accent,#ff6b00);font-size:.65rem;font-weight:800;letter-spacing:.035em;line-height:1;margin:0 0 .25rem;text-transform:uppercase}.roof-process__step-title{font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.2}.roof-process__step-description{color:var(--roof-process-body-color,#1d3b7c);font-size:.79rem;line-height:1.45;margin:.35rem 0 0}@media (max-width:1024px){.roof-process.section-wrapper{padding:4rem 1.5rem}.roof-process__frame{gap:1rem;grid-template-columns:minmax(16rem,.85fr) minmax(0,1.8fr);padding:1rem}}@media (max-width:767px){.roof-process.section-wrapper{padding:var(--roof-process-wrapper-padding-mobile,3rem 1rem)}.roof-process__header{margin-bottom:1.25rem}.roof-process__frame{border-radius:1.25rem;grid-template-columns:1fr;padding:.75rem}.roof-process__overview,.roof-process__steps{border-radius:.9rem}.roof-process__overview{min-height:auto;padding:1.5rem}.roof-process__step{gap:.8rem;grid-template-columns:3rem minmax(0,1fr);min-height:0;padding:.9rem}.roof-process__icon{height:3rem;width:3rem}}