/* ═══════════════════════════════════════════════════════════════
   dimag-hub.css, v3.8
   City HUB pages. Extracted from Neha's page 3127 template
   (/dubai/). Same CSS applies to any hub page: bangalore,
   hyderabad, and future hubs.
   Scoped to body.dimag-hub via the plugin's body_class filter so
   these rules never leak into other landing pages.
   ═══════════════════════════════════════════════════════════════ */

body.dimag-hub *,
body.dimag-hub *::before,
body.dimag-hub *::after { margin:0; padding:0; box-sizing:border-box; }

body.dimag-hub {
  --bg-primary:#FFFFFF; --bg-secondary:#F8FAFC; --bg-section-alt:#F1F5F9; --bg-card:#FFFFFF;
  --bg-dark:#1E293B; --bg-dark-alt:#0F172A;
  --text-heading:#1E293B; --text-body:#334155; --text-muted:#64748B; --text-light:#94A3B8;
  --magenta:#ED1E81; --light-blue:#77C3EC;
  --magenta-tint:rgba(237,30,129,.08); --blue-tint:rgba(119,195,236,.12);
  --gradient-primary:linear-gradient(90deg,#ED1E81 0%,#77C3EC 100%);
  --gradient-stat:linear-gradient(90deg,#FF0081 0%,#79C5EC 100%);
  --gradient-cta:#FF0081;
  --border:#E2E8F0; --border-hover:rgba(237,30,129,0.3);
  --shadow-card:0 1px 3px rgba(0,0,0,0.05),0 10px 30px rgba(0,0,0,0.04);
  --shadow-card-hover:0 10px 40px rgba(237,30,129,0.08);
  --green:#10B981; --star:#F59E0B;
  --font-h:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --font-b:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
  --container:min(1240px,92vw); --radius:16px; --radius-pill:200px;
  font-family:var(--font-b); background:var(--bg-primary); color:var(--text-body); line-height:1.6; overflow-x:hidden;
}
body.dimag-hub h1, body.dimag-hub h2, body.dimag-hub h3, body.dimag-hub h4, body.dimag-hub h5, body.dimag-hub h6 { font-family:var(--font-h); color:var(--text-heading); line-height:1.2; font-weight:800; }
body.dimag-hub a { color:var(--magenta); text-decoration:none; transition:color .2s; }
body.dimag-hub a:hover { color:#c8156a; }
body.dimag-hub img { max-width:100%; height:auto; display:block; }
body.dimag-hub .container { width:var(--container); margin:0 auto; }
body.dimag-hub .gradient-text { background:var(--gradient-stat); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
body.dimag-hub .section-label { text-transform:uppercase; font-size:.8rem; font-weight:700; letter-spacing:.15em; color:var(--magenta); display:inline-flex; align-items:center; gap:.75rem; margin-bottom:1rem; font-family:var(--font-h); background:rgba(255,0,129,0.08); border:1px solid rgba(255,0,129,0.15); border-radius:200px; padding:6px 16px; }
body.dimag-hub .section-title { font-size:clamp(1.75rem,4vw,2.5rem); font-weight:800; margin-bottom:1rem; color:var(--text-heading); }
body.dimag-hub .section-subtitle { font-size:1.05rem; color:var(--text-muted); max-width:640px; line-height:1.7; }
body.dimag-hub .section-pad { padding:5rem 0; }
body.dimag-hub .btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:14px 32px; background:#FF0081; color:#fff; font-family:var(--font-h); font-weight:600; font-size:1rem; border:none; border-radius:200px; cursor:pointer; transition:all .3s ease; box-shadow:0 0 10px rgba(0,0,0,0.15); text-decoration:none; white-space:nowrap; }
body.dimag-hub .btn-primary:hover { background:#E6006F; transform:translateY(-2px); box-shadow:0 4px 20px rgba(255,0,129,0.3); color:#fff; }
body.dimag-hub .btn-outline { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:12px 30px; background:var(--bg-primary); color:var(--magenta); font-family:var(--font-h); font-weight:700; font-size:.95rem; border:2px solid var(--magenta); border-radius:200px; cursor:pointer; transition:all .25s; }
body.dimag-hub .btn-outline:hover { background:#FF0081; border-color:#FF0081; color:#fff; transform:translateY(-2px); box-shadow:0 4px 20px rgba(255,0,129,0.3); }
body.dimag-hub .card { background:var(--bg-card); border:1px solid var(--border); border-radius:var(--radius); padding:2rem; box-shadow:var(--shadow-card); transition:border-color .3s,box-shadow .3s,transform .3s; }
body.dimag-hub .card:hover { border-color:var(--border-hover); box-shadow:var(--shadow-card-hover); transform:translateY(-3px); }

/* HEADER + BREADCRUMB */
body.dimag-hub .site-header { padding:1.25rem 0; background:var(--bg-primary); border-bottom:1px solid var(--border); }
body.dimag-hub .header-logo { display:inline-block; }
body.dimag-hub .header-logo img { height:40px; width:auto; }
body.dimag-hub .breadcrumb { padding:1rem 0; font-size:.85rem; background:var(--bg-primary); }
body.dimag-hub .breadcrumb a { color:var(--text-muted); }
body.dimag-hub .breadcrumb span { color:var(--text-light); margin:0 .4rem; }
body.dimag-hub .breadcrumb .current { color:var(--magenta); font-weight:600; }

/* HERO */
body.dimag-hub .hero { position:relative; padding:2rem 0 5rem; overflow:hidden; background:var(--bg-primary); }
body.dimag-hub .hero::before { content:''; position:absolute; top:-150px; right:-100px; width:600px; height:600px; background:radial-gradient(circle,var(--magenta-tint) 0%,transparent 70%); pointer-events:none; }
body.dimag-hub .hero::after { content:''; position:absolute; bottom:-100px; left:-100px; width:500px; height:500px; background:radial-gradient(circle,var(--blue-tint) 0%,transparent 70%); pointer-events:none; }
body.dimag-hub .hero-grid { display:grid; grid-template-columns:1fr 420px; gap:3rem; align-items:start; position:relative; z-index:1; }
body.dimag-hub .hero-badge { display:inline-flex; align-items:center; gap:.5rem; padding:.4rem 1rem; background:var(--magenta-tint); border:1px solid rgba(237,30,129,.18); border-radius:200px; font-size:.8rem; font-weight:600; color:var(--magenta); margin-bottom:1.5rem; }
body.dimag-hub .hero-badge svg { width:14px; height:14px; fill:var(--magenta); }
body.dimag-hub .hero h1 { font-size:clamp(2rem,5vw,3.2rem); font-weight:900; margin-bottom:1.25rem; line-height:1.1; color:var(--text-heading); }
body.dimag-hub .hero-sub { font-size:1.1rem; color:var(--text-body); margin-bottom:2rem; line-height:1.7; max-width:540px; }
body.dimag-hub .trust-pills { display:flex; flex-wrap:wrap; gap:.75rem; margin-bottom:2rem; }
body.dimag-hub .trust-pill { display:flex; align-items:center; gap:.4rem; padding:.45rem 1rem; background:var(--bg-card); border:1px solid var(--border); border-radius:200px; font-size:.8rem; font-weight:600; color:var(--text-heading); box-shadow:var(--shadow-card); }
body.dimag-hub .trust-pill svg { width:14px; height:14px; fill:var(--green); }
body.dimag-hub .trust-badges { display:flex; align-items:center; gap:1.25rem; flex-wrap:wrap; }
body.dimag-hub .trust-badges img { height:32px; opacity:.5; filter:grayscale(1); transition:opacity .3s; }
body.dimag-hub .trust-badges img:hover { opacity:1; filter:none; }

/* FORM CARD */
body.dimag-hub .form-card { position:relative; border-radius:20px; padding:2px; background:var(--gradient-primary); }
body.dimag-hub .form-card-inner { background:var(--bg-primary); border-radius:18px; padding:2rem; box-shadow:var(--shadow-card); }
body.dimag-hub .form-card h3 { font-size:1.35rem; font-weight:800; margin-bottom:.35rem; text-align:center; color:var(--text-heading); }
body.dimag-hub .form-card .form-sub { font-size:.85rem; color:var(--text-muted); text-align:center; margin-bottom:1.5rem; line-height:1.5; }
body.dimag-hub .form-group { margin-bottom:1rem; }
body.dimag-hub .form-group label { display:block; font-size:.78rem; font-weight:600; color:var(--text-muted); margin-bottom:.35rem; text-transform:uppercase; letter-spacing:.06em; }
body.dimag-hub .form-group input, body.dimag-hub .form-group select, body.dimag-hub .form-group textarea { width:100%; padding:14px 14px 16px 14px; line-height:1.5; min-height:52px; height:auto; background:var(--bg-secondary); border:1px solid var(--border); border-radius:8px; color:var(--text-heading); font-family:var(--font-b); font-size:.9rem; transition:border-color .2s,box-shadow .2s; outline:none; box-sizing:border-box; }
body.dimag-hub .form-group select { padding-right:40px; }
body.dimag-hub .form-group textarea { min-height:100px; }
body.dimag-hub .form-group input:focus, body.dimag-hub .form-group select:focus, body.dimag-hub .form-group textarea:focus { border-color:var(--magenta); box-shadow:0 0 0 3px var(--magenta-tint); }
body.dimag-hub .form-group select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%2364748B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right .9rem center; padding-right:2.2rem; }
body.dimag-hub .form-group textarea { resize:vertical; min-height:80px; }
body.dimag-hub .phone-row { display:grid; grid-template-columns:70px 1fr; gap:.5rem; }
body.dimag-hub .phone-prefix { text-align:center; }
body.dimag-hub .form-submit { width:100%; margin-top:.5rem; }
body.dimag-hub .form-privacy { font-size:.72rem; color:var(--text-light); text-align:center; margin-top:.75rem; }

/* RESULTS BAR */
body.dimag-hub .results-bar { background:var(--bg-section-alt); border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:3rem 0; }
body.dimag-hub .results-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; text-align:center; }
body.dimag-hub .result-item .number { font-family:var(--font-h); font-size:clamp(2rem,4vw,2.8rem); font-weight:900; background:var(--gradient-stat); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
body.dimag-hub .result-item .label { font-size:.85rem; color:var(--text-body); font-weight:600; margin-top:.25rem; }
body.dimag-hub .result-item .client { font-size:.75rem; color:var(--text-muted); margin-top:.15rem; }

/* PAIN POINTS */
body.dimag-hub .pain-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; margin-top:2.5rem; }
body.dimag-hub .pain-card { display:flex; gap:1.25rem; align-items:flex-start; }
body.dimag-hub .pain-icon { width:48px; height:48px; min-width:48px; border-radius:12px; background:var(--magenta-tint); display:flex; align-items:center; justify-content:center; }
body.dimag-hub .pain-icon svg { width:22px; height:22px; fill:var(--magenta); }
body.dimag-hub .pain-card h4 { font-size:1.05rem; font-weight:700; margin-bottom:.4rem; color:var(--text-heading); }
body.dimag-hub .pain-card p { font-size:.9rem; color:var(--text-muted); line-height:1.6; }

/* TIERS */
body.dimag-hub .tiers-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }
body.dimag-hub .tier-card { position:relative; border-radius:20px; padding:2.5rem 2rem; background:var(--bg-card); border:1px solid var(--border); box-shadow:var(--shadow-card); transition:border-color .3s,transform .3s,box-shadow .3s; }
body.dimag-hub .tier-card:hover { border-color:var(--border-hover); transform:translateY(-4px); box-shadow:var(--shadow-card-hover); }
body.dimag-hub .tier-card.featured { border-color:var(--magenta); background:linear-gradient(180deg,var(--magenta-tint) 0%,var(--bg-card) 140px); }
body.dimag-hub .tier-ribbon { position:absolute; top:-1px; left:50%; transform:translateX(-50%); background:var(--gradient-primary); color:#fff; font-size:.7rem; font-weight:800; padding:.35rem 1.2rem; border-radius:0 0 10px 10px; text-transform:uppercase; letter-spacing:.08em; }
body.dimag-hub .tier-name { font-size:.8rem; text-transform:uppercase; letter-spacing:.12em; color:var(--magenta); font-weight:700; margin-bottom:.5rem; }
body.dimag-hub .tier-title { font-size:1.4rem; font-weight:800; margin-bottom:.25rem; color:var(--text-heading); }
body.dimag-hub .tier-price { font-size:1rem; color:var(--text-muted); margin-bottom:1.5rem; }
body.dimag-hub .tier-list { list-style:none; margin-bottom:2rem; }
body.dimag-hub .tier-list li { position:relative; padding:.5rem 0 .5rem 1.5rem; font-size:.88rem; color:var(--text-body); border-bottom:1px solid var(--border); }
body.dimag-hub .tier-list li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:8px; height:8px; border-radius:50%; background:var(--magenta); }
body.dimag-hub .tier-card .btn-primary, body.dimag-hub .tier-card .btn-outline { width:100%; border-radius:200px; }

/* ROI CALCULATOR */
body.dimag-hub .roi-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; margin-top:2.5rem; }
body.dimag-hub .roi-slider-group { margin-bottom:2rem; }
body.dimag-hub .roi-slider-group label { display:block; font-size:.85rem; font-weight:600; color:var(--text-heading); margin-bottom:.75rem; }
body.dimag-hub .roi-slider-value { float:right; color:var(--magenta); font-weight:700; }
body.dimag-hub input[type="range"] { -webkit-appearance:none; width:100%; height:6px; background:var(--border); border-radius:3px; outline:none; }
body.dimag-hub input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; width:20px; height:20px; border-radius:50%; background:var(--gradient-primary); cursor:pointer; box-shadow:0 2px 8px rgba(237,30,129,.35); }
body.dimag-hub input[type="range"]::-moz-range-thumb { width:20px; height:20px; border:none; border-radius:50%; background:var(--magenta); cursor:pointer; box-shadow:0 2px 8px rgba(237,30,129,.35); }
body.dimag-hub .chip-group { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.5rem; }
body.dimag-hub .chip { padding:.5rem 1rem; background:var(--bg-card); border:1px solid var(--border); border-radius:200px; font-size:.82rem; font-weight:600; color:var(--text-body); cursor:pointer; transition:all .2s; font-family:var(--font-b); }
body.dimag-hub .chip.active, body.dimag-hub .chip:hover { border-color:var(--magenta); color:var(--magenta); background:var(--magenta-tint); }
body.dimag-hub .roi-table { width:100%; border-collapse:collapse; font-size:.88rem; }
body.dimag-hub .roi-table th { padding:.75rem 1rem; text-align:left; font-weight:700; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; color:var(--text-muted); border-bottom:1px solid var(--border); }
body.dimag-hub .roi-table td { padding:.7rem 1rem; border-bottom:1px solid var(--border); color:var(--text-body); }
body.dimag-hub .roi-table .highlight { color:var(--magenta); font-weight:700; }
body.dimag-hub .roi-table tr td:last-child.highlight { color:var(--magenta); }

/* SERVICES GRID */
body.dimag-hub .services-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-top:2.5rem; }
body.dimag-hub .service-card { text-align:center; padding:2rem 1.5rem; }
body.dimag-hub .service-icon { width:52px; height:52px; margin:0 auto .75rem; border-radius:14px; background:var(--magenta-tint); display:flex; align-items:center; justify-content:center; }
body.dimag-hub .service-icon svg { width:24px; height:24px; fill:var(--magenta); }
body.dimag-hub .service-card h4 { font-size:.95rem; font-weight:700; margin-bottom:.4rem; color:var(--text-heading); }
body.dimag-hub .service-card p { font-size:.82rem; color:var(--text-muted); line-height:1.5; }

/* PORTFOLIO */
body.dimag-hub .portfolio-tabs { display:flex; gap:.5rem; margin-bottom:2rem; flex-wrap:wrap; }
body.dimag-hub .portfolio-tab { padding:.55rem 1.25rem; background:var(--bg-card); border:1px solid var(--border); border-radius:200px; font-size:.85rem; font-weight:600; color:var(--text-body); cursor:pointer; transition:all .2s; font-family:var(--font-b); }
body.dimag-hub .portfolio-tab.active, body.dimag-hub .portfolio-tab:hover { border-color:var(--magenta); color:var(--magenta); background:var(--magenta-tint); }
body.dimag-hub .portfolio-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.25rem; }
body.dimag-hub .portfolio-item { border-radius:14px; overflow:hidden; aspect-ratio:4/3; background:var(--bg-card); border:1px solid var(--border); box-shadow:var(--shadow-card); position:relative; cursor:pointer; transition:border-color .3s,transform .3s,box-shadow .3s; }
body.dimag-hub .portfolio-item:hover { border-color:var(--border-hover); transform:translateY(-3px); box-shadow:var(--shadow-card-hover); }
body.dimag-hub .portfolio-item .overlay { position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%,rgba(30,41,59,.92) 100%); display:flex; align-items:flex-end; padding:1.25rem; opacity:0; transition:opacity .3s; }
body.dimag-hub .portfolio-item:hover .overlay { opacity:1; }
body.dimag-hub .portfolio-item .overlay h4 { font-size:.9rem; font-weight:700; color:#fff; }
body.dimag-hub .portfolio-item .overlay p { font-size:.75rem; color:#E2E8F0; }
body.dimag-hub .portfolio-item .placeholder-img { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:600; color:var(--text-muted); background:linear-gradient(135deg,var(--bg-section-alt) 0%,var(--blue-tint) 100%); }

/* MARQUEE (updated v3.11 to match homepage widget aesthetic:
   full color, larger logos, white card background per logo,
   smoother spacing. Hover no longer needed since always-on-color.) */
body.dimag-hub .marquee-section { overflow:hidden; padding:3rem 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); background:var(--bg-primary); }
body.dimag-hub .marquee-track { display:flex; gap:2rem; animation:dimag-hub-marquee 40s linear infinite; width:max-content; align-items:center; }
body.dimag-hub .marquee-track img { height:70px; width:auto; max-width:180px; object-fit:contain; opacity:1; filter:none; background:#fff; border:1px solid var(--border); border-radius:14px; padding:12px 20px; box-shadow:var(--shadow-card); transition:transform .3s, box-shadow .3s; }
body.dimag-hub .marquee-track img:hover { transform:translateY(-3px); box-shadow:var(--shadow-card-hover); }
body.dimag-hub .marquee-track.marquee-reverse { animation-direction:reverse; margin-top:1.25rem; }
@keyframes dimag-hub-marquee { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }
@media (max-width:768px) {
  body.dimag-hub .marquee-track img { height:52px; max-width:140px; padding:8px 14px; }
  body.dimag-hub .marquee-track { gap:1.25rem; }
}

/* CASE STUDIES */
body.dimag-hub .cases-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }
body.dimag-hub .case-card { border-radius:20px; overflow:hidden; background:var(--bg-card); border:1px solid var(--border); box-shadow:var(--shadow-card); transition:box-shadow .3s,transform .3s; }
body.dimag-hub .case-card:hover { box-shadow:var(--shadow-card-hover); transform:translateY(-3px); }
body.dimag-hub .case-header { padding:2rem 2rem 1rem; border-bottom:1px solid var(--border); }
body.dimag-hub .case-client { font-size:.78rem; text-transform:uppercase; letter-spacing:.1em; color:var(--magenta); font-weight:700; margin-bottom:.5rem; }
body.dimag-hub .case-title { font-size:1.15rem; font-weight:800; margin-bottom:.75rem; color:var(--text-heading); }
body.dimag-hub .case-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; margin-top:1rem; }
body.dimag-hub .case-metric .val { font-family:var(--font-h); font-size:1.2rem; font-weight:800; background:var(--gradient-stat); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
body.dimag-hub .case-metric .met-label { font-size:.7rem; color:var(--text-muted); }
body.dimag-hub .case-body { padding:1.5rem 2rem; }
body.dimag-hub .case-body h5 { font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; color:var(--text-muted); margin-bottom:.5rem; font-weight:700; }
body.dimag-hub .case-body p { font-size:.85rem; color:var(--text-body); line-height:1.6; margin-bottom:1rem; }

/* DARK CONTRAST */
body.dimag-hub .section-dark { background:linear-gradient(180deg,var(--bg-dark) 0%,var(--bg-dark-alt) 100%); }
body.dimag-hub .section-dark .section-title { color:#fff; }
body.dimag-hub .section-dark .section-subtitle { color:#94A3B8; }
body.dimag-hub .section-dark .card { background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.1); box-shadow:none; }
body.dimag-hub .section-dark .card:hover { background:rgba(255,255,255,.08); border-color:rgba(237,30,129,.4); box-shadow:0 10px 40px rgba(0,0,0,.25); }

/* TESTIMONIALS */
body.dimag-hub .testimonials-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; margin-top:2.5rem; }
body.dimag-hub .testimonial-card { padding:2rem; }
body.dimag-hub .testimonial-card .stars { color:var(--star); font-size:.9rem; margin-bottom:.75rem; }
body.dimag-hub .testimonial-card blockquote { font-size:.92rem; color:#CBD5E1; line-height:1.7; font-style:italic; margin-bottom:1.25rem; }
body.dimag-hub .testimonial-card .author { display:flex; align-items:center; gap:.75rem; }
body.dimag-hub .testimonial-card .avatar { width:40px; height:40px; border-radius:50%; background:var(--gradient-primary); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:.85rem; color:#fff; font-family:var(--font-h); }
body.dimag-hub .testimonial-card .author-info .name { font-size:.85rem; font-weight:700; color:#fff; }
body.dimag-hub .testimonial-card .author-info .role { font-size:.75rem; color:#94A3B8; }

/* WHY DIMAG */
body.dimag-hub .why-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; margin-top:2.5rem; }
body.dimag-hub .why-card { text-align:center; padding:2.5rem 1.5rem; }
body.dimag-hub .why-icon { width:56px; height:56px; margin:0 auto 1rem; border-radius:14px; background:var(--magenta-tint); display:flex; align-items:center; justify-content:center; }
body.dimag-hub .why-icon svg { width:26px; height:26px; fill:var(--magenta); }
body.dimag-hub .why-card h4 { font-size:1rem; font-weight:700; margin-bottom:.5rem; color:var(--text-heading); }
body.dimag-hub .why-card p { font-size:.85rem; color:var(--text-muted); line-height:1.6; }

/* PARTNERS */
body.dimag-hub .partners-row { display:flex; align-items:center; justify-content:center; gap:3rem; flex-wrap:wrap; margin-top:2rem; }
body.dimag-hub .partners-row img { height:30px; opacity:.45; filter:grayscale(1); transition:opacity .3s,filter .3s; }
body.dimag-hub .partners-row img:hover { opacity:1; filter:none; }

/* LOCAL DUBAI */
body.dimag-hub .local-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; margin-top:2.5rem; }
body.dimag-hub .local-content h3 { font-size:1.3rem; font-weight:800; margin-bottom:1rem; color:var(--text-heading); }
body.dimag-hub .local-content p { font-size:.92rem; color:var(--text-body); line-height:1.7; margin-bottom:1.25rem; }
body.dimag-hub .local-checklist { list-style:none; margin-top:1.5rem; }
body.dimag-hub .local-checklist li { position:relative; padding:.6rem 0 .6rem 1.8rem; font-size:.9rem; color:var(--text-heading); font-weight:600; }
body.dimag-hub .local-checklist li::before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:10px; height:10px; border-radius:50%; background:var(--green); }
body.dimag-hub .map-wrap { border-radius:16px; overflow:hidden; border:1px solid var(--border); aspect-ratio:4/3; box-shadow:var(--shadow-card); }
body.dimag-hub .map-wrap iframe { width:100%; height:100%; border:none; filter:grayscale(.25) contrast(1.02); }

/* FAQ */
body.dimag-hub .faq-list { max-width:800px; margin:2.5rem auto 0; }
body.dimag-hub .faq-item { border-bottom:1px solid var(--border); }
body.dimag-hub .faq-question { width:100%; background:none; border:none; padding:1.25rem 2.5rem 1.25rem 0; text-align:left; color:var(--text-heading); font-family:var(--font-h); font-size:1rem; font-weight:700; cursor:pointer; position:relative; display:block; line-height:1.4; }
body.dimag-hub .faq-question::after { content:''; position:absolute; right:0; top:50%; width:12px; height:12px; border-right:2px solid var(--magenta); border-bottom:2px solid var(--magenta); transform:translateY(-70%) rotate(45deg); transition:transform .3s; }
body.dimag-hub .faq-item.open .faq-question::after, body.dimag-hub .faq-item.active .faq-question::after { transform:translateY(-30%) rotate(-135deg); }
body.dimag-hub .faq-answer { max-height:0; overflow:hidden; transition:max-height .4s ease; }
body.dimag-hub .faq-item.active .faq-answer, body.dimag-hub .faq-item.open .faq-answer { max-height:800px; }
body.dimag-hub .faq-answer-inner { padding:0 0 1.25rem; font-size:.9rem; color:var(--text-muted); line-height:1.7; }

/* FINAL CTA */
body.dimag-hub .final-cta { position:relative; overflow:hidden; }
body.dimag-hub .final-cta::before { content:''; position:absolute; top:50%; left:50%; width:600px; height:600px; background:radial-gradient(circle,var(--magenta-tint) 0%,transparent 70%); transform:translate(-50%,-50%); pointer-events:none; }
body.dimag-hub .final-grid { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:start; position:relative; z-index:1; }
body.dimag-hub .audit-perks { margin-top:2rem; }
body.dimag-hub .audit-perk { display:flex; align-items:flex-start; gap:.75rem; margin-bottom:1.25rem; }
body.dimag-hub .audit-perk .perk-icon { width:36px; height:36px; min-width:36px; border-radius:10px; background:var(--magenta-tint); display:flex; align-items:center; justify-content:center; }
body.dimag-hub .audit-perk .perk-icon svg { width:18px; height:18px; fill:var(--magenta); }
body.dimag-hub .audit-perk h4 { font-size:.9rem; font-weight:700; margin-bottom:.15rem; color:var(--text-heading); }
body.dimag-hub .audit-perk p { font-size:.8rem; color:var(--text-muted); }

/* CITY LINKS */
body.dimag-hub .city-links { background:var(--bg-section-alt); padding:1.5rem 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
body.dimag-hub .city-row { display:flex; align-items:center; justify-content:center; gap:1.5rem; flex-wrap:wrap; font-size:.88rem; font-weight:600; }
body.dimag-hub .city-row a { color:var(--text-muted); transition:color .2s; }
body.dimag-hub .city-row a:hover, body.dimag-hub .city-row a.active { color:var(--magenta); }

/* FOOTER */
body.dimag-hub footer { background:var(--bg-dark-alt); border-top:1px solid rgba(255,255,255,.08); padding:4rem 0 2rem; }
body.dimag-hub .footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:2rem; }
body.dimag-hub .footer-brand p { font-size:.85rem; color:#94A3B8; line-height:1.6; margin-top:.75rem; }
body.dimag-hub .footer-col h4 { font-size:.85rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:#fff; margin-bottom:1rem; }
body.dimag-hub .footer-col ul { list-style:none; }
body.dimag-hub .footer-col ul li { margin-bottom:.6rem; }
body.dimag-hub .footer-col ul li a { font-size:.85rem; color:#94A3B8; transition:color .2s; }
body.dimag-hub .footer-col ul li a:hover { color:var(--light-blue); }
body.dimag-hub .footer-contact p { font-size:.85rem; color:#94A3B8; margin-bottom:.5rem; display:flex; align-items:center; gap:.5rem; }
body.dimag-hub .footer-contact p svg { width:16px; height:16px; fill:var(--magenta); flex-shrink:0; }
body.dimag-hub .footer-bottom { margin-top:3rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,.08); text-align:center; font-size:.78rem; color:#64748B; }

/* WHATSAPP + STICKY */
body.dimag-hub .wa-float { position:fixed; bottom:1.5rem; right:1.5rem; z-index:999; width:56px; height:56px; border-radius:50%; background:#25d366; display:flex; align-items:center; justify-content:center; box-shadow:0 4px 20px rgba(37,211,102,.35); transition:transform .2s; cursor:pointer; }
body.dimag-hub .wa-float:hover { transform:scale(1.1); }
body.dimag-hub .wa-float svg { width:28px; height:28px; fill:#fff; }
body.dimag-hub .sticky-cta { display:none; position:fixed; bottom:0; left:0; right:0; z-index:998; background:var(--bg-primary); border-top:1px solid var(--border); padding:.75rem 1rem; text-align:center; box-shadow:0 -4px 20px rgba(0,0,0,.06); }
body.dimag-hub .sticky-cta .btn-primary { width:100%; font-size:.9rem; padding:.75rem 1.5rem; border-radius:200px; }

/* RESPONSIVE */
@media (max-width:1024px) {
  body.dimag-hub .hero-grid { grid-template-columns:1fr; gap:2rem; }
  body.dimag-hub .hero-grid .form-card { max-width:480px; }
  body.dimag-hub .tiers-grid { grid-template-columns:1fr; }
  body.dimag-hub .tiers-grid .tier-card { max-width:480px; margin:0 auto; width:100%; }
  body.dimag-hub .cases-grid { grid-template-columns:1fr; }
  body.dimag-hub .local-grid { grid-template-columns:1fr; }
  body.dimag-hub .final-grid { grid-template-columns:1fr; }
  body.dimag-hub .final-grid .form-card { max-width:520px; }
  body.dimag-hub .roi-grid { grid-template-columns:1fr; }
  body.dimag-hub .why-grid { grid-template-columns:repeat(2,1fr); }
  body.dimag-hub .footer-grid { grid-template-columns:repeat(2,1fr); gap:2rem; }
}
@media (max-width:768px) {
  body.dimag-hub .results-grid { grid-template-columns:repeat(2,1fr); gap:1.25rem; }
  body.dimag-hub .pain-grid { grid-template-columns:1fr; }
  body.dimag-hub .testimonials-grid { grid-template-columns:1fr; }
  body.dimag-hub .portfolio-grid { grid-template-columns:repeat(2,1fr); }
  body.dimag-hub .services-grid { grid-template-columns:repeat(2,1fr); }
  body.dimag-hub .why-grid { grid-template-columns:1fr; }
  body.dimag-hub .partners-row { gap:1.5rem; }
  body.dimag-hub .sticky-cta { display:block; }
  body.dimag-hub .wa-float { bottom:5rem; }
  body.dimag-hub { padding-bottom:4rem; }
  body.dimag-hub .section-pad { padding:3.5rem 0; }
  body.dimag-hub .footer-grid { grid-template-columns:1fr; }
}
/* ===== v3.14: Correct header layout targeting Neha's actual DOM =====
   Header structure on hub pages (from live DOM inspection):
     <header class="site-header">
       <div class="container"> (flex)
         <a class="header-logo">logo</a>
         <nav class="site-nav">Services | Case Studies | About | Contact</nav>
         <a class="btn-primary">Get Free Audit</a>
       </div>
     </header>
   v3.13 targeted Astra HFB classes that do not exist in this DOM.
   v3.14 targets the actual .site-nav and .site-header .container
   elements. Layout rule: container is flex row with space-between,
   nav gets margin-left:auto to push it plus the CTA to the right. */
body.dimag-hub .site-header .container {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:2rem;
  flex-wrap:wrap;
}
body.dimag-hub .site-nav {
  display:flex;
  align-items:center;
  gap:1.75rem;
  margin-left:auto;
}
body.dimag-hub .site-nav a {
  color:var(--text-heading);
  font-family:var(--font-h);
  font-weight:600;
  font-size:.95rem;
  text-decoration:none;
  transition:color .2s;
}
body.dimag-hub .site-nav a:hover { color:var(--magenta); }
body.dimag-hub .site-header .btn-primary {
  width:auto;
  padding:12px 28px;
  font-size:.95rem;
  margin-left:1.5rem;
}
@media (max-width:768px) {
  body.dimag-hub .site-nav { gap:1rem; margin-left:0; order:3; width:100%; justify-content:center; flex-wrap:wrap; }
  body.dimag-hub .site-header .btn-primary { margin-left:auto; }
}

@media (max-width:480px) {
  body.dimag-hub .portfolio-grid { grid-template-columns:1fr; }
  body.dimag-hub .services-grid { grid-template-columns:1fr; }
  body.dimag-hub .results-grid { grid-template-columns:1fr; }
}