/* Reckona AI — Dubai / UAE market page. Extends /page.css with a premium,
   editorial treatment distinct from the India city pages — no storybook
   illustration, no local-office claim. Nothing here is shared by other
   pages. */

.dubai-page{--noir-1:#07070A;--noir-2:#0F0E12;--gold:#C9A24B;--gold-soft:#E4C989;
  --gold-line:rgba(201,162,75,.35);--platinum:#E9E7E1;--ink-art:#050506;overflow-x:clip}

/* ---------- HERO ---------- */
.dubai-hero{position:relative;border-radius:26px;overflow:hidden;margin-top:14px;
  background:linear-gradient(180deg,var(--noir-1) 0%,#111017 55%,#1A1720 100%);
  padding:0;min-height:min(84vh,680px);display:flex;flex-direction:column;justify-content:flex-end}
.dubai-hero .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.dubai-hero .hero-video-overlay{position:absolute;inset:0;z-index:2;
  background:linear-gradient(0deg,rgba(5,5,6,.82) 0%,rgba(5,5,6,.35) 46%,rgba(5,5,6,.55) 100%)}
.dubai-hero .content{position:relative;z-index:3;padding:60px 44px 44px;
  background:linear-gradient(0deg,rgba(5,5,6,.65) 0%,rgba(5,5,6,0) 100%)}
.dubai-hero h1,.dubai-hero .eyebrow,.dubai-hero .lead{color:var(--platinum)}
.dubai-hero .eyebrow{color:rgba(233,231,225,.7);letter-spacing:.22em}
.dubai-hero .eyebrow::before{background:var(--gold)}
.dubai-hero h1 em{font-style:italic;color:var(--gold-soft)}
.dubai-hero .lead{color:rgba(233,231,225,.78)}
.dubai-hero .btn{background:var(--gold);color:#141018;font-weight:700}
.dubai-hero .btn:hover{background:var(--gold-soft)}
.dubai-hero .btn.ghost{background:transparent;color:var(--platinum);border-color:rgba(233,231,225,.4)}

/* ---------- SECTION RULE ---------- */
.gold-rule{border:none;border-top:1px solid var(--gold-line);margin:0 0 28px}

/* ---------- WHY DUBAI: refined checklist ---------- */
.why-list{column-count:2;column-gap:56px;margin-top:34px}
.why-item{display:flex;gap:22px;align-items:flex-start;padding:0 0 30px 24px;
  border-left:1.5px solid var(--gold-line);break-inside:avoid;transition:border-color .25s}
.why-item:hover{border-left-color:var(--gold)}
.why-item .num{font-family:Fraunces,serif;font-style:italic;font-weight:500;font-size:1.9rem;
  line-height:1;color:var(--gold);flex-shrink:0;min-width:40px;margin-top:-2px}
.why-item p{margin:0;font-size:.98rem;line-height:1.62;color:var(--ink2)}
@media(max-width:820px){.why-list{column-count:1}}

/* ---------- CORE PROPOSITION: three columns ---------- */
.proposition{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:32px}
.prop-col{padding-top:22px;border-top:1.5px solid var(--gold-line);transition:border-color .25s}
.prop-col:hover{border-top-color:var(--gold)}
.prop-col .mk{font-family:Fraunces,serif;font-style:italic;font-weight:500;font-size:1.3rem;color:var(--ink);
  display:block;margin-bottom:20px}
.prop-col ul{list-style:none;margin:0}
.prop-col li{padding:11px 0;font-size:.95rem;color:var(--ink2);border-bottom:1px solid var(--border)}
.prop-col li:last-child{border-bottom:none}
@media(max-width:820px){.proposition{grid-template-columns:1fr;gap:8px}}

/* ---------- INDUSTRY CARDS ---------- */
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.industry-grid .card.feature{grid-column:span 2;background:linear-gradient(135deg,var(--ink-art),#171420);color:var(--platinum);border-color:transparent}
.industry-grid .card.feature h3,.industry-grid .card.feature .mk{color:var(--gold-soft)}
.industry-grid .card.feature p{color:rgba(233,231,225,.72)}
.industry-grid .card .mk{font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.1em;color:var(--gold);
  display:block;margin-bottom:8px}
@media(max-width:980px){.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-grid .card.feature{grid-column:span 2}}
@media(max-width:640px){.industry-grid{grid-template-columns:1fr}.industry-grid .card.feature{grid-column:span 1}}

/* ---------- AI ENGINE KILLER SECTION ---------- */
.engine-band{background:var(--ink-art);border-radius:22px;padding:40px 36px;margin-top:26px;color:var(--platinum);
  position:relative;overflow:hidden}
.engine-band::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 260px at 20% 0%,rgba(201,162,75,.10),transparent)}
.engine-band .query-chip{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;
  font-size:.88rem;color:var(--gold-soft);background:rgba(201,162,75,.08);border:1px solid var(--gold-line);
  border-radius:999px;padding:10px 18px;margin:18px 0 30px}
.engine-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.engine-card{border:1px solid rgba(233,231,225,.14);border-radius:14px;padding:20px 18px;background:rgba(255,255,255,.02)}
.engine-card .name{font-family:'JetBrains Mono',monospace;font-size:.76rem;letter-spacing:.08em;color:var(--gold);
  text-transform:uppercase;margin-bottom:10px;display:block}
.engine-card .q{font-size:.86rem;color:rgba(233,231,225,.5);line-height:1.5}
.engine-card .qmark{font-family:Fraunces,serif;font-size:1.6rem;color:rgba(233,231,225,.25);line-height:1;margin-top:8px}
@media(max-width:820px){.engine-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.engine-grid{grid-template-columns:1fr}}
.engine-band .ask{margin-top:30px;text-align:center}
.engine-band .ask h3{color:var(--platinum);font-size:1.3rem}
.engine-band .ask p{color:rgba(233,231,225,.6);max-width:520px;margin:8px auto 20px}