/* ──────────────────────────────────────────────────────────────────────────
   Landing page: seamless section transitions.
   Purely additive. Every rule paints only a soft colour blend inside the
   existing top/bottom padding of a section (behind its content), so no layout,
   content, colour or element changes. Delete this file to undo.
   ────────────────────────────────────────────────────────────────────────── */

/* hero photo/video melts down into the white trust strip */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:clamp(110px,18vw,180px);z-index:2;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0.000) 0%,rgba(255,255,255,0.043) 12%,rgba(255,255,255,0.156) 25%,rgba(255,255,255,0.316) 38%,rgba(255,255,255,0.500) 50%,rgba(255,255,255,0.684) 62%,rgba(255,255,255,0.844) 75%,rgba(255,255,255,0.957) 88%,rgba(255,255,255,1.000) 100%)}

/* trust strip (white) -> estimator */
#calc{background-image:linear-gradient(to bottom,#ffffff 0%,#ffffff 12%,#fefeff 25%,#fdfeff 38%,#fcfdff 50%,#fcfcff 62%,#fbfcff 75%,#fafbff 88%,#fafbff 100%);background-repeat:no-repeat;background-size:100% 80px;background-position:top}
/* verified properties -> did you know */
#did-you-know{background-image:linear-gradient(to bottom,#fafbff 0%,#fafbff 12%,#fbfcff 25%,#fcfcff 38%,#fcfdff 50%,#fdfeff 62%,#fefeff 75%,#ffffff 88%,#ffffff 100%);background-repeat:no-repeat;background-size:100% 80px;background-position:top}
/* three steps (white) -> verify documents */
section#verify{background-image:linear-gradient(to bottom,#ffffff 0%,#ffffff 12%,#fdfefe 25%,#fcfcfe 38%,#fafbfd 50%,#f8fafc 62%,#f7f8fc 75%,#f5f7fb 88%,#f5f7fb 100%);background-repeat:no-repeat;background-size:100% 80px;background-position:top}
/* verify documents -> safer transactions */
#why-choose-us{background-image:linear-gradient(to bottom,#f5f7fb 0%,#f5f7fb 12%,#f5f7fb 25%,#f6f8fb 38%,#f6f8fc 50%,#f7f9fc 62%,#f8fafc 75%,#f8fafc 88%,#f8fafc 100%);background-repeat:no-repeat;background-size:100% 80px;background-position:top}
/* safer transactions -> Propzora Pay */
#propzora-pay{background-image:linear-gradient(to bottom,#f8fafc 0%,#f8fafc 12%,#f7f9fc 25%,#f5f8fd 38%,#f4f8fe 50%,#f3f7fe 62%,#f1f6ff 75%,#f0f5ff 88%,#f0f5ff 100%);background-repeat:no-repeat;background-size:100% 80px;background-position:top}
/* Propzora Pay -> protect */
#protect{background-image:linear-gradient(to bottom,#f0f5ff 0%,#f1f5ff 12%,#f2f7ff 25%,#f5f8ff 38%,#f8faff 50%,#fafcff 62%,#fdfdff 75%,#feffff 88%,#ffffff 100%);background-repeat:no-repeat;background-size:100% 80px;background-position:top}
/* FAQ (white) -> app download (navy): one eased blend shared across both paddings */
#faq{background-image:linear-gradient(to bottom,#ffffff 0%,#fdfdfe 12%,#f7f8fb 25%,#eef0f6 38%,#e3e6f0 50%,#d5dae9 62%,#c5cce1 75%,#b3bdd8 88%,#a1adce 100%);background-repeat:no-repeat;background-size:100% 80px;background-position:bottom}
section.app-section{background-image:linear-gradient(to bottom,#a1adce 0%,#8a98c2 12%,#7384b6 25%,#5d71ab 38%,#485fa0 50%,#375097 62%,#2a4490 75%,#213d8c 88%,#1e3a8a 100%);background-repeat:no-repeat;background-size:100% 100px;background-position:top}
/* call-to-action (navy) -> footer */
section.cta-section{background-image:linear-gradient(to bottom,#1e3a8a 0%,#1d3a8a 12%,#1c3989 25%,#1a3888 38%,#173788 50%,#143687 62%,#123586 75%,#113485 88%,#103485 100%);background-repeat:no-repeat;background-size:100% 80px;background-position:bottom}
@media (max-width:860px){section.app-section{background-size:100% 70px}}