.how-it-works{min-height:60vh;width:calc(100vw - var(--pd-x) * 2);max-width:calc(1600px - var(--pd-x) * 2);margin-top:20vh;margin-inline:auto;padding-block:80px}.how-it-works-container{padding-inline:var(--pd-x);border-radius:var(--br-1);background-color:#0000;background-image:-webkit-linear-gradient(#ffffff80,#ffffff80),-webkit-image-set(url(/images/contact-villa.avif) 1x type("image/avif"),url(/images/contact-villa.webp) 1x type("image/webp"),url(/images/contact-villa.jpg) 1x type("image/jpeg"));background-image:linear-gradient(#ffffff80,#ffffff80),image-set("/images/contact-villa.avif" 1x type("image/avif"),"/images/contact-villa.webp" 1x type("image/webp"),"/images/contact-villa.jpg" 1x type("image/jpeg"));background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding-block:80px}.how-it-works h2{margin-bottom:2rem;font-weight:400}.step-card{-webkit-backdrop-filter:blur(4px)saturate(180%);backdrop-filter:blur(4px)saturate(180%);border-radius:var(--br-1);background:linear-gradient(135deg,#ffffff9b 0%,#ffffff26 50%,#ffffffb0 100%);border:1px solid #ffffff4d;padding:30px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px #fff6,inset 0 -1px #fff3}.step-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:.6;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);position:absolute;inset:0}.step-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026,0 6px 20px #00000014,inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.step-icon{justify-content:flex-start;align-items:center;margin-bottom:20px;display:flex}.step-content{text-align:left}.step-content h3{font-size:var(--fs-2);margin-bottom:15px;font-weight:400}.step-content p{font-size:var(--fs-1)}@media (max-width:1200px){.steps-grid{grid-template-columns:repeat(2,1fr)}}.steps-grid{grid-template-columns:repeat(4,1fr);gap:30px;display:grid}@media (max-width:1200px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.steps-grid{grid-template-columns:1fr}}
.faq{padding-inline:var(--pd-x);margin-top:20vh}.faq h2{margin-bottom:2rem;font-weight:400}.faq-container{width:100%;margin:0 auto}.faq-content{border-radius:var(--br-1);border:1px solid #000;overflow:hidden}.faq-item{border-bottom:1px solid #000;transition:all .3s}.faq-item:last-child,.faq-item[open]{border-bottom:none}.faq-item[open]+.faq-item{border-top:1px solid #000}.faq-question-wrapper{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:1.25rem;list-style:none;transition:background-color .3s;display:flex}.faq-question-wrapper::-webkit-details-marker{display:none}.faq-question-wrapper:hover{background-color:#f8f8f8}.faq-question{color:#333;flex:1;margin:0;padding-right:1rem;font-size:1rem;font-weight:500}.faq-arrow{color:#666;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:transform .3s;display:flex}.faq-item[open] .faq-arrow{transform:rotate(180deg)}.faq-arrow svg{width:12px;height:8px}.faq-item::details-content{transition:grid-template-rows .3s ease, content-visibility .3s allow-discrete;grid-template-rows:0fr;display:grid}.faq-item[open]::details-content{grid-template-rows:1fr}.faq-answer-wrapper{background:#fff;min-height:0;overflow:hidden}.faq-answer{color:#666;margin:0;padding:.75rem 1.25rem 1.25rem;font-size:.9rem;line-height:1.6}
.contact{padding-inline:var(--pd-x);margin-top:20vh}.contact h2{margin-bottom:2rem;font-weight:400}.contact-container{border-radius:var(--br-2);border:2px solid #00000061;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;width:100%;padding:2rem;display:flex;position:relative;box-shadow:0 7px 29px #64646f33}.contact-container img{border-radius:var(--br-1);z-index:-1;aspect-ratio:759/492;object-fit:cover;width:60%;max-height:calc(100% - 4rem);position:absolute;top:2rem;right:2rem}.contact-container .contact-form{z-index:2;flex-direction:column;flex:1;gap:1rem;max-width:60%;padding:2rem;display:flex}.contact-container .contact-form input,.contact-container .contact-form textarea{border-radius:var(--br-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff4d;padding:1rem;box-shadow:0 4px 30px #0000001a}.contact-container .contact-form textarea{height:100px}@media (max-width:600px){.contact{padding-inline:20px}.contact-container img{border-radius:var(--br-1);z-index:0;aspect-ratio:759/492;object-fit:cover;width:calc(100% - 4rem);max-height:calc(100% - 4rem);position:absolute;top:2rem;right:2rem}.contact-container:before{content:"";aspect-ratio:759/492;border-radius:var(--br-1);z-index:1;pointer-events:none;background:#00000047;width:calc(100% - 4rem);max-height:calc(100% - 4rem);position:absolute;top:2rem;right:2rem}.contact h2{font-size:1.5rem}.contact-container{padding:1rem 0;overflow:hidden}.contact-container .contact-form input,.contact-container .contact-form textarea{color:#fff;caret-color:#fff;width:100%;padding:.8rem;font-size:1rem}.contact-container .contact-form input::placeholder,.contact-container .contact-form textarea::placeholder{color:#ffffffe6;opacity:1}.contact-container .contact-form{z-index:2;max-width:90%;margin:0 auto}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}
.banner-footer{padding-inline:var(--pd-x);z-index:2;margin-top:20vh;margin-bottom:-10vh;position:relative}.banner-footer-container{border-radius:var(--br-2);background-color:#fff;border:2px solid #00000061;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3rem;height:auto;min-height:20vh;padding:3rem 2rem;display:flex;box-shadow:0 7px 29px #64646f33}.banner-left h2{color:#333;margin:0;font-size:2rem;font-weight:400;line-height:1.2}.banner-center{flex:1;justify-content:center;display:flex}.features-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr;align-items:center;gap:1rem 2rem;display:grid}.feature-item{color:#333;align-items:center;gap:.75rem;font-size:1rem;display:flex}.feature-icon{background-color:var(--primary-color);opacity:.5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.banner-right{flex-shrink:0}@media (max-width:1024px){.banner-footer{margin-top:10vh}.banner-footer-container{text-align:center;flex-direction:column;align-items:center;gap:2.5rem;padding:2.5rem 2rem}.banner-left h2{font-size:1.75rem}.features-grid{gap:1rem 1.5rem}}@media (max-width:768px){.banner-footer-container{padding:2rem 1.25rem}.banner-left h2{font-size:1.4rem}.features-grid{grid-template-columns:1fr;gap:1rem}.feature-item{justify-content:center}.banner-right{justify-content:center;width:100%;display:flex}.banner-right button{width:100%;max-width:300px}}@media (max-width:480px){.banner-left h2{font-size:1.2rem}.feature-item{font-size:.95rem}}