.industries-hero{background:linear-gradient(135deg,var(--dark-900) 0%,#010d1a 60%,var(--dark-900) 100%);padding:10rem 0 5rem;position:relative;overflow:hidden;}
.industries-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 50%,rgba(4,160,224,.09) 0%,transparent 70%);pointer-events:none;}
.industries-hero .eyebrow{color:var(--secondary);font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1rem;}
.industries-hero h1{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;color:#fff;line-height:1.15;margin-bottom:1.2rem;}
.industries-hero p{color:var(--text-muted);font-size:1.1rem;max-width:580px;}

.sector-nav{background:var(--dark-800);border-bottom:1px solid var(--glass-border);position:sticky;top:76px;z-index:100;}
.sector-nav-inner{display:flex;gap:0;overflow-x:auto;scrollbar-width:none;}
.sector-nav-inner::-webkit-scrollbar{display:none;}
.sector-nav-link{display:flex;align-items:center;gap:.5rem;padding:.9rem 1.2rem;font-size:.82rem;font-weight:600;color:var(--text-muted);white-space:nowrap;border-bottom:2px solid transparent;transition:all .2s;text-decoration:none;}
.sector-nav-link:hover,.sector-nav-link.active{color:var(--primary);border-bottom-color:var(--primary);}
.sector-nav-link i{font-size:.9rem;}

.industry-section{padding:6rem 0;border-bottom:1px solid var(--glass-border);}
.industry-section:last-child{border-bottom:none;}
.ind-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;}
.ind-grid.reverse{direction:rtl;}
.ind-grid.reverse > *{direction:ltr;}
.ind-img{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;position:relative;}
.ind-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.ind-img:hover img{transform:scale(1.05);}
.ind-sector-badge{position:absolute;top:1rem;left:1rem;padding:.35rem .9rem;border-radius:2rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.ind-tag{display:inline-flex;align-items:center;gap:.5rem;border-radius:2rem;padding:.3rem .9rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem;}
.ind-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--text-primary);margin-bottom:1rem;line-height:1.25;}
.ind-desc{color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-bottom:1.5rem;}
.ind-brands{margin-top:1.5rem;}
.ind-brands-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:.8rem;}
.ind-brand-tags{display:flex;flex-wrap:wrap;gap:.5rem;}
.ind-brand-tag{padding:.3rem .9rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:2rem;font-size:.8rem;color:var(--text-secondary);font-weight:500;}
.ind-stats{display:flex;gap:2rem;margin:1.5rem 0;}
.ind-stat strong{display:block;font-size:1.5rem;font-weight:800;color:var(--text-primary);}
.ind-stat span{font-size:.8rem;color:var(--text-muted);}
.ind-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.88rem;font-weight:700;color:var(--primary);margin-top:1rem;text-decoration:none;transition:gap .2s;}
.ind-cta:hover{gap:.9rem;}

@media(max-width:900px){
  .ind-grid,.ind-grid.reverse{grid-template-columns:1fr;direction:ltr;}
}
/* ── Sector colour variants - badge & tag ── */
.ind-badge-mobility    { background: rgba(227,30,37,.9);  color: #fff; }
.ind-tag-mobility      { background: rgba(227,30,37,.12); color: #e31e25; }
.ind-badge-realestate  { background: rgba(79,70,229,.9);  color: #fff; }
.ind-tag-realestate    { background: rgba(79,70,229,.12); color: #4f46e5; }
.ind-badge-energy      { background: rgba(217,119,6,.9);  color: #fff; }
.ind-tag-energy        { background: rgba(217,119,6,.12); color: #d97706; }
.ind-badge-hospitality { background: rgba(2,132,199,.9);  color: #fff; }
.ind-tag-hospitality   { background: rgba(2,132,199,.12); color: #0284c7; }
.ind-badge-food        { background: rgba(5,150,105,.9);  color: #fff; }
.ind-tag-food          { background: rgba(5,150,105,.12); color: #059669; }
.ind-badge-events      { background: rgba(124,58,237,.9); color: #fff; }
.ind-tag-events        { background: rgba(124,58,237,.12);color: #7c3aed; }
.ind-badge-education   { background: rgba(13,148,136,.9); color: #fff; }
.ind-tag-education     { background: rgba(13,148,136,.12);color: #0d9488; }
.ind-badge-engineering { background: rgba(234,88,12,.9);  color: #fff; }
.ind-tag-engineering   { background: rgba(234,88,12,.12); color: #ea580c; }
.ind-badge-business    { background: rgba(71,85,105,.9);  color: #fff; }
.ind-tag-business      { background: rgba(71,85,105,.12); color: #475569; }

/* ── Light theme overrides ── */
html.theme-light .industries-hero { background: linear-gradient(135deg,#f0f4f8 0%,#e2e8f0 100%); }
html.theme-light .industries-hero h1 { color: var(--dark-900); }
html.theme-light .sector-nav { background: #fff; border-bottom-color: #e2e8f0; }
html.theme-light .sector-nav-link { color: var(--text-mid); }
html.theme-light .industry-section { border-color: #e8edf3; }
html.theme-light .ind-title { color: var(--dark-900); }
html.theme-light .ind-desc { color: var(--text-mid); }
html.theme-light .ind-brands-label { color: var(--text-light); }
html.theme-light .ind-stat strong { color: var(--dark-900); }
html.theme-light .ind-stat span { color: var(--text-light); }
html.theme-light .ind-brand-tag { background: #f5f7fa; border-color: #dde3ec; color: var(--text-mid); }
html.theme-light .background-for-section {
  background: #f5f0e8 !important;
  position: relative;
  overflow: hidden;
}
html.theme-light .background-for-section::before {
  content: '';
  position: absolute;
  inset: -60%;
  background-image: url('../images/sam-kite-outline.svg');
  background-repeat: repeat;
  background-size: 260px auto;
  opacity: 0.22;
  transform: rotate(-12deg);
  pointer-events: none;
  z-index: 0;
}
html.theme-light .background-for-section > .container {
  position: relative;
  z-index: 1;
}

/* ── Dark theme overrides ── */
html:not(.theme-light) .background-for-section { background: var(--dark-800) !important; }
html:not(.theme-light) .industry-section { border-bottom-color: rgba(255,255,255,.06); }
html:not(.theme-light) .sector-nav { background: var(--dark-800) !important; border-bottom-color: rgba(255,255,255,.08) !important; }
html:not(.theme-light) .ind-brand-tag {
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.1) !important;
}