.steps{list-style:none;padding:0;margin-inline:auto;margin-bottom:0;width:fit-content}:root{--steps-size:5em}.steps--size-1{--steps-size:3em}.steps--size-2{--steps-size:4em}.steps--size-3{--steps-size:5em}.steps--size-4{--steps-size:calc(clamp(min(5,6.67),(6.67 - 5)/var(--run)*(var(--vw) - var(--vs)) + 5,max(5,6.67))*1em)}.steps--size-5{--steps-size:calc(clamp(min(5,8.33),(8.33 - 5)/var(--run)*(var(--vw) - var(--vs)) + 5,max(5,8.33))*1em)}.steps--size-6{--steps-size:calc(clamp(min(5,10),(10 - 5)/var(--run)*(var(--vw) - var(--vs)) + 5,max(5,10))*1em)}.step{display:flex;gap:calc(clamp(min(1,2),(2 - 1)/var(--run)*(var(--vw) - var(--vs)) + 1,max(1,2))*1em)}.step__axis-wrap{display:flex;flex-direction:column;align-items:center}.step__axis-wrap::after{content:"";display:block;width:var(--outline);height:100%;min-height:2em;background-color:var(--base)}.step:last-child .step__axis-wrap::after{content:none}.step:last-child .step__md{padding-bottom:0}.step__axis{flex-shrink:0;flex-grow:0;width:var(--steps-size);height:var(--steps-size);padding:var(--outline);background-color:var(--base);overflow:hidden;z-index:0;--radius-pd:0.25em;clip-path:var(--chamfer)}.step__fig{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--main);clip-path:var(--chamfer)}.step__fig-img,.step__fig-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.step__fig-img~.step__icon,.step__fig-img~.step__number,.step__fig-img img~.step__icon,.step__fig-img img~.step__number{filter:drop-shadow(.15rem .15rem 0 rgba(0,0,0,.15));color:#fff}.step__icon{font-size:calc((var(--steps-size) - var(--outline)*2)*.5);max-width:100%;max-height:100%;z-index:3;color:var(--main-in)}.step__number{font-family:montserrat;font-style:normal;font-weight:800;line-height:1.25;font-size:1em;line-height:1;font-size:calc(var(--steps-size)*.5);color:var(--main-in);z-index:3}.step::after,.step__md{width:100%;align-self:center}.step__md{display:flex;flex-direction:column;gap:1em;padding:.5em 0 2em;text-align:left}.step__md .line::after{margin-left:0;margin-right:calc(100% - 2em)}.step__md .btns{justify-content:flex-start}.step__title{display:flex;flex-wrap:wrap;gap:.25em}.step__title,.step__sub{margin:0}.step__title+.step__sub,.step__title.line+*{margin-top:-.75rem}@media(min-width:768px){.steps:not(.boxes *){width:100%}.steps:not(.boxes *) .step::after{content:""}.steps:not(.boxes *) .step:nth-child(2n+1) .step__md{order:-1;text-align:right}.steps:not(.boxes *) .step:nth-child(2n+1) .step__title{justify-content:right}.steps:not(.boxes *) .step:nth-child(2n+1) .line::after{margin-left:calc(100% - 2em);margin-right:0}.steps:not(.boxes *) .step:nth-child(2n+1) .btns{justify-content:flex-end}.steps:not(.boxes *) .step:nth-child(2n)::after{order:-1}}.faqs{display:flex;flex-direction:column;gap:1em}.faq__title{margin:0}.faq__btn{text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:.75em;justify-content:flex-start;align-items:center;text-transform:inherit;width:100%;font-size:1rem;padding-left:1.125em;padding-right:1.125em;margin:0}.faq__btn-dot{margin-inline:0 -.125em}.faq__btn-dot:not(.faqs--headers *){transform:rotate(0);transition:transform .3s}.faq__btn-dot:not(.faqs--headers *):where(.faq--active *){transform:rotate(45deg)}.faq__md{padding:0 1em;overflow:hidden;max-height:0;margin-top:0;opacity:0;translate:0 2em;transition:margin-top .3s,max-height .3s,opacity .3s,translate .3s}.faq__md:where(.faq--active *){max-height:var(--max-height,unset);margin-top:1em;opacity:1;translate:0}.faqs--headers{gap:0}.faqs--headers .faq{border:0 var(--main)solid;border-top-width:.125rem;padding:1.5em}.faqs--headers .faq:last-child{border-bottom-width:.125rem}.faqs--headers .faq{transition:background-color .3s}.faqs--headers .faq__title{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;transition:color .3s}.faqs--headers .faq__title:hover{--title:var(--cta)}.faqs--headers .faq__btn-dot{flex-shrink:0;font-size:1.0833333rem}.faqs--headers .faq__btn-dot .icon{transition:transform .3s}.faqs--headers .faq__btn-dot .icon:where(.faq--active *){transform:rotate(180deg)translateY(.1em)}.faqs--headers .faq__icon{font-size:1em}.faqs--headers .faq__icon:has([href$="#angle-down"]){translate:0 .1em}.faqs--headers .faq__md{padding:0;margin-right:4.25em}