/* ═══════════════════════════════════════════════════════════════
   GulfBot industry pages — /real-estate /events /clinics (+ /ar twins).
   Loaded AFTER style.css + legal.css. Reuses the site tokens; adds the
   vertical hero, the WhatsApp flow card, proof strip and CTA panel.
   RTL overrides live at the bottom under [dir="rtl"] — no extra file.
   No JS dependency except the shared FAQ accordion inline script.
   ═══════════════════════════════════════════════════════════════ */

/* ── hero ── */
.ind-hero{max-width:980px;margin:0 auto;padding:64px 24px 8px;position:relative}
.ind-hero h1{font:800 clamp(34px,6vw,54px)/1.08 var(--font);letter-spacing:-.035em;color:var(--ink);margin:14px 0 0;text-wrap:balance}
.ind-hero .sub{margin:18px 0 0;font:500 17px/1.65 var(--font);color:var(--body2);max-width:660px}
.ind-meta{margin:18px 0 0;font:600 13px/1 var(--mono);letter-spacing:.08em;color:var(--faint);text-transform:uppercase}
.ind-ctas{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 0}
.ind-ctas .btn-primary,.ind-ctas .btn-dark{font-size:15.5px;padding:15px 26px}

/* ── pain bullets ── */
.ind-pains{max-width:980px;margin:0 auto;padding:44px 24px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pain-card{background:#fff;border:1px solid rgba(13,11,20,.07);border-radius:18px;padding:20px 22px}
.pain-card .pain-t{font:700 15.5px/1.35 var(--font);letter-spacing:-.015em;color:var(--ink)}
.pain-card p{margin:8px 0 0;font:500 14px/1.6 var(--font);color:var(--body2)}

/* ── the flow (WhatsApp-style conversation) ── */
.flow-sec{max-width:980px;margin:0 auto;padding:64px 24px 0}
.flow-sec h2{font:800 clamp(26px,4vw,34px)/1.15 var(--font);letter-spacing:-.025em;color:var(--ink);text-wrap:balance}
.flow-sec .flow-lede{margin:12px 0 0;font:500 15.5px/1.65 var(--font);color:var(--body2);max-width:640px}
.flow-card{margin:26px 0 0;background:linear-gradient(160deg,#efe9fb,#e9e3f8);border:1px solid rgba(13,11,20,.08);border-radius:24px;padding:26px 22px 22px;position:relative;overflow:hidden}
.flow-head{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.flow-head .pulse-dot{flex:none}
.flow-head span{font:600 11.5px/1 var(--mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase}
.flow-msg{display:flex;margin:10px 0 0}
.flow-msg .bubble{max-width:78%;padding:11px 15px;font:500 14.5px/1.55 var(--font);border-radius:18px;position:relative}
.flow-msg .stamp{display:block;margin-top:5px;font:500 10.5px/1 var(--mono);letter-spacing:.06em;color:var(--faint)}
.flow-in{justify-content:flex-start}
.flow-in .bubble{background:#fff;color:var(--ink);border-radius:4px 18px 18px 18px;box-shadow:0 1px 2px rgba(13,11,20,.06)}
.flow-out{justify-content:flex-end}
.flow-out .bubble{background:#d9fdd3;color:#0b2b13;border-radius:18px 4px 18px 18px;box-shadow:0 1px 2px rgba(13,11,20,.06)}
.flow-note{display:flex;justify-content:center;margin:14px 0 0}
.flow-note span{font:600 11px/1 var(--mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;background:rgba(255,255,255,.65);border-radius:999px;padding:7px 14px}
.flow-voice{display:inline-flex;align-items:center;gap:7px;margin-right:6px;color:#0b6e3f}
.flow-voice i{display:inline-block;width:2.5px;border-radius:2px;background:currentColor;height:8px}
.flow-voice i:nth-child(2){height:13px}.flow-voice i:nth-child(3){height:6px}
.flow-voice i:nth-child(4){height:11px}.flow-voice i:nth-child(5){height:8px}

/* ── feature rows (reuse .feature-row from style.css inside a plain wrap) ── */
.ind-features{max-width:980px;margin:0 auto;padding:64px 24px 0}
.ind-features h2{font:800 clamp(26px,4vw,34px)/1.15 var(--font);letter-spacing:-.025em;color:var(--ink)}
.ind-features .feature-rows{margin-top:8px}

/* ── honest proof strip ── */
.ind-proof{max-width:980px;margin:56px auto 0;padding:0 24px}
.ind-proof-card{background:var(--ink);color:#fff;border-radius:24px;padding:34px 30px;position:relative;overflow:hidden}
.ind-proof-card .eyebrow{color:var(--lav)}
.ind-proof-card .proof-big{margin:14px 0 0;font:800 clamp(21px,3.2vw,28px)/1.3 var(--font);letter-spacing:-.02em;text-wrap:balance}
.ind-proof-card .proof-big em{font-style:normal;color:var(--lav)}
.ind-proof-card p{margin:14px 0 0;font:500 14.5px/1.65 var(--font);color:rgba(255,255,255,.72);max-width:640px}
.ind-proof-cells{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 0}
.ind-proof-cell{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px 18px}
.ind-proof-cell .n{font:800 24px/1 var(--font);letter-spacing:-.02em}
.ind-proof-cell .l{display:block;margin-top:7px;font:500 12.5px/1.45 var(--font);color:rgba(255,255,255,.65)}

/* ── pricing anchor ── */
.ind-price{max-width:980px;margin:0 auto;padding:64px 24px 0}
.ind-price-card{background:#fff;border:1px solid rgba(13,11,20,.08);border-radius:24px;padding:30px;display:flex;flex-wrap:wrap;align-items:center;gap:22px;justify-content:space-between}
.ind-price-card .p-left{max-width:560px}
.ind-price-card h2{font:800 24px/1.2 var(--font);letter-spacing:-.02em;color:var(--ink)}
.ind-price-card p{margin:10px 0 0;font:500 14.5px/1.6 var(--font);color:var(--body2)}
.ind-price-nums{display:flex;gap:18px;margin:16px 0 0;flex-wrap:wrap}
.ind-price-num{font:800 20px/1 var(--font);color:var(--ink)}
.ind-price-num small{display:block;margin-top:6px;font:600 11px/1.3 var(--mono);letter-spacing:.08em;color:var(--faint);text-transform:uppercase}
.ind-price-card .btn-dark{flex:none}

/* ── FAQ reuse ── */
.ind-faq{max-width:980px;margin:0 auto;padding:64px 24px 0}
.ind-faq h2{font:800 clamp(26px,4vw,34px)/1.15 var(--font);letter-spacing:-.025em;color:var(--ink);margin-bottom:8px}

/* ── final CTA panel ── */
.ind-cta{max-width:980px;margin:64px auto 0;padding:0 24px 8px}
.ind-cta-card{background:var(--grad);border-radius:26px;padding:40px 30px;text-align:center;color:#fff}
.ind-cta-card h2{font:800 clamp(24px,4vw,34px)/1.15 var(--font);letter-spacing:-.025em;text-wrap:balance}
.ind-cta-card p{margin:12px auto 0;font:500 15px/1.6 var(--font);color:rgba(255,255,255,.85);max-width:520px}
.ind-cta-card .btn-white{margin-top:24px;display:inline-flex}
.ind-cta-sub{margin:14px 0 0;font:500 13px/1.5 var(--font);color:rgba(255,255,255,.7)}
.ind-cta-sub a{color:#fff;text-decoration:underline;text-underline-offset:2px}

/* ── sibling-vertical links in header ── */
.legal-links .ind-sib{font:600 14px/1 var(--font);color:var(--body2)}
.legal-links .ind-sib:hover{color:var(--violet)}
.legal-links .ind-sib.active{color:var(--violet)}

/* ── responsive ── */
@media (max-width:860px){
  .ind-pains{grid-template-columns:1fr;padding-top:34px}
  .ind-proof-cells{grid-template-columns:1fr 1fr}
  .legal-links .ind-sib{display:none}
  /* style.css's .feature-row grid is desktop-only markup on the homepage —
     industry pages keep it on mobile, so restack it here */
  .ind-features .feature-row{grid-template-columns:44px minmax(0,1fr);grid-auto-rows:auto;row-gap:6px;padding:20px 6px;align-items:start}
  .ind-features .f-num{padding-top:4px}
  .ind-features .f-title{font-size:19px}
  .ind-features .f-body,.ind-features .f-meta{grid-column:2}
  .ind-features .f-meta{text-align:start;margin-top:2px}
  .ind-features .feature-row:hover{transform:none}
}
@media (max-width:560px){
  .ind-hero{padding-top:44px}
  .ind-ctas .btn-primary,.ind-ctas .btn-dark{width:100%;justify-content:center}
  .flow-msg .bubble{max-width:88%}
  .ind-proof-cells{grid-template-columns:1fr}
  .ind-price-card{padding:24px}
  .ind-price-card .btn-dark{width:100%;justify-content:center}
}

/* ── RTL (/ar twins load this same file; html[dir=rtl] flips) ── */
[dir="rtl"] .ind-hero h1,[dir="rtl"] .flow-sec h2,[dir="rtl"] .ind-features h2,
[dir="rtl"] .ind-faq h2,[dir="rtl"] .ind-cta-card h2,[dir="rtl"] .ind-price-card h2,
[dir="rtl"] .pain-card .pain-t,[dir="rtl"] .ind-proof-card .proof-big{letter-spacing:0}
[dir="rtl"] .flow-in .bubble{border-radius:18px 4px 18px 18px}
[dir="rtl"] .flow-out .bubble{border-radius:4px 18px 18px 18px}
[dir="rtl"] .flow-voice{margin-right:0;margin-left:6px}
[dir="rtl"] .ind-meta{letter-spacing:0}