/* Industrial electrical landing page theme. Shared layout is provided by indoor-electrical-service.css. */
.industrial-page {
  --ie-navy: #092844;
  --ie-navy-deep: #051a2d;
  --ie-blue: #0066b3;
  --ie-sky: #51b7ec;
  --ie-green: #64b92f;
  --ie-lime: #a2d943;
  --ie-cream: #f5f6f2;
  --ie-cloud: #edf3f6;
  --ie-ink: #11283b;
  --ie-muted: #637381;
  --ie-line: rgba(9, 40, 68, .14);
}

.industrial-hero { background: radial-gradient(circle at 83% 25%, rgba(0,102,179,.45), transparent 29%), radial-gradient(circle at 10% 105%, rgba(100,185,47,.15), transparent 23%), linear-gradient(135deg, #031423 0%, #082b49 58%, #064f83 100%); }
.industrial-hero::after { position: absolute; inset: 0; opacity: .12; background: repeating-linear-gradient(120deg, transparent 0 85px, rgba(255,255,255,.14) 86px, transparent 87px 170px); content: ""; mask-image: linear-gradient(to left,#000,transparent 70%); }
.industrial-hero .container,
.industrial-hero .indoor-scroll-cue { z-index: 2; }
.industrial-hero .indoor-photo-placeholder-dark { border-radius: 4px; background: linear-gradient(145deg, rgba(2,18,32,.9), rgba(16,79,123,.56)); }
.industrial-hero .indoor-hero-visual::before { border-color: rgba(162,217,67,.5); }
.industrial-scan { position: absolute; z-index: 1; top: 0; bottom: 0; left: 58%; width: 1px; background: linear-gradient(transparent,rgba(162,217,67,.75),transparent); box-shadow: 0 0 24px rgba(162,217,67,.5); animation: industrialScan 6s ease-in-out infinite; }
.industrial-page .indoor-section-no::before,
.industrial-page .indoor-eyebrow i { background: var(--ie-lime); }

.industrial-problems { background: #f3f5f2; }
.industrial-problems .indoor-problem-card { border-radius: 0; }
.industrial-assessment .indoor-photo-placeholder { border-radius: 4px 4px 70px 4px; background: linear-gradient(145deg,#dfe8ec,#f8faf9); }
.industrial-services { background: #051c30; }
.industrial-services .indoor-service-featured { background: linear-gradient(135deg,rgba(0,102,179,.55),rgba(0,102,179,.12)); }

.industrial-types { background: #fff; }
.industrial-type-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--ie-line); border-left: 1px solid var(--ie-line); }
.industrial-type-grid article { position: relative; min-height: 265px; padding: 34px; overflow: hidden; border-right: 1px solid var(--ie-line); border-bottom: 1px solid var(--ie-line); transition: color .35s ease, background .35s ease, transform .35s ease; }
.industrial-type-grid article::after { position: absolute; right: -25px; bottom: -35px; color: var(--ie-ink); font-size: 8rem; font-weight: 900; line-height: 1; opacity: .025; content: attr(data-no); }
.industrial-type-grid article:hover { z-index: 1; color: #fff; background: var(--ie-blue); transform: translateY(-6px); }
.industrial-type-grid b { color: var(--ie-green); font-size: .7rem; }
.industrial-type-grid h3 { margin: 60px 0 12px; color: inherit; font-size: 1.2rem; }
.industrial-type-grid p { margin: 0; color: var(--ie-muted); font-size: .88rem; line-height: 1.75; }
.industrial-type-grid article:hover p,
.industrial-type-grid article:hover b { color: rgba(255,255,255,.75); }

.industrial-portfolio { background: #f5f6f2; }
.industrial-portfolio .indoor-photo-placeholder { border-radius: 2px; background: linear-gradient(145deg,#dce4e7,#f6f8f8); }
.industrial-why { background: #fff; }
.industrial-process { background: linear-gradient(135deg,#082942,#00619d); }
.industrial-process .indoor-process-list li > span { border-radius: 5px; background: #0b4b76; transform: rotate(45deg); }
.industrial-process .indoor-process-list li > span::first-letter { transform: rotate(-45deg); }
.industrial-process .indoor-process-list li:hover > span { transform: rotate(45deg) translate(-4px,4px); }
.industrial-standards { background: #e9f0f3; }

.industrial-quote { height: 30px; color: var(--ie-blue); font-family: Georgia,serif; font-size: 3.7rem; line-height: 1; }
.industrial-reviews .indoor-review-card blockquote { margin-top: 17px; }
.industrial-client-strip { display: grid; grid-template-columns: repeat(5,1fr); margin-top: 45px; border-top: 1px solid var(--ie-line); border-left: 1px solid var(--ie-line); }
.industrial-client-strip span { display: grid; min-height: 115px; padding: 18px; place-items: center; border-right: 1px solid var(--ie-line); border-bottom: 1px solid var(--ie-line); color: #81909a; font-size: .65rem; font-weight: 900; letter-spacing: .13em; background: #fafcfc; }

.industrial-offer { background: linear-gradient(135deg,#4f9f28,#72c43a); }
.industrial-faq { background: #f5f6f2; }
.industrial-final-cta { background: #041725; }
.industrial-final-cta .indoor-final-glow { background: rgba(0,91,155,.55); }

@keyframes industrialScan { 0%,100% { opacity: 0; transform: translateX(-140px); } 25%,75% { opacity: 1; } 50% { transform: translateX(260px); } }

@media (max-width:900px) {
  .industrial-type-grid { grid-template-columns: repeat(2,1fr); }
  .industrial-client-strip { grid-template-columns: repeat(3,1fr); }
  .industrial-scan { display:none; }
}

@media (max-width:680px) {
  .industrial-type-grid,
  .industrial-client-strip { grid-template-columns:1fr; }
  .industrial-type-grid article { min-height:220px; }
  .industrial-type-grid h3 { margin-top:38px; }
  .industrial-client-strip span { min-height:90px; }
  .industrial-process .indoor-process-list li > span { transform:none; }
  .industrial-process .indoor-process-list li:hover > span { transform:translateY(-4px); }
}

@media (prefers-reduced-motion:reduce) { .industrial-scan { animation:none; } }