/* ── Hero industry tabs (Option 1) ── */
      .ind-hero-tabs {
        display: flex; flex-wrap: wrap; gap: 8px;
        justify-content: center; margin-top: 28px;
      }
      .ind-hero-tab {
        display: inline-flex; align-items: center; gap: 7px;
        padding: 7px 18px;
        background: rgba(255,255,255,0.07);
        border: 1px solid rgba(255,255,255,0.18);
        border-radius: 100px; cursor: pointer;
        font-family: var(--font); font-size: 12.5px; font-weight: 600;
        color: rgba(255,255,255,0.90); text-decoration: none;
        backdrop-filter: blur(8px);
        transition: all .22s ease;
      }
      .ind-hero-tab i { font-size: 11px; color: #60c4f0; }
      .ind-hero-tab:hover, .ind-hero-tab:focus-visible {
        background: rgba(96,196,240,0.18);
        border-color: rgba(96,196,240,0.45);
        color: #fff; transform: translateY(-1px); outline: none;
      }
      .ind-hero-tab:focus-visible { outline: 2px solid #60c4f0; outline-offset: 2px; }

      /* ── USP chips (Option 2 — static) ── */
      .ind-usp-strip {
        display: flex; flex-wrap: wrap; gap: 8px;
        justify-content: center;
        margin-top: 20px; padding-top: 18px;
        border-top: 1px solid rgba(255,255,255,0.09);
      }
      .ind-usp-chip {
        display: inline-flex; align-items: center; gap: 5px;
        padding: 5px 13px;
        background: rgba(96,196,240,0.09);
        border: 1px solid rgba(96,196,240,0.22);
        border-radius: 100px;
        font-size: 11px; font-weight: 700;
        color: #60c4f0; letter-spacing: .02em;
      }
      .ind-usp-chip i { font-size: 9px; }
      a.ind-usp-chip {
        text-decoration: none;
        background: rgba(227,76,76,0.15);
        border-color: rgba(227,76,76,0.35);
        color: #ff7070;
        transition: opacity .2s;
      }
      a.ind-usp-chip:hover { opacity: .85; }

      /* ── H3 Dual-Engine Growth Model Infographic ── */
      .ind-engine-intro {
        text-align: center; max-width: 660px; margin: 0 auto 32px;
      }
      .ind-engine-intro h3 { margin-bottom: 12px; }

      /* Hub banner — single ProspectZ source at the top */
      .engine-hub-banner {
        background: linear-gradient(135deg, #062c35 0%, var(--primary) 100%);
        border-radius: 16px;
        padding: 22px 32px;
        display: flex; align-items: center; gap: 20px;
        color: #fff;
        box-shadow: 0 6px 32px rgba(6,44,53,0.22);
      }
      .engine-hub-icon {
        width: 56px; height: 56px; border-radius: 14px; flex-shrink: 0;
        background: rgba(96,196,240,0.15);
        border: 1.5px solid rgba(96,196,240,0.30);
        display: flex; align-items: center; justify-content: center;
        font-size: 24px; color: #60c4f0;
      }
      .engine-hub-label {
        font-size: 10px; font-weight: 800;
        text-transform: uppercase; letter-spacing: .12em;
        color: #60c4f0; margin-bottom: 3px;
      }
      .engine-hub-title {
        font-size: clamp(1rem, 2vw, 1.2rem);
        font-weight: 800; color: #fff; line-height: 1.25;
      }
      .engine-hub-sub {
        font-size: 13px; color: rgba(255,255,255,0.62); margin-top: 4px;
      }

      /* Fork connector: vertical stem → horizontal bar → two drops */
      .engine-fork { height: 52px; }
      .engine-fork svg { width: 100%; height: 100%; display: block; overflow: visible; }

      /* Two independent engine cards — clean 2-col grid */
      .engine-cards-row {
        display: grid; grid-template-columns: 1fr 1fr;
        gap: 24px; align-items: stretch;
      }

      /* Shared engine card */
      .engine-card {
        border-radius: 20px; overflow: hidden;
        display: flex; flex-direction: column;
        box-shadow: 0 8px 40px rgba(6,44,53,0.12);
        transition: box-shadow .3s, transform .3s;
      }
      .engine-card:hover {
        box-shadow: 0 14px 56px rgba(6,44,53,0.20);
        transform: translateY(-3px);
      }
      .engine-card-header {
        padding: 28px 28px 20px;
        display: flex; flex-direction: column; gap: 10px;
      }
      .engine-card-badge {
        display: inline-flex; align-items: center; gap: 6px;
        padding: 4px 12px; border-radius: 100px;
        font-size: 10.5px; font-weight: 800;
        text-transform: uppercase; letter-spacing: .06em; width: fit-content;background-color: #f6f7f8;
      }
      .engine-card-icon-wrap {
        width: 52px; height: 52px; border-radius: 14px;
        display: flex; align-items: center; justify-content: center; font-size: 24px;
      }
      .engine-card-title {
        font-size: clamp(1.1rem, 2.2vw, 1.35rem);
        font-weight: 800; line-height: 1.25;
      }
      .engine-card-desc { font-size: 14px; line-height: 1.75; margin-top: 4px; }
      .engine-card-body {
        padding: 24px 28px 28px; flex: 1;
        display: flex; flex-direction: column; gap: 20px; background: #fff;
      }
      .engine-strategy-list {
        list-style: none; padding: 0; margin: 0;
        display: flex; flex-direction: column; gap: 10px;
      }
      .engine-strategy-item {
        display: flex; align-items: flex-start; gap: 10px;
        font-size: 13.5px; line-height: 1.5; color: var(--text);
      }
      .engine-strategy-icon {
        width: 26px; height: 26px; border-radius: 50%;
        display: flex; align-items: center; justify-content: center;
        font-size: 10px; flex-shrink: 0; margin-top: 1px;
      }
      .engine-card-cta {
        display: inline-flex; align-items: center; gap: 7px;
        padding: 11px 22px; border-radius: 100px;
        font-family: var(--font); font-size: 13px; font-weight: 700;
        text-decoration: none; margin-top: auto; width: fit-content;
        transition: all .22s ease;
      }
      .engine-card-cta:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }

      /* Real Estate — dark navy */
      .engine-re .engine-card-header { background: linear-gradient(135deg, #062c35 0%, #083d50 100%); }
      .engine-re .engine-card-badge  { background: rgba(96,196,240,0.18); color: #60c4f0; }
      .engine-re .engine-card-icon-wrap { background: rgba(96,196,240,0.15); color: #60c4f0; }
      .engine-re .engine-card-title  { color: #fff; }
      .engine-re .engine-card-desc   { color: rgba(255,255,255,0.78); }
      .engine-re .engine-strategy-icon { background: rgba(0,69,103,0.10); color: var(--primary); }
      .engine-re .engine-card-cta    { background: var(--primary); color: #fff; border: 1.5px solid var(--primary); }
      .engine-re .engine-card-cta:hover { background: #062c35; border-color: #062c35; }

      /* E-Commerce — green */
      .engine-ec .engine-card-header { background: linear-gradient(135deg, #005c3f 0%, #007a55 100%); }
      .finance .engine-card-badge  { background-color:#004567;color:#fff; }
      .engine-ec .engine-card-icon-wrap { background: rgba(40,200,100,0.15); color: #28c864; }
      .engine-ec .engine-card-title  { color: #fff; }
      .engine-ec .engine-card-desc   { color: rgba(255,255,255,0.78); }
      .engine-ec .engine-strategy-icon { background: rgba(0,92,63,0.10); color: #005c3f; }
      .engine-ec .engine-card-cta    { background: #005c3f; color: #fff; border: 1.5px solid #005c3f; }
            .finance .engine-card-cta    { background-color:#004567; color: #fff; border: 1.5px solid #004567; }

      .engine-ec .engine-card-cta:hover { background: #007a55; border-color: #007a55; }

      /* "Our custom-built marketing framework" strip */
      .engine-framework-strip {
        margin-top: 28px; padding: 20px 28px;
        background: linear-gradient(135deg, rgba(0,69,103,0.05) 0%, rgba(96,196,240,0.07) 100%);
        border: 1.5px dashed rgba(0,69,103,0.18);
        border-radius: 14px; text-align: center;
      }
      .engine-framework-strip p {
        font-size: 15px; font-weight: 600; color: var(--primary); margin: 0;
        display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap;
      }

      /* Mobile */
      @media (max-width: 820px) {
        .engine-cards-row { grid-template-columns: 1fr; gap: 20px; }
        .engine-fork      { display: none; }
      }
      @media (max-width: 480px) {
        .engine-card-header { padding: 22px 20px 16px; }
        .engine-card-body   { padding: 20px 20px 22px; }
        .engine-hub-banner  { flex-direction: column; text-align: center; padding: 20px; }
        .ind-hero-tabs { gap: 7px; }
        .ind-hero-tab  { font-size: 11.5px; padding: 6px 14px; }
      }

      /* ── nav-ind-link ── */
      .nav-ind-link { color: inherit; text-decoration: none; }
      .nav-ind-link:hover { color: inherit; }

       .sr-only {
        position: absolute; width: 1px; height: 1px;
        padding: 0; margin: -1px; overflow: hidden;
        clip: rect(0,0,0,0); white-space: nowrap; border-width: 0;
      }

      /* ── Sitemap card grid ── */
      .smap-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 24px;
        margin-top: 40px;
      }
      @media (max-width: 640px) { .smap-grid { grid-template-columns: 1fr; } }

      /* ── Link list inside svc-card ── */
      .smap-list {
        list-style: none; padding: 0; margin: 0;
        display: flex; flex-direction: column; gap: 2px;
      }
      .smap-list li a {
        display: flex; align-items: flex-start; gap: 10px;
        padding: 9px 10px; border-radius: 8px;
        text-decoration: none; color: inherit;
        transition: background 0.18s;
      }
      .smap-list li a:hover { background: var(--light-primary); }
      .smap-list li a i {
        font-size: 10px; color: var(--primary);
        margin-top: 5px; flex-shrink: 0;
        transition: transform 0.18s;
      }
      .smap-list li a:hover i { transform: translateX(3px); }
      .smap-link-label {
        display: block;
        font-size: 13.5px; font-weight: 600;
        color: var(--dark-navy);
        line-height: 1.35;
        transition: color 0.18s;
      }
      .smap-list li a:hover .smap-link-label { color: var(--primary); }
      .smap-link-desc {
        display: block;
        font-size: 12px; color: var(--text-muted);
        line-height: 1.45; margin-top: 1px;
      }

      /* ── Card head divider ── */
      .smap-card-head {
        display: flex; align-items: center; gap: 12px;
        margin-bottom: 18px; padding-bottom: 14px;
        border-bottom: 1px solid var(--gray-200);
      }
      .smap-card-title {
        font-size: 15px; font-weight: 700;
        color: var(--dark-navy);
      }

      /* ── Hero heading accent ── */
      .smap-hero-accent { color: #60c4f0; }

      .dual-engine-growth{
    padding:80px 20px;
    background:#f5f7fa;
}

.dual-engine-growth .container{
    margin:auto;
}

.section-header{
    text-align:center;
    margin-bottom:60px;
}

.section-header h3{
    margin-bottom:15px;
    line-height:1.5;
}

.section-header p{
    font-size:24px;
    color:#60708f;
}

.growth-layout{
    display:grid;
    grid-template-columns:1fr 320px 1fr;
    gap:30px;
    align-items:center;
}

/* Cards */

.engine-card{
    background:#fff;
    border-radius:24px;
    padding:30px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.real-estate{
    border-top:5px solid #004567;
}

.ecommerce{
    border-top:5px solid #0096c7;
}

.engine-card h3{
    font-size:34px;
    margin-bottom:30px;
    font-weight:700;
}

.real-estate h3{
    color:#004567;
}

.ecommerce h3{
    color:#0096c7;
}

.engine-list{
    list-style:none;
    margin:0;
    padding:0;
}

.engine-list li{
    display:flex;
    align-items:center;
    gap:15px;
    padding:18px 0;
    border-bottom:1px solid #e5e8ef;
    font-size:20px;
}

.engine-list li:last-child{
    border-bottom:none;
}

.engine-list li i{
    width:28px;
    text-align:center;
    font-size:20px;
}

.real-estate .engine-list li i{
    color:#004567;
}

.ecommerce .engine-list li i{
    color:#0096c7;
}

/* Center Section */

.center-section{
    text-align:center;
}

.center-circle{
    width:140px;
    height:140px;
    margin:0 auto 30px;
    border-radius:50%;
    background:linear-gradient(135deg,#ff5b0c,#0096c7);
    display:flex;
    align-items:center;
    justify-content:center;
}

.center-circle i{
    color:#fff;
    font-size:55px;
}

.growth-system{
    background:#07173b;
    border-radius:22px;
    padding:30px;
}

.growth-system h4{
    color:#fff;
    font-size:28px;
    margin-bottom:30px;
}

.system-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.system-item{
    color:#fff;
}

.system-item i{
    font-size:28px;
    margin-bottom:10px;
    display:block;
}

.system-item span{
    font-size:18px;
}

/* Result */

.result-box{
    margin-top:25px;
    background:#f5f7fa;
    border-radius:14px;
    padding:18px;
    text-align:center;
    font-size:24px;
    font-weight:600;
}

.result-box i{
    margin-right:10px;
}

/* Bottom Text */

.bottom-heading{
    text-align:center;
    margin-top:60px;
    font-size:52px;
    font-weight:700;
    color:#0c1431;
    line-height:1.2;
}

/* Responsive */

@media(max-width:1200px){

    .growth-layout{
        grid-template-columns:1fr;
        gap:40px;
    }

    .center-section{
        order:2;
    }

    .section-header h2{
        font-size:48px;
    }

    .engine-card h3{
        font-size:28px;
    }

    .bottom-heading{
        font-size:40px;
    }
}

@media(max-width:767px){

    .section-header h2{
        font-size:36px;
    }

    .section-header p{
        font-size:18px;
    }

    .engine-list li{
        font-size:16px;
    }

    .bottom-heading{
        font-size:28px;
    }

    .growth-system h4{
        font-size:22px;
    }
}


/*GEO Page infographic css*/
:root{
  --navy:#101936;
  --blue:#1f6fb8;
  --cyan:#28c5c7;
  --purple:#7a57bd;
  --orange:#f07c2f;
  --cream:#fffaf0;
  --white:#ffffff;
  --soft:#eaf8ff;
  --text:#17223b;
}
.geo-section{
  background:;
  overflow:hidden;
}
.geo-wrap{
  max-width:1320px;
  margin:auto;
  position:relative;
  border:2px solid rgba(255,255,255,.78);
  border-radius:26px;
  padding:44px 36px 38px;
  box-shadow:0 24px 65px rgba(13,54,98,.24), inset 0 0 0 1px rgba(255,255,255,.55);
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.9) 0 2px, transparent 3px),
    radial-gradient(circle at 82% 32%, rgba(255,190,120,.9) 0 3px, transparent 4px),
    linear-gradient(135deg,#80d7dc 0%,#cdeffc 48%,#7eb3dc 100%);
}
.geo-wrap:before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:20px;
  pointer-events:none;
}
.geo-title{text-align:center;position:relative;z-index:3;margin-bottom:30px}
.geo-title h2{
  font-size:clamp(32px,4.4vw,58px);
  line-height:1;
  color:#fff;
  font-weight:900;
  letter-spacing:.5px;
  text-shadow:0 4px 12px rgba(14,50,82,.3);
}
.geo-title p{
  max-width:940px;
  margin:14px auto 0;
  color:#0e2341;
  font-size:18px;
  line-height:1.55;
  font-weight:600;
}
.process-line{
  position:absolute;
  left:8%;right:8%;top:258px;height:3px;
  background:linear-gradient(90deg,transparent,#fff,#fff,#ffd7b4,transparent);
  z-index:0;
}
.process-line:after{
  content:"";
  position:absolute;right:-5px;top:-8px;
  width:18px;height:18px;
  border-top:3px solid #ffd7b4;border-right:3px solid #ffd7b4;
  transform:rotate(45deg);
}
.geo-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
  align-items:stretch;
}
.phase-card{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.9);
  border:2px solid rgba(255,255,255,.8);
  box-shadow:0 18px 36px rgba(17,48,86,.22);
  transition:.35s ease;
}
.phase-card:hover{transform:translateY(-10px);box-shadow:0 28px 48px rgba(17,48,86,.3)}
.phase-head{
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px 20px;
  color:#fff;
  font-weight:900;
  font-size:20px;
  text-align:center;
  text-transform:uppercase;
  line-height:1.12;
}
.phase-card:nth-child(1) .phase-head{background:linear-gradient(135deg,#163d73,#1d6db7)}
.phase-card:nth-child(2) .phase-head{background:linear-gradient(135deg,#159da4,#30c6c7)}
.phase-card:nth-child(3) .phase-head{background:linear-gradient(135deg,#6543a4,#9168d2)}
.phase-card:nth-child(4) .phase-head{background:linear-gradient(135deg,#f06d21,#f89a42)}
.phase-number{
  position:absolute;left:50%;transform:translateX(-50%);
  width:44px;height:44px;border-radius:50%;
  background:#fff;color:#123;display:grid;place-items:center;
  font-weight:900;border:4px solid currentColor;z-index:4;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.phase-card:nth-child(1) .phase-number{color:#1d6db7}
.phase-card:nth-child(2) .phase-number{color:#20aeb4}
.phase-card:nth-child(3) .phase-number{color:#7b58bd}
.phase-card:nth-child(4) .phase-number{color:#f07c2f}
.visual-box{
  height:168px;
  display:flex;align-items:center;justify-content:center;
  position:relative;
}
.visual-box:before,.visual-box:after{
  content:"";position:absolute;border-radius:50%;opacity:.45;
  animation:float 5s infinite ease-in-out;
}
.visual-box:before{width:14px;height:14px;background:#30c6c7;left:34px;top:28px}
.visual-box:after{width:10px;height:10px;background:#f89a42;right:38px;bottom:30px;animation-delay:1.2s}
.main-icon{
  width:84px;height:84px;border-radius:50px;
  display:grid;place-items:center;color:#fff;font-size:52px;
  box-shadow:0 16px 32px rgba(18,52,88,.22);
  position:relative;
}
.phase-card:nth-child(1) .main-icon{background:linear-gradient(135deg,#173b70,#2687d8)}
.phase-card:nth-child(2) .main-icon{background:linear-gradient(135deg,#17a0a7,#3bd3d1)}
.phase-card:nth-child(3) .main-icon{background:linear-gradient(135deg,#6a48a9,#9b73dc)}
.phase-card:nth-child(4) .main-icon{background:linear-gradient(135deg,#ef762b,#ffad5b)}
.main-icon:after{
  content:"";position:absolute;inset:-14px;border-radius:50%;border:3px dashed #004567;
  animation:spin 13s linear infinite;
}
.phase-body{padding:20px 22px 24px;text-align:center}
.phase-body h3{
  font-size:22px;
  line-height:1.5;
  font-weight:600;
  margin-bottom:14px;
}
.phase-card:nth-child(1) h3{color:#153f76}
.phase-card:nth-child(2) h3{color:#159da4}
.phase-card:nth-child(3) h3{color:#6848a7}
.phase-card:nth-child(4) h3{color:#e66c24}
.phase-body p{font-size:14.8px;line-height:1.52;font-weight:650;color:#14213a}
.mini-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.mini-tags span{
  padding:7px 10px;border-radius:999px;background:#f5fbff;border:1px solid rgba(35,90,140,.18);
  font-size:12px;font-weight:800;color:#20304f;
}
.arrow-node{
  position:absolute;right:-24px;top:48%;z-index:10;
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:#fff;color:#2d86cf;box-shadow:0 10px 22px rgba(14,49,88,.18);
  animation:pulse 1.7s infinite;
}
.phase-card:last-child .arrow-node{display:none}
.geo-bottom{
  max-width:960px;margin:34px auto 0;
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:center;gap:20px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.9);
  border-radius:22px;
  padding:22px 28px;
  box-shadow:0 16px 34px rgba(13,54,98,.18);
  text-align:center;
}
.geo-bottom i{font-size:42px;color:#ff7434}
.geo-bottom h3{font-size:24px;color:#101936;margin-bottom:5px}
.geo-bottom p{font-size:15px;font-weight:600;color:#23324d}
.decor{
  position:absolute;z-index:1;opacity:.35;color:#fff;filter:drop-shadow(0 8px 12px rgba(0,0,0,.1));
}
.decor.d1{left:60px;top:130px;font-size:60px;animation:float 6s infinite ease-in-out}
.decor.d2{right:80px;bottom:115px;font-size:66px;animation:float 7s infinite ease-in-out reverse}
.decor.d3{left:50px;bottom:82px;font-size:42px;color:#ff8d44;opacity:.65}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media(max-width:1100px){
  .geo-grid{grid-template-columns:repeat(2,1fr)}
  .process-line,.arrow-node{display:none}
  .phase-card{min-height:430px}
}
@media(max-width:640px){
  .geo-section{padding:24px 12px}
  .geo-wrap{padding:34px 14px 22px;border-radius:20px}
  .geo-grid{grid-template-columns:1fr;gap:22px}
  .phase-card{min-height:auto}
  .geo-title h2{font-size:32px}
  .geo-title p{font-size:15px}
  .geo-bottom{flex-direction:column;padding:20px}
}
/*GEO Page infographic css till here*/