.real-estate-page { background: #090b0b; }
.re-hero, .re-proof, .re-system, .re-portal, .re-offer, .re-audit { padding-left: var(--page-pad); padding-right: var(--page-pad); }
.re-hero { min-height: 100svh; padding-top: clamp(150px, 13vw, 220px); padding-bottom: clamp(90px, 10vw, 150px); display: grid; grid-template-columns: minmax(0, 1.04fr) minmax(420px, .96fr); align-items: center; gap: clamp(45px, 7vw, 120px); background: radial-gradient(circle at 76% 21%, rgba(200,255,82,.07), transparent 29%), #090b0b; }
.re-hero-copy h1 { max-width: 980px; margin: 28px 0 30px; font-size: clamp(65px, 7.8vw, 126px); font-weight: 560; letter-spacing: -.075em; line-height: .86; }
.re-hero-copy h1 em { color: #8b9292; font-style: normal; }
.re-hero-lead { max-width: 760px; margin: 0; color: #969c9d; font-size: clamp(15px, 1.35vw, 20px); line-height: 1.65; }
.re-hero-actions { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 10px; }
.re-whatsapp-action { border: 1px solid rgba(255,255,255,.14); background: #16191a; color: #eff1ed; }
.re-whatsapp-action:hover { border-color: rgba(200,255,82,.36); }
.re-proof-line { margin-top: 40px; display: flex; align-items: center; gap: 11px; color: #afb4b5; }
.re-proof-line > span { font-size: 9px; font-weight: 780; letter-spacing: .12em; }
.re-proof-line > i { width: 3px; height: 3px; border-radius: 50%; background: var(--signal); }
.re-proof-line p { margin: 0 0 0 9px; color: #686f70; font-size: 9px; }
.re-hero-visual { min-width: 0; position: relative; }
.re-skyline { aspect-ratio: 4 / 4.6; overflow: hidden; position: relative; border: 1px solid rgba(255,255,255,.1); border-radius: 26px; background: linear-gradient(180deg, transparent, rgba(7,8,9,.76)), url('/assets/dubai-skyline.jpg') center/cover; box-shadow: 0 50px 120px rgba(0,0,0,.36); }
.re-skyline::after { content: ""; position: absolute; inset: 0; background: linear-gradient(130deg, rgba(200,255,82,.08), transparent 42%); }
.re-skyline-overlay { max-width: 320px; position: absolute; z-index: 2; left: clamp(24px, 4vw, 48px); bottom: clamp(100px, 10vw, 150px); display: flex; flex-direction: column; gap: 12px; }
.re-skyline-overlay span { color: #b4bd9f; font-size: 8px; font-weight: 760; letter-spacing: .14em; }
.re-skyline-overlay strong { font-size: clamp(28px, 3.2vw, 50px); font-weight: 560; letter-spacing: -.05em; line-height: 1; }
.re-pulse-card { width: min(88%, 560px); margin: -82px auto 0; position: relative; z-index: 3; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 17px; background: rgba(17,20,20,.92); box-shadow: 0 30px 80px rgba(0,0,0,.45); backdrop-filter: blur(18px); }
.re-pulse-card header { min-height: 45px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.08); color: #6e7575; font-size: 7px; letter-spacing: .13em; }
.re-pulse-card header i { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); box-shadow: 0 0 16px rgba(200,255,82,.55); }
.re-pulse-card > div { display: grid; grid-template-columns: repeat(4,1fr); }
.re-pulse-card article { min-height: 110px; padding: 18px 13px; display: flex; justify-content: space-between; flex-direction: column; border-right: 1px solid rgba(255,255,255,.07); }
.re-pulse-card article:last-child { border-right: 0; }
.re-pulse-card small { color: #697071; font-size: 6px; letter-spacing: .08em; }
.re-pulse-card b { color: #dfe2dd; font-size: 23px; font-weight: 560; }
.re-pulse-card article:last-child b { color: var(--signal); }
.re-proof { padding-top: clamp(95px, 11vw, 180px); padding-bottom: clamp(95px, 11vw, 180px); display: grid; grid-template-columns: .55fr 1.45fr; gap: clamp(50px, 9vw, 150px); background: #f1f2ee; color: #0b0d0d; }
.re-proof-label > span { margin-top: 50px; display: block; color: #767b78; font-size: clamp(16px, 2vw, 25px); font-weight: 680; letter-spacing: .09em; line-height: 1.2; }
.re-proof-quote { margin: 0; }
.re-proof-quote > p { margin: 0; font-size: clamp(43px, 5.7vw, 86px); font-weight: 560; letter-spacing: -.06em; line-height: 1.02; }
.re-proof-quote footer { margin-top: 50px; padding-top: 22px; display: flex; flex-direction: column; gap: 6px; border-top: 1px solid #cfd2cc; }
.re-proof-quote footer strong { font-size: 13px; }
.re-proof-quote footer span { color: #747975; font-size: 10px; }
.re-system { padding-top: clamp(95px, 10vw, 160px); padding-bottom: clamp(95px, 10vw, 160px); background: #0a0c0c; }
.re-system .section-heading { max-width: 1100px; }
.re-loop { margin-top: clamp(55px, 7vw, 100px); display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(255,255,255,.09); border-radius: 20px; overflow: hidden; }
.re-loop article { min-height: 340px; padding: clamp(25px, 3vw, 42px); display: flex; flex-direction: column; border-right: 1px solid rgba(255,255,255,.08); background: linear-gradient(150deg, rgba(255,255,255,.025), transparent); }
.re-loop article:last-child { border-right: 0; background: linear-gradient(150deg, rgba(200,255,82,.08), transparent 70%); }
.re-loop article > span { color: var(--signal); font-size: 9px; font-weight: 760; }
.re-loop h3 { margin: auto 0 18px; font-size: clamp(25px, 2.3vw, 37px); font-weight: 570; letter-spacing: -.045em; }
.re-loop p { margin: 0; color: #7f8686; font-size: 12px; line-height: 1.65; }
.re-portal { padding-top: clamp(95px, 10vw, 160px); padding-bottom: clamp(95px, 10vw, 160px); display: grid; grid-template-columns: .72fr 1.28fr; align-items: center; gap: clamp(45px, 8vw, 130px); background: #f1f2ee; color: #0b0d0d; }
.re-portal-copy h2 { margin: 25px 0 28px; font-size: clamp(48px, 5.5vw, 88px); font-weight: 560; letter-spacing: -.065em; line-height: .95; }
.re-portal-copy > p:not(.eyebrow) { max-width: 650px; color: #636965; font-size: 15px; line-height: 1.7; }
.re-portal-copy .text-cta { margin-top: 35px; }
.re-dashboard-image { overflow: hidden; display: block; border-radius: 20px; background: #141616; box-shadow: 0 45px 100px rgba(13,15,14,.18); transform: perspective(1400px) rotateY(-3deg); }
.re-dashboard-image img { width: 100%; height: auto; display: block; }
.re-offer { padding-top: clamp(95px, 10vw, 160px); padding-bottom: clamp(95px, 10vw, 160px); display: grid; grid-template-columns: 1fr minmax(360px,.7fr); align-items: center; gap: clamp(50px, 10vw, 170px); background: radial-gradient(circle at 78% 35%, rgba(200,255,82,.08), transparent 30%), #090b0b; }
.re-offer-copy h2 { max-width: 1000px; margin: 25px 0 28px; font-size: clamp(50px, 6vw, 94px); font-weight: 560; letter-spacing: -.068em; line-height: .94; }
.re-offer-copy > p:not(.eyebrow) { max-width: 720px; color: #858c8c; font-size: 15px; line-height: 1.7; }
.re-offer-card { padding: clamp(28px, 4vw, 48px); display: flex; flex-direction: column; border: 1px solid rgba(200,255,82,.2); border-radius: 21px; background: linear-gradient(145deg, rgba(200,255,82,.1), #121515 46%); }
.re-offer-card > span { color: #7b8382; font-size: 8px; font-weight: 760; letter-spacing: .13em; }
.re-offer-card > strong { margin-top: 18px; color: var(--signal); font-size: clamp(55px, 6vw, 88px); font-weight: 570; letter-spacing: -.065em; }
.re-offer-card > strong small { font-size: .22em; letter-spacing: .04em; }
.re-offer-card > p { margin: 2px 0 30px; color: #858c8c; font-size: 10px; }
.re-offer-card hr { width: 100%; margin: 0 0 28px; border: 0; border-top: 1px solid rgba(255,255,255,.09); }
.re-offer-card > b { margin-top: 13px; font-size: 26px; font-weight: 570; }
.re-offer-card > b small { color: #777e7e; font-size: 10px; font-weight: 500; }
.re-offer-card > em { margin-top: 9px; color: #666d6c; font-size: 9px; font-style: normal; }
.re-offer-card > a { min-height: 58px; margin-top: 34px; padding: 0 19px; display: flex; align-items: center; justify-content: space-between; border-radius: 13px; background: var(--signal); color: #0b0d0d; font-size: 10px; font-weight: 720; text-decoration: none; }
.re-audit { padding-top: clamp(95px, 10vw, 160px); padding-bottom: clamp(110px, 12vw, 190px); display: grid; grid-template-columns: .78fr 1.22fr; align-items: start; gap: clamp(50px, 9vw, 145px); background: #0d0f10; }
.re-audit-copy { position: sticky; top: 130px; }
.re-audit-copy h2 { margin: 24px 0 27px; font-size: clamp(48px, 5.6vw, 87px); font-weight: 560; letter-spacing: -.065em; line-height: .94; }
.re-audit-copy > p:not(.eyebrow) { max-width: 660px; color: #888f8f; font-size: 15px; line-height: 1.7; }
.re-audit-points { margin-top: 38px; display: grid; gap: 8px; }
.re-audit-points span { min-height: 58px; padding: 0 18px; display: grid; grid-template-columns: 35px 1fr; align-items: center; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; background: #121515; }
.re-audit-points b { color: var(--signal); font-size: 9px; }
.re-audit-points small { color: #9aa09f; font-size: 10px; }
@media (max-width: 1100px) {
  .re-hero { grid-template-columns: 1fr; }
  .re-hero-visual { width: min(100%, 760px); margin: 0 auto; }
  .re-proof, .re-portal, .re-offer, .re-audit { grid-template-columns: 1fr; }
  .re-proof { gap: 70px; }
  .re-loop { grid-template-columns: 1fr 1fr; }
  .re-loop article:nth-child(2) { border-right: 0; }
  .re-loop article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.08); }
  .re-dashboard-image { transform: none; }
  .re-offer-card { width: min(100%, 650px); }
  .re-audit-copy { position: static; }
}
@media (max-width: 700px) {
  .re-hero, .re-proof, .re-system, .re-portal, .re-offer, .re-audit { padding-left: 18px; padding-right: 18px; }
  .re-hero { min-height: auto; padding-top: 125px; gap: 60px; }
  .re-hero-copy h1 { font-size: clamp(55px, 17vw, 78px); }
  .re-hero-actions .button { width: 100%; justify-content: space-between; }
  .re-proof-line { align-items: flex-start; flex-wrap: wrap; }
  .re-proof-line p { width: 100%; margin: 5px 0 0; }
  .re-skyline { border-radius: 20px; }
  .re-skyline-overlay { bottom: 95px; }
  .re-pulse-card { width: 94%; margin-top: -62px; }
  .re-pulse-card > div { grid-template-columns: 1fr 1fr; }
  .re-pulse-card article { min-height: 85px; }
  .re-pulse-card article:nth-child(2) { border-right: 0; }
  .re-pulse-card article:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.07); }
  .re-proof { gap: 50px; }
  .re-proof-label > span { margin-top: 30px; }
  .re-proof-quote > p { font-size: clamp(38px, 12vw, 56px); }
  .re-loop { grid-template-columns: 1fr; }
  .re-loop article { min-height: 270px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.08); }
  .re-loop article:last-child { border-bottom: 0; }
  .re-portal-copy h2, .re-offer-copy h2, .re-audit-copy h2 { font-size: clamp(46px, 14vw, 67px); }
  .re-dashboard-image { border-radius: 13px; }
  .re-offer { gap: 48px; }
}