:root{
  --navy:#0B2545; --navy-700:#15355f; --ink:#0A0F1A;
  --coral:#D9482F; --coral-strong:#bf3c26; --coral-tint:#FFEAE3;
  --cyan:#13C2C2; --cyan-ink:#0a7d7d; --green:#15a36b;
  --cream:#FBF7F1; --surface:#FFFFFF;
  --s700:#334155; --s500:#64748B; --s300:#cbd5e1; --s200:#E7E9EF; --s100:#F2F4F8;
  --shadow:0 1px 2px rgba(11,37,69,.06),0 8px 24px rgba(11,37,69,.08);
  --shadow-lg:0 16px 50px rgba(11,37,69,.18); --r:18px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:"Inter",system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:"Plus Jakarta Sans","Inter",sans-serif;color:var(--navy);letter-spacing:-.02em;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:"Plus Jakarta Sans";font-weight:700;font-size:15px;border:none;border-radius:12px;padding:13px 20px;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s;min-height:46px;}
.btn:active{transform:scale(.98);}
.btn-coral{background:var(--coral);color:#fff;}.btn-coral:hover{background:var(--coral-strong);}
.btn-navy{background:var(--navy);color:#fff;}.btn-navy:hover{background:var(--navy-700);}
.btn-ghost{background:transparent;color:var(--navy);border:1.5px solid var(--s200);}.btn-ghost:hover{border-color:var(--navy);}
.btn-pill{border-radius:999px;} .full{width:100%;}
.ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none;}

/* NAV */
header{position:sticky;top:0;z-index:50;background:rgba(251,247,241,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--s200);}
nav{display:flex;align-items:center;justify-content:space-between;height:68px;}
.logo{display:flex;align-items:center;gap:9px;}
.logo .mk{width:30px;height:30px;border-radius:9px;background:var(--navy);display:grid;place-items:center;color:#fff;font-size:14px;font-family:"Plus Jakarta Sans";}
.logo .wm{font-family:"Plus Jakarta Sans";font-weight:800;font-size:21px;color:var(--navy);letter-spacing:-.03em;}
.logo .wm .dot{color:var(--coral);}
.navlinks{display:flex;align-items:center;gap:4px;}
.nav-item{position:relative;display:flex;align-items:center;height:68px;}
.nav-item>a,.nav-item>button.navbtn{display:flex;align-items:center;gap:5px;background:none;border:none;font-family:"Inter";font-weight:600;font-size:15px;color:var(--s700);cursor:pointer;padding:9px 12px;border-radius:10px;}
.nav-item>a:hover,.nav-item>button.navbtn:hover{color:var(--navy);background:rgba(11,37,69,.05);}
.navbtn .car{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;transition:transform .18s;}
.nav-item:hover .navbtn .car,.nav-item.open .navbtn .car{transform:rotate(180deg);}
.menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--s200);border-radius:16px;box-shadow:var(--shadow-lg);padding:10px;width:300px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .16s,transform .16s,visibility .16s;z-index:60;}
.menu::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px;}
.nav-item:hover .menu,.nav-item.open .menu{opacity:1;visibility:visible;transform:none;}
.menu a{display:flex;gap:12px;padding:10px;border-radius:11px;align-items:flex-start;}
.menu a:hover{background:var(--s100);}
.menu .mi{width:36px;height:36px;border-radius:10px;background:var(--coral-tint);display:grid;place-items:center;flex:none;}
.menu .mi .ic{stroke:var(--coral-strong);}
.menu a:nth-child(2) .mi{background:#E6F8F8;}.menu a:nth-child(2) .mi .ic{stroke:var(--cyan-ink);}
.menu a:nth-child(3) .mi{background:#E7F6EF;}.menu a:nth-child(3) .mi .ic{stroke:var(--green);}
.menu b{font-family:"Plus Jakarta Sans";font-size:14px;color:var(--navy);display:block;}
.menu span{font-size:12.5px;color:var(--s500);}
.navcta{display:flex;align-items:center;gap:10px;}
@media(max-width:980px){.navlinks{display:none;}.navcta .login{display:none;}}

/* HERO */
.hero{padding:54px 0 30px;}
.hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--coral-tint);color:var(--coral-strong);font-weight:700;font-size:13px;padding:7px 13px;border-radius:999px;font-family:"Plus Jakarta Sans";margin-bottom:20px;}
.eyebrow .ic{width:15px;height:15px;stroke-width:2.4;}
h1.headline{font-size:50px;font-weight:800;line-height:1.05;margin-bottom:16px;}
h1.headline .u{color:var(--coral);}
.lede{font-size:18px;color:var(--s700);max-width:500px;margin-bottom:24px;}
/* SEARCH */
.search{background:var(--surface);border:1px solid var(--s200);border-radius:var(--r);box-shadow:var(--shadow);padding:10px;display:flex;gap:6px;align-items:stretch;}
.field{flex:1;display:flex;flex-direction:column;gap:3px;padding:8px 12px;border-radius:12px;cursor:pointer;}
.field:hover{background:var(--s100);}
.field+.field{border-left:1px solid var(--s200);}
.field label{font-family:"Plus Jakarta Sans";font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--s500);}
.field .val{display:flex;align-items:center;gap:7px;font-weight:600;font-size:15px;color:var(--navy);}
.field .val .ic{width:16px;height:16px;stroke:var(--cyan-ink);}
.search .go{align-self:stretch;padding:0 22px;}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;}
.chip{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--s700);background:var(--surface);border:1px solid var(--s200);padding:8px 13px;border-radius:999px;}
.chip .ic{width:15px;height:15px;stroke:var(--green);}
.chip.b .ic{stroke:var(--coral);}.chip.c .ic{stroke:var(--cyan-ink);}
/* HERO VISUAL: property photo + floating doc wallet */
.hv{position:relative;}
.pcard{border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg);background:var(--surface);}
.pcard .ph{height:300px;background-size:cover;background-position:center;position:relative;}
.pcard .ph .price{position:absolute;left:14px;bottom:14px;background:#fff;color:var(--navy);font-family:"Plus Jakarta Sans";font-weight:800;font-size:17px;padding:7px 13px;border-radius:11px;box-shadow:var(--shadow);}
.pcard .ph .vf{position:absolute;right:14px;top:14px;background:var(--green);color:#fff;font-size:11.5px;font-weight:700;padding:6px 10px;border-radius:9px;display:flex;align-items:center;gap:5px;}
.pcard .ph .vf .ic{width:13px;height:13px;stroke:#fff;}
.pcard .pb{padding:14px 16px;}
.pcard .pb h3{font-size:17px;}
.pcard .pb .loc{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--s500);margin-top:3px;}
.pcard .pb .loc .ic{width:15px;height:15px;stroke:var(--coral);}
.wallet{position:absolute;right:-14px;bottom:-22px;width:248px;background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:15px;border:1px solid var(--s200);}
.wallet .wt{display:flex;align-items:center;gap:8px;font-family:"Plus Jakarta Sans";font-weight:700;font-size:13.5px;color:var(--navy);margin-bottom:11px;}
.wallet .wt .ic{width:17px;height:17px;stroke:var(--coral-strong);}
.wrow{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--s700);margin-bottom:8px;}
.wrow .chk{width:18px;height:18px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex:none;}
.wrow .chk .ic{width:11px;height:11px;stroke:#fff;stroke-width:3;}
.wallet .rdy{font-size:11.5px;color:var(--s500);margin-top:4px;}
.wallet .prog{height:6px;border-radius:999px;background:var(--s200);margin-top:5px;overflow:hidden;}
.wallet .prog i{display:block;height:100%;width:100%;background:var(--green);}

/* SECTION */
section.band{padding:60px 0;}
.sec-head{text-align:center;max-width:660px;margin:0 auto 38px;}
.sec-head .k{font-family:"Plus Jakarta Sans";font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-ink);margin-bottom:10px;}
.sec-head h2{font-size:34px;font-weight:800;margin-bottom:12px;}
.sec-head p{color:var(--s700);font-size:16.5px;}

/* COMBINE — listing → documents → applied */
.flow{background:var(--navy);border-radius:28px;padding:46px 40px;}
.flow .sec-head h2{color:#fff;}.flow .sec-head p{color:#bcd0e6;}.flow .sec-head .k{color:var(--cyan);}
.flowrow{display:grid;grid-template-columns:1fr 56px 1fr 56px 1fr;align-items:center;gap:0;}
.fcol{background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;}
.fcap{display:flex;align-items:center;gap:8px;padding:12px 15px;font-family:"Plus Jakarta Sans";font-weight:700;font-size:13px;color:var(--navy);border-bottom:1px solid var(--s200);}
.fcap .n{width:22px;height:22px;border-radius:7px;background:var(--coral-tint);color:var(--coral-strong);display:grid;place-items:center;font-size:12px;}
.fcol .fphoto{height:128px;background-size:cover;background-position:center;position:relative;}
.fcol .fphoto .price{position:absolute;left:11px;bottom:11px;background:#fff;color:var(--navy);font-family:"Plus Jakarta Sans";font-weight:800;font-size:14px;padding:4px 10px;border-radius:9px;}
.fcol .fbody{padding:13px 15px;}
.fcol .fbody .t{font-family:"Plus Jakarta Sans";font-weight:700;font-size:14px;color:var(--navy);}
.fcol .fbody .m{font-size:12px;color:var(--s500);margin-top:2px;}
.docrow{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--s700);padding:7px 15px;}
.docrow .chk{width:18px;height:18px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex:none;}
.docrow .chk .ic{width:11px;height:11px;stroke:#fff;stroke-width:3;}
.fdone{text-align:center;padding:20px 15px;}
.fdone .ring{width:54px;height:54px;border-radius:50%;background:#E7F6EF;display:grid;place-items:center;margin:0 auto 10px;}
.fdone .ring .ic{width:26px;height:26px;stroke:var(--green);}
.fdone b{font-family:"Plus Jakarta Sans";font-size:15px;color:var(--navy);display:block;}
.fdone span{font-size:12px;color:var(--s500);}
.arrow{display:grid;place-items:center;}
.arrow .ic{width:24px;height:24px;stroke:var(--cyan);stroke-width:2.4;}

/* FILTER + LISTINGS */
.filterbar{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-bottom:28px;}
.fb{font-family:"Plus Jakarta Sans";font-weight:600;font-size:13.5px;color:var(--s700);background:var(--surface);border:1px solid var(--s200);padding:9px 16px;border-radius:999px;cursor:pointer;transition:all .15s;}
.fb:hover{border-color:var(--navy);}
.fb.on{background:var(--navy);color:#fff;border-color:var(--navy);}
.listings{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.lc{background:var(--surface);border:1px solid var(--s200);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;cursor:pointer;}
.lc:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.lc .img{height:182px;position:relative;background-size:cover;background-position:center;}
.lc .img .price{position:absolute;left:13px;bottom:13px;background:#fff;color:var(--navy);font-family:"Plus Jakarta Sans";font-weight:800;font-size:16px;padding:6px 12px;border-radius:10px;box-shadow:var(--shadow);}
.lc .img .vf{position:absolute;right:13px;top:13px;background:var(--green);color:#fff;font-size:11px;font-weight:700;padding:5px 9px;border-radius:8px;display:flex;align-items:center;gap:5px;}
.lc .img .vf .ic{width:13px;height:13px;stroke:#fff;}
.lc .body{padding:15px 16px 16px;}
.lc .body h3{font-size:17px;margin-bottom:3px;}
.lc .loc{display:flex;align-items:center;gap:6px;font-size:13.5px;color:var(--s500);margin-bottom:13px;}
.lc .loc .ic{width:15px;height:15px;stroke:var(--coral);}
.lc .meta{display:flex;gap:15px;padding:13px 0;border-top:1px solid var(--s200);border-bottom:1px solid var(--s200);font-size:13px;color:var(--s700);font-weight:500;margin-bottom:12px;}
.lc .meta span{display:flex;align-items:center;gap:6px;}.lc .meta .ic{width:16px;height:16px;stroke:var(--cyan-ink);}
.lc .apply{display:flex;align-items:center;justify-content:space-between;}
.lc .apply .tap{font-size:12.5px;color:var(--green);font-weight:600;display:flex;align-items:center;gap:5px;}
.lc .apply .tap .ic{width:14px;height:14px;stroke:var(--green);}
.lc .apply .btn{padding:9px 15px;min-height:0;font-size:13.5px;}
.center{text-align:center;margin-top:32px;}

/* DOC WORKFLOW detail */
.dw{display:grid;grid-template-columns:.95fr 1.05fr;gap:46px;align-items:center;}
.dwcard{background:#fff;border:1px solid var(--s200);border-radius:22px;box-shadow:var(--shadow-lg);padding:24px;}
.dwcard .h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.dwcard .h b{font-family:"Plus Jakarta Sans";font-size:16px;color:var(--navy);}
.dwcard .h .pct{font-family:"Plus Jakarta Sans";font-weight:800;font-size:14px;color:var(--green);}
.di{display:flex;align-items:center;gap:12px;background:var(--s100);border-radius:12px;padding:12px 14px;margin-bottom:9px;}
.di .ico{width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:var(--shadow);}
.di .ico .ic{width:17px;height:17px;stroke:var(--cyan-ink);}
.di .g{flex:1;}.di .g b{font-family:"Plus Jakarta Sans";font-size:14px;color:var(--navy);display:block;}
.di .g span{font-size:12px;color:var(--s500);}
.di .chk{width:24px;height:24px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex:none;}
.di .chk .ic{width:13px;height:13px;stroke:#fff;}
.di.pending{opacity:.7;}.di.pending .chk{background:var(--s300);}
.dwtext h2{font-size:32px;font-weight:800;margin-bottom:14px;}
.dwtext .li{display:flex;gap:12px;margin-bottom:14px;}
.dwtext .li .b{width:30px;height:30px;border-radius:9px;background:var(--coral-tint);display:grid;place-items:center;flex:none;}
.dwtext .li .b .ic{width:17px;height:17px;stroke:var(--coral-strong);}
.dwtext .li:nth-child(3) .b{background:#E6F8F8;}.dwtext .li:nth-child(3) .b .ic{stroke:var(--cyan-ink);}
.dwtext .li:nth-child(4) .b{background:#E7F6EF;}.dwtext .li:nth-child(4) .b .ic{stroke:var(--green);}
.dwtext .li b{font-family:"Plus Jakarta Sans";color:var(--navy);font-size:16px;}
.dwtext .li p{color:var(--s700);font-size:14.5px;margin-top:2px;}

/* TRUST */
.trust{background:var(--navy);color:#fff;border-radius:24px;padding:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.trust .n{font-family:"Plus Jakarta Sans";font-weight:800;font-size:34px;color:#fff;}
.trust .n .ic{width:26px;height:26px;stroke:var(--cyan);vertical-align:-3px;}
.trust .l{font-size:13.5px;opacity:.8;margin-top:4px;}

/* FOOTER */
footer{background:#08182e;color:#9fb2c9;padding:46px 0 30px;margin-top:14px;}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px;}
footer .logo .wm{color:#fff;}footer .logo{margin-bottom:12px;}
footer p{font-size:14px;max-width:280px;}
footer h4{font-family:"Plus Jakarta Sans";color:#fff;font-size:14px;margin-bottom:14px;}
footer ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
footer a{font-size:14px;}footer a:hover{color:#fff;}
.fbar{border-top:1px solid #1c3252;padding-top:20px;display:flex;justify-content:space-between;font-size:13px;flex-wrap:wrap;gap:10px;}

@media(max-width:980px){
  .hgrid{grid-template-columns:1fr;}h1.headline{font-size:38px;}
  .wallet{position:static;width:auto;margin-top:14px;}
  .flowrow{grid-template-columns:1fr;gap:14px;}
  .arrow{transform:rotate(90deg);height:30px;}
  .listings{grid-template-columns:1fr;}.dw{grid-template-columns:1fr;}
  .trust,.fgrid{grid-template-columns:1fr 1fr;}
  .search{flex-direction:column;}.field+.field{border-left:none;border-top:1px solid var(--s200);}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}

/* Hero search — real dropdowns styled to look like the static mockup */
.search .field{cursor:default;}
.search .field .lbl{font-family:"Plus Jakarta Sans";font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--s500);}
.search .field select{border:none;background:transparent;font-family:"Inter",sans-serif;font-weight:600;font-size:15px;color:var(--navy);cursor:pointer;outline:none;width:100%;-webkit-appearance:none;appearance:none;padding:0;}
.search .field select:focus{outline:none;}

/* Hero search polish — clear dropdown affordance, nothing clipped */
.search .field{flex:1;min-width:0;}
.search .field:nth-child(3){flex:1.3;}             /* Budget = longest label */
.search .field .val{overflow:hidden;}
.search .field select{
  width:100%;font-size:14.5px;
  padding-right:24px;                              /* room for the chevron only */
  white-space:nowrap;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;background-position:right center;background-size:13px;
}
.search .field:hover{background:var(--s100);}
.search .go{flex:none;padding:0 20px;}
@media(max-width:980px){ .search .field:nth-child(3){flex:1;} }