/* Professional visual correction for property division / boundary / water-law project */
:root{
  --pn-ink:#17252f;
  --pn-ink-2:#243746;
  --pn-muted:#687782;
  --pn-bg:#f5f1e9;
  --pn-paper:#fffdf8;
  --pn-line:#e2d8c7;
  --pn-water:#1f6f7a;
  --pn-water-2:#2f8f9a;
  --pn-sage:#6f8064;
  --pn-clay:#aa764f;
  --pn-cream:#fbf4e7;
  --pn-shadow:0 24px 70px rgba(23,37,47,.14);
  --sidebar-width:286px;
  --topbar-height:76px;
}
html{scroll-behavior:smooth;}
body{
  background:
    radial-gradient(circle at top right,rgba(47,143,154,.12),transparent 34rem),
    linear-gradient(180deg,#f7f3eb 0%,#f4f6f3 48%,#fffdf8 100%) !important;
  color:var(--pn-ink)!important;
  font-family:"Segoe UI",Roboto,Arial,sans-serif!important;
}
a{color:var(--pn-water);}
a:hover{color:#164f58;}
.workspace-shell{background:transparent!important;}
.workspace-topbar{
  height:var(--topbar-height)!important;
  background:rgba(255,253,248,.92)!important;
  border-bottom:1px solid rgba(226,216,199,.9)!important;
  box-shadow:0 10px 32px rgba(23,37,47,.06);
}
.brand-mark{font-family:Georgia,"Times New Roman",serif!important;font-weight:600!important;color:var(--pn-ink)!important;}
.brand-icon{
  background:linear-gradient(135deg,var(--pn-ink),var(--pn-water))!important;
  border-radius:50%!important;
  box-shadow:0 10px 22px rgba(31,111,122,.28)!important;
}
.workspace-search{
  background:#f0e9de!important;
  border:1px solid #e2d8c7!important;
  border-radius:14px!important;
}
.workspace-sidebar{
  background:linear-gradient(180deg,#fffdf8,#f8f1e6)!important;
  border-right:1px solid rgba(226,216,199,.95)!important;
}
.compose-button{
  background:linear-gradient(135deg,var(--pn-ink),#31475a)!important;
  border-radius:18px!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(23,37,47,.18)!important;
}
.sidebar-nav a{
  color:#334554!important;
  border-radius:14px!important;
  font-weight:500!important;
}
.sidebar-nav a:hover{background:#eee5d8!important;color:var(--pn-ink)!important;}
.sidebar-note{border-color:#e2d8c7!important;background:#fffdf8!important;}
.contact-chip,.google-outline{
  border-color:#dbcab5!important;
  color:#7a4e30!important;
  background:#fffaf2!important;
  border-radius:12px!important;
}
.contact-chip.whatsapp{background:#e8f4ec!important;color:#246043!important;border-color:#cfe4d4!important;}
.workspace-main{background:transparent!important;}
.page-wrap.property-pro-home{max-width:1340px;margin:0 auto;padding:26px 24px 54px;}
.pro-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.14fr) 430px;
  gap:34px;
  min-height:610px;
  padding:54px;
  border-radius:34px;
  overflow:hidden;
  background:
    linear-gradient(110deg,rgba(23,37,47,.96),rgba(31,111,122,.90)),
    radial-gradient(circle at 74% 24%,rgba(255,255,255,.18),transparent 18rem);
  color:#fff;
  box-shadow:var(--pn-shadow);
}
.pro-hero:before{
  content:"";position:absolute;inset:0;opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.72),transparent 105%);
}
.pro-hero-copy,.pro-dossier{position:relative;z-index:1;}
.pro-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:9px 13px;border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.12);
  color:#e7f7f7;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}
.pro-eyebrow.dark{background:#e6f1ef;border-color:#c8dfdc;color:var(--pn-water);}
.pro-hero h1{
  max-width:920px;margin:24px 0 22px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-2px;
  color:#fff;
}
.pro-lead{max-width:790px;font-size:19px;line-height:1.72;color:#e8f3f2;margin:0;}
.pro-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px;}
.pro-actions .btn{border-radius:14px;min-width:220px;padding:13px 22px;font-weight:800;}
.btn-primary{background:linear-gradient(135deg,var(--pn-clay),#c48a5e)!important;border-color:#c48a5e!important;box-shadow:0 14px 32px rgba(170,118,79,.28)!important;}
.btn-outline-primary{color:#245b62!important;border-color:#92c3c9!important;background:#fffdf8!important;}
.btn-outline-primary:hover{background:var(--pn-water)!important;color:#fff!important;border-color:var(--pn-water)!important;}
.pro-proof-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;}
.pro-proof-row span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:13px;color:#d9ecea;}
.pro-dossier{align-self:center;background:var(--pn-paper);color:var(--pn-ink);border-radius:28px;padding:24px;border:1px solid rgba(255,255,255,.65);box-shadow:0 28px 74px rgba(0,0,0,.28);}
.dossier-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--pn-line);padding-bottom:16px;margin-bottom:18px;}
.dossier-head span{font-size:12px;letter-spacing:.2em;color:#77836d;font-weight:800;}
.dossier-head strong{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--pn-ink),var(--pn-water));color:#fff;}
.dossier-map{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:92px 74px 60px;gap:10px;margin-bottom:18px;}
.plot{display:grid;place-items:center;border-radius:16px;border:1px solid #d9c9b6;font-weight:800;color:#374a3d;background:#f4e4cf;}
.plot-a{grid-row:1/3;background:#f2dcc2;clip-path:polygon(0 0,100% 8%,88% 100%,0 86%);}
.plot-b{background:#e9d3b5;clip-path:polygon(8% 0,100% 0,100% 100%,0 88%);}
.plot-c{background:#d8c3a5;color:#725332;border-style:dashed;}
.plot-water{grid-column:1/3;background:#d9eef1;color:#1d6872;border-color:#a9d2d7;}
.dossier-list{margin:0;display:grid;gap:0;}
.dossier-list div{display:flex;justify-content:space-between;gap:18px;border-top:1px dashed #dfd2bf;padding:12px 0;}
.dossier-list dt{color:#6f7f88;font-weight:700;}.dossier-list dd{margin:0;font-weight:800;text-align:right;color:var(--pn-water);}
.pro-section{margin-top:26px;}
.pro-section-head{display:grid;grid-template-columns:.42fr 1fr;gap:24px;align-items:end;margin:0 0 18px;}
.pro-section-head h2,.pro-panel h2,.pro-retainer h2{font-family:Georgia,"Times New Roman",serif;color:var(--pn-ink);letter-spacing:-.6px;}
.pro-section-head h2{font-size:clamp(26px,3vw,42px);line-height:1.12;margin:0;}
.pro-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.pro-service-card{min-height:250px;background:var(--pn-paper);border:1px solid var(--pn-line);border-radius:26px;padding:24px;text-decoration:none;color:var(--pn-ink);box-shadow:0 16px 44px rgba(23,37,47,.08);transition:transform .18s ease, box-shadow .18s ease;}
.pro-service-card:hover{transform:translateY(-4px);box-shadow:0 22px 56px rgba(23,37,47,.14);color:var(--pn-ink);}
.pro-service-card span{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--pn-clay);}
.pro-service-card h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.12;margin:46px 0 12px;color:var(--pn-ink);}
.pro-service-card p{color:var(--pn-muted);line-height:1.62;margin:0;}
.pro-service-card.accent{background:linear-gradient(160deg,#1f6f7a,#17252f);color:#fff;border-color:transparent;}
.pro-service-card.accent h3,.pro-service-card.accent p{color:#fff;}.pro-service-card.accent span{color:#d9e9d7;}
.pro-split{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;margin-top:26px;}
.pro-panel,.pro-retainer,.pro-trust{border-radius:28px;padding:30px;border:1px solid var(--pn-line);box-shadow:0 16px 44px rgba(23,37,47,.08);}
.pro-panel{background:rgba(255,253,248,.88);}.pro-panel h2{font-size:34px;line-height:1.16;margin:18px 0 22px;}
.pro-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.pro-timeline div{background:#f6efe4;border:1px solid #e4d7c6;border-radius:18px;padding:18px;}
.pro-timeline span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--pn-water);color:#fff;font-weight:900;margin-bottom:14px;}
.pro-timeline strong{display:block;color:var(--pn-ink);margin-bottom:8px;}.pro-timeline p{color:var(--pn-muted);line-height:1.55;margin:0;}
.pro-retainer{background:linear-gradient(160deg,#17252f,#1f6f7a);color:#fff;position:relative;overflow:hidden;}
.pro-retainer:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-78px;background:rgba(255,255,255,.12);}
.pro-retainer h2{position:relative;color:#fff;font-size:31px;margin:18px 0 14px;}.pro-retainer p,.pro-retainer li{position:relative;color:#e1f0ef;line-height:1.6;}.pro-retainer ul{padding-left:20px;margin:12px 0 22px;}
.pro-retainer .btn{position:relative;border-radius:14px;font-weight:900;color:var(--pn-ink)!important;}
.pro-trust{margin-top:26px;background:#fffdf8;display:flex;justify-content:space-between;gap:24px;align-items:center;}
.pro-trust strong{font-size:19px;color:var(--pn-ink);}.pro-trust p{max-width:700px;margin:0;color:var(--pn-muted);line-height:1.6;}
.workspace-footer{background:#fffdf8!important;border-color:var(--pn-line)!important;}
@media(max-width:1180px){.pro-hero,.pro-split{grid-template-columns:1fr}.pro-dossier{max-width:620px}.pro-service-grid,.pro-timeline{grid-template-columns:1fr 1fr}.pro-section-head{grid-template-columns:1fr;}}
@media(max-width:760px){.page-wrap.property-pro-home{padding:16px 10px 44px}.pro-hero{padding:30px 20px;border-radius:24px;min-height:auto}.pro-hero h1{font-size:35px;letter-spacing:-1px}.pro-lead{font-size:16px}.pro-actions .btn{width:100%}.pro-service-grid,.pro-timeline{grid-template-columns:1fr}.pro-section-head h2,.pro-panel h2,.pro-retainer h2{font-size:28px}.pro-panel,.pro-retainer,.pro-trust{padding:22px}.pro-trust{display:block}.dossier-list div{display:block}.dossier-list dd{text-align:left;margin-top:4px}}