/* ============================================================
   INDUSTRIAL EQUIPMENT & PROCESS HEAT - CSS
   ============================================================ */

/* ------------------------------------------------------------
   COLOR TOKENS & OVERRIDES
   ------------------------------------------------------------ */
:root {
  --ind-amber: #E65100;
  --ind-amber-light: #FF9800;
  --ind-amber-glow: rgba(230, 81, 0, 0.4);
  --ind-amber-muted: rgba(230, 81, 0, 0.1);
  --ind-steel: #78909C;
  --ind-steel-dark: #263238;
  --ind-steel-light: #CFD8DC;
  
  --ind-blue: #0288D1;
  --ind-blue-light: #4FC3F7;
  --ind-blue-glow: rgba(2, 136, 209, 0.4);
  
  --ind-bg: #0A0D10;
  --ind-surface: #14181C;
  --ind-border: rgba(255, 255, 255, 0.1);
}

/* Helper text colors */
.text-amber { color: var(--ind-amber-light); }
.text-blue { color: var(--ind-blue-light); }
.mt-4 { margin-top: 1rem; }
.mt-6 { margin-top: 2rem; }

/* Section Overrides */
.section--dark { background-color: var(--ind-bg); }
.section--alt { background-color: var(--ind-surface); }

/* ------------------------------------------------------------
   HERO SECTION
   ------------------------------------------------------------ */
.ind-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 120px 0 80px;
  overflow: hidden;
  background-color: var(--ind-bg);
}

.ind-hero__bg {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 0;
  overflow: hidden;
}

.ind-hero__bg-grid {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-image: 
    linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  background-position: center;
  mask-image: radial-gradient(circle at 70% 50%, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 70%);
}

.ind-hero__thermal-field {
  position: absolute;
  top: 20%; right: -10%;
  width: 800px; height: 800px;
  background: radial-gradient(circle, var(--ind-amber-glow) 0%, transparent 60%);
  filter: blur(80px);
  opacity: 0.5;
  animation: pulseHeat 8s infinite alternate ease-in-out;
}

@keyframes pulseHeat {
  0% { transform: scale(1); opacity: 0.4; }
  100% { transform: scale(1.1); opacity: 0.6; }
}

.ind-hero__pipe-visual {
  position: absolute;
  top: 50%; right: 5%;
  transform: translateY(-50%) perspective(1000px) rotateY(-15deg);
  width: 500px; height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.ind-hero__pipe {
  position: relative;
  width: 120px;
  height: 400px;
  border-radius: 60px;
  transform-style: preserve-3d;
}

.ind-hero__pipe-core {
  position: absolute;
  left: 20px; right: 20px; top: 0; bottom: 0;
  background: linear-gradient(90deg, #ff5722 0%, #ff9800 50%, #ff5722 100%);
  border-radius: 40px;
  box-shadow: 0 0 40px var(--ind-amber);
  animation: flow 2s linear infinite;
}

@keyframes flow {
  0% { background-position: 0 0; }
  100% { background-position: 0 100px; }
}

.ind-hero__pipe-insulation {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  border: 15px solid rgba(255,255,255,0.05);
  border-radius: 60px;
  background: repeating-linear-gradient(45deg, rgba(255,255,255,0.05) 0, rgba(255,255,255,0.05) 10px, transparent 10px, transparent 20px);
  backdrop-filter: blur(5px);
}

.ind-hero__pipe-glow {
  position: absolute;
  top: -15px; bottom: -15px; left: -15px; right: -15px;
  border-radius: 70px;
  border: 2px solid var(--ind-amber);
  box-shadow: 0 0 15px var(--ind-amber-glow), inset 0 0 15px var(--ind-amber-glow);
  opacity: 0.6;
}

.ind-hero__pipe-shell {
  position: absolute;
  left: -20px; right: -20px; top: 0; bottom: 0;
  border-left: 2px solid rgba(255,255,255,0.2);
  border-right: 2px solid rgba(255,255,255,0.2);
  border-radius: 80px;
  background: linear-gradient(90deg, rgba(255,255,255,0.1) 0%, transparent 20%, transparent 80%, rgba(255,255,255,0.05) 100%);
  z-index: 2;
}

.ind-hero__layout {
  position: relative;
  z-index: 10;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.ind-hero__content { max-width: 600px; }

.ind-hero__breadcrumb {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; font-weight: 500; letter-spacing: 0.5px;
  color: var(--text-muted); margin-bottom: 24px;
}
.ind-hero__breadcrumb a { color: var(--text-muted); text-decoration: none; transition: color 0.3s ease; }
.ind-hero__breadcrumb a:hover { color: var(--color-white); }
.ind-hero__breadcrumb svg { width: 14px; height: 14px; opacity: 0.5; }

.ind-hero__badge {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 6px 12px; background: rgba(230, 81, 0, 0.1);
  border: 1px solid rgba(230, 81, 0, 0.2); border-radius: 100px;
  font-size: 13px; font-weight: 600; color: var(--ind-amber-light); letter-spacing: 0.5px;
  margin-bottom: 24px;
}
.ind-hero__badge-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--ind-amber-light);
  box-shadow: 0 0 8px var(--ind-amber-light);
}

.ind-hero__title {
  font-size: 3.5rem; font-weight: 700; line-height: 1.1;
  color: var(--color-white); margin-bottom: 20px;
}
.ind-hero__title em { font-style: normal; color: var(--ind-amber-light); }
.ind-hero__subtitle {
  font-size: 1.125rem; line-height: 1.6; color: var(--text-secondary);
  margin-bottom: 40px; max-width: 90%;
}

.ind-hero__actions { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 40px; }

.ind-hero__ui {
  background: rgba(20, 24, 28, 0.8);
  border: 1px solid var(--ind-border);
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.5);
  backdrop-filter: blur(10px);
  width: 100%; max-width: 400px;
  margin-left: auto;
}

.ind-hero__ui-header {
  font-size: 12px; text-transform: uppercase; letter-spacing: 1px;
  color: var(--text-muted); margin-bottom: 20px; font-weight: 600;
  border-bottom: 1px solid var(--ind-border); padding-bottom: 10px;
}

.ind-hero__ui-stats {
  display: flex; justify-content: space-between; margin-bottom: 20px;
}
.ind-hero__ui-stat { display: flex; flex-direction: column; gap: 4px; }
.ind-hero__ui-stat span { font-size: 11px; color: var(--text-muted); text-transform: uppercase; }
.ind-hero__ui-stat .val { font-size: 18px; font-weight: 700; color: var(--color-white); }

.ind-hero__ui-graph {
  height: 80px; width: 100%;
  border-left: 1px solid var(--ind-border);
  border-bottom: 1px solid var(--ind-border);
  position: relative;
}

.ind-hero__heat-curve {
  position: absolute;
  top: 10px; bottom: 0; left: 0; right: 0;
  background: linear-gradient(180deg, var(--ind-amber-glow) 0%, transparent 100%);
  clip-path: polygon(0 0, 30% 0%, 50% 80%, 100% 85%, 100% 100%, 0 100%);
}
.ind-hero__heat-curve::before {
  content: ''; position: absolute;
  top: -2px; left: 0; width: 100%; height: 100%;
  border-top: 2px solid var(--ind-amber);
  clip-path: polygon(0 0, 30% 0, 50% 80%, 100% 85%, 100% 100%, 0 100%);
}

.ind-hero__strip {
  display: flex;
  background: rgba(20, 24, 28, 0.6);
  border: 1px solid var(--ind-border);
  border-radius: 16px;
  padding: 24px;
  margin-top: 80px;
  backdrop-filter: blur(10px);
  position: relative; z-index: 10;
  align-items: center; justify-content: space-between;
}

.ind-hero__strip-item { flex: 1; text-align: center; }
.ind-hero__strip-value { font-size: 2rem; font-weight: 700; color: var(--ind-amber-light); margin-bottom: 4px; }
.ind-hero__strip-label { font-size: 0.875rem; color: var(--text-secondary); font-weight: 500; }
.ind-hero__strip-div { width: 1px; height: 50px; background: var(--ind-border); }


/* ------------------------------------------------------------
   STICKY NAV
   ------------------------------------------------------------ */
.ind-nav {
  position: sticky;
  top: 60px; /* Below primary header */
  background: rgba(10, 13, 16, 0.95);
  border-bottom: 1px solid var(--ind-border);
  z-index: 90;
  backdrop-filter: blur(20px);
  overflow-x: auto;
}

.ind-nav::-webkit-scrollbar { display: none; }
.ind-nav__inner {
  display: flex; align-items: center;
  max-width: 1200px; margin: 0 auto; padding: 0 24px;
  gap: 20px; height: 56px;
}
.ind-nav__link {
  font-size: 13px; font-weight: 600; color: var(--text-secondary);
  text-decoration: none; white-space: nowrap; transition: color 0.3s;
  padding: 18px 0; position: relative;
}
.ind-nav__link:hover { color: var(--color-white); }
.ind-nav__link.active { color: var(--ind-amber-light); }
.ind-nav__link.active::after {
  content: ''; position: absolute;
  bottom: 0; left: 0; right: 0; height: 2px;
  background: var(--ind-amber-light); border-radius: 2px 2px 0 0;
}


/* ------------------------------------------------------------
   CHALLENGES GRID
   ------------------------------------------------------------ */
.ind-challenges__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px; margin-top: 40px;
}
.ind-challenge {
  background: var(--ind-bg);
  border: 1px solid var(--ind-border);
  border-radius: 16px; padding: 32px 24px;
  transition: transform 0.3s, box-shadow 0.3s;
}
.ind-challenge:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
  border-color: rgba(255,152,0,0.3);
}
.ind-challenge__icon {
  width: 50px; height: 50px; border-radius: 12px;
  background: var(--ind-steel-dark);
  display: flex; align-items: center; justify-content: center;
  color: var(--ind-amber-light); margin-bottom: 24px;
}
.ind-challenge__icon svg { width: 24px; height: 24px; }
.ind-challenge h4 { font-size: 1.25rem; font-weight: 600; margin-bottom: 12px; color: var(--color-white); }
.ind-challenge p { font-size: 0.9375rem; color: var(--text-secondary); line-height: 1.6; }


/* ------------------------------------------------------------
   SPLIT LAYOUT & THERMAL PERFORMANCE
   ------------------------------------------------------------ */
.ind-split {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 60px; align-items: center;
}
.ind-split--reverse .ind-split__content { order: 2; }
.ind-split--reverse .ind-split__visual { order: 1; }

.ind-split__list { margin-top: 24px; list-style: none; padding: 0; }
.ind-split__list li {
  position: relative; padding-left: 24px; margin-bottom: 16px;
  font-size: 1rem; color: var(--text-secondary); line-height: 1.6;
}
.ind-split__list li::before {
  content: ''; position: absolute; left: 0; top: 10px;
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--ind-amber-light);
}
.ind-split__list strong { color: var(--color-white); font-weight: 600; }

.ind-heat-panel {
  background: var(--ind-surface); border: 1px solid var(--ind-border);
  border-radius: 16px; overflow: hidden;
}
.ind-heat-panel__header {
  padding: 16px 24px; background: rgba(0,0,0,0.3);
  border-bottom: 1px solid var(--ind-border);
  font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--text-muted);
}
.ind-heat-panel__body { padding: 40px; display: flex; flex-direction: column; gap: 40px; }

.ind-heat-sys { display: grid; grid-template-columns: 100px 80px 1fr 80px; align-items: center; gap: 16px; }
.ind-heat-sys__title { font-size: 14px; font-weight: 600; color: var(--color-white); }
.ind-heat-sys__core {
  background: var(--ind-amber-dark); color: white;
  padding: 8px; border-radius: 4px; text-align: center;
  font-weight: 700; font-size: 14px;
}
.ind-heat-sys__c-insul { height: 60px; background: var(--ind-steel-dark); border-radius: 8px; position: relative; }
.ind-heat-sys__l-insul { height: 20px; background: linear-gradient(90deg, #37474F, #546E7A); border-radius: 4px; position: relative; }

.ind-heat-sys__arrows { position: absolute; left: 0; right: 0; top: 50%; display: flex; }
.ind-heat-sys__arrows::before, .ind-heat-sys__arrows::after {
  content: '→'; color: var(--ind-amber); position: absolute; font-size: 24px; font-weight: bold; transform: translateY(-50%);
}
.ind-heat-sys__arrows--large::before { left: 20%; animation: moveRight 1s infinite alternate; }
.ind-heat-sys__arrows--large::after { right: 20%; animation: moveRight 1.5s infinite alternate; }

.ind-heat-sys__arrows--small::before { left: 50%; opacity: 0.3; content: '>'; font-size: 16px;}

@keyframes moveRight { 0% { transform: translateY(-50%) translateX(0); } 100% { transform: translateY(-50%) translateX(20px); } }

.ind-heat-sys__surface { text-align: center; font-weight: 700; font-size: 14px; padding: 8px; border-radius: 4px; border: 1px solid; }
.ind-heat-sys__surface--danger { color: #F44336; border-color: rgba(244,67,54,0.3); background: rgba(244,67,54,0.1); }
.ind-heat-sys__surface--safe { color: var(--ind-blue-light); border-color: rgba(79,195,247,0.3); background: rgba(79,195,247,0.1); }


/* ------------------------------------------------------------
   THIN MATTERS COMPARISON
   ------------------------------------------------------------ */
.ind-thin-compare {
  display: flex; align-items: flex-end; justify-content: center;
  gap: 40px; margin-top: 60px; padding: 40px;
  background: var(--ind-bg); border-radius: 20px; border: 1px solid var(--ind-border);
}

.ind-thin-compare__stack { display: flex; flex-direction: column; align-items: center; width: 300px; }
.ind-thin-compare__label { margin-bottom: 20px; font-weight: 600; color: var(--color-white); font-size: 18px; }

.ind-thin-compare__layer {
  width: 100%; border-radius: 8px; display: flex; flex-direction: column;
  align-items: center; justify-content: center; border: 1px solid;
  position: relative; transition: height 0.5s ease;
}
.ind-thin-compare__stack--stone .ind-thin-compare__layer {
  background: rgba(120, 144, 156, 0.1); border-color: rgba(120, 144, 156, 0.4); border-style: dashed;
}
.ind-thin-compare__stack--levron .ind-thin-compare__layer {
  background: rgba(230, 81, 0, 0.2); border-color: var(--ind-amber); box-shadow: 0 0 20px rgba(230, 81, 0, 0.1);
}

.ind-thin-compare__thickness { font-weight: 700; font-size: 16px; color: var(--color-white); margin-bottom: 8px; }
.ind-thin-compare__note { font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; }

.ind-thin-compare__vs {
  font-size: 14px; font-weight: 600; text-transform: uppercase; color: var(--ind-amber-light);
  margin-bottom: 20px; border-bottom: 1px solid; padding-bottom: 4px;
}

.ind-value-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;
}
.ind-value-card { padding: 24px; border-left: 2px solid var(--ind-amber-light); background: rgba(255,255,255,0.02); }
.ind-value-card h5 { font-size: 18px; margin-bottom: 12px; }
.ind-value-card p { font-size: 14px; color: var(--text-secondary); line-height: 1.5; }


/* ------------------------------------------------------------
   APPLICATIONS
   ------------------------------------------------------------ */
.ind-apps-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; margin-top: 40px; }
.ind-app {
  background: var(--ind-surface); border: 1px solid var(--ind-border);
  border-radius: 16px; overflow: hidden; padding-bottom: 24px;
}
.ind-app__img {
  height: 200px; background-size: cover; background-position: center;
  position: relative; margin-bottom: 24px;
  background-color: var(--ind-steel-dark);
}
.ind-app__overlay {
  position: absolute; bottom: -20px; right: 24px;
  width: 50px; height: 50px; background: var(--ind-amber);
  border-radius: 12px; display: flex; align-items: center; justify-content: center;
  border: 4px solid var(--ind-surface);
}
.ind-app__overlay svg { width: 24px; height: 24px; color: white; }
.ind-app h4 { padding: 0 24px; font-size: 1.5rem; margin-bottom: 12px; }
.ind-app p { padding: 0 24px; color: var(--text-secondary); font-size: 1rem; line-height: 1.6; }

/* Abstract CSS backgrounds for applications */
.ind-app__img--pipe {
  background-image: repeating-linear-gradient(90deg, #1A2025, #1A2025 40px, #21282D 40px, #21282D 80px);
}
.ind-app__img--vessel {
  background-image: radial-gradient(circle at center, #263238 0%, #14181C 80%);
}
.ind-app__img--furnace {
  background-image: linear-gradient(0deg, rgba(230,81,0,0.3) 0%, #14181C 70%);
}
.ind-app__img--cryo {
  background-image: linear-gradient(135deg, rgba(2,136,209,0.2) 0%, #14181C 100%);
}


/* ------------------------------------------------------------
   FIRE & MOISTURE RESILIENCE
   ------------------------------------------------------------ */
.ind-resilience-box {
  background: var(--ind-bg); border: 1px solid var(--ind-border);
  border-radius: 16px; padding: 40px; display: flex; flex-direction: column; gap: 16px;
}
.ind-rb-layer {
  padding: 24px; border-radius: 8px; font-weight: 600; text-align: center;
  position: relative; text-transform: uppercase; letter-spacing: 1px; font-size: 13px;
}
.ind-rb-layer--vapor { background: rgba(79,195,247,0.1); border: 1px dashed var(--ind-blue-light); color: var(--ind-blue-light); }
.ind-rb-layer--vapor::before {
  content: ''; position: absolute; top: -15px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid var(--ind-blue-light);
}

.ind-rb-layer--aerogel { background: rgba(255,255,255,0.05); border: 1px solid var(--color-white); color: var(--color-white); }
.ind-rb-layer--heat { background: rgba(244,67,54,0.1); border: 1px dashed #F44336; color: #F44336; }
.ind-rb-layer--heat::after {
  content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #F44336;
}


/* ------------------------------------------------------------
   LIFECYCLE VALUE
   ------------------------------------------------------------ */
.ind-lifecycle-diagram {
  display: flex; justify-content: space-between; align-items: flex-start;
  margin-top: 60px; position: relative;
}
.ind-lc-step {
  flex: 1; text-align: center; position: relative; z-index: 2;
  padding: 0 20px;
}
.ind-lc-step__icon {
  width: 80px; height: 80px; border-radius: 50%;
  background: var(--ind-surface); border: 2px solid var(--ind-amber);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 24px; box-shadow: 0 0 20px rgba(230,81,0,0.2);
  color: var(--ind-amber-light);
}
.ind-lc-step__icon svg { width: 32px; height: 32px; }
.ind-lc-step__head { font-size: 1.25rem; font-weight: 700; color: var(--color-white); margin-bottom: 16px; }
.ind-lc-step__text { font-size: 0.9375rem; color: var(--text-secondary); line-height: 1.6; }
.ind-lc-connector {
  flex: 0 0 60px; height: 2px;
  background: repeating-linear-gradient(90deg, var(--ind-amber) 0, var(--ind-amber) 5px, transparent 5px, transparent 10px);
  margin-top: 40px;
}


/* ------------------------------------------------------------
   PRODUCT FIT
   ------------------------------------------------------------ */
.ind-fit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px; }
.ind-fit-card {
  background: var(--ind-bg); border: 1px solid var(--ind-border);
  border-radius: 16px; padding: 32px; transition: border-color 0.3s;
}
.ind-fit-card:hover { border-color: var(--ind-amber); }
.ind-fit-card h4 { font-size: 1.25rem; margin-bottom: 16px; }
.ind-fit-card p { font-size: 0.9375rem; color: var(--text-secondary); line-height: 1.6; margin-bottom: 24px; }


/* ------------------------------------------------------------
   TABLE COMPARISONS
   ------------------------------------------------------------ */
.ind-table-wrapper {
  background: var(--ind-surface); border: 1px solid var(--ind-border);
  border-radius: 16px; overflow-x: auto; margin-top: 40px;
}
.ind-table { width: 100%; border-collapse: collapse; text-align: left; }
.ind-table th, .ind-table td { padding: 24px; border-bottom: 1px solid var(--ind-border); font-size: 0.9375rem; }
.ind-table th { font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 1px; font-size: 12px; }
.ind-table td { color: var(--text-secondary); }
.ind-table th.highlight, .ind-table td.highlight { background: rgba(230,81,0,0.05); color: var(--ind-amber-light); }
.ind-table tbody tr:last-child td { border-bottom: none; }


/* ------------------------------------------------------------
   SCIENCE INFOGRAPHIC
   ------------------------------------------------------------ */
.ind-science-infographic {
  display: flex; flex-direction: column; gap: 16px;
}
.ind-si-box {
  background: var(--ind-bg); border: 1px solid var(--ind-border);
  border-radius: 12px; padding: 24px; border-left: 4px solid var(--ind-blue-light);
  display: flex; flex-direction: column; gap: 8px;
}
.ind-si-box:nth-child(2) { border-left-color: #F44336; }
.ind-si-box:nth-child(3) { border-left-color: var(--ind-amber-light); }
.ind-si-micro { font-size: 12px; color: var(--text-muted); text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
.ind-si-macro { font-size: 16px; color: var(--color-white); font-weight: 600; }


/* ------------------------------------------------------------
   WHY LEVRON
   ------------------------------------------------------------ */
.ind-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 40px; }
.ind-why-item {
  background: var(--ind-surface); border-radius: 16px; padding: 40px;
  position: relative; overflow: hidden;
}
.ind-why-item .num {
  font-size: 120px; font-weight: 900; color: rgba(255,255,255,0.03);
  position: absolute; top: -30px; right: -20px; line-height: 1; pointer-events: none;
}
.ind-why-item h4 { font-size: 1.5rem; margin-bottom: 16px; position: relative; z-index: 2; }
.ind-why-item p { color: var(--text-secondary); line-height: 1.6; position: relative; z-index: 2; }


/* ------------------------------------------------------------
   COLLABORATION
   ------------------------------------------------------------ */
.ind-collab-flow { display: flex; flex-direction: column; gap: 24px; max-width: 600px; margin: 40px auto 0; }
.ind-collab-step {
  display: flex; align-items: flex-start; gap: 24px; background: var(--ind-bg);
  padding: 24px; border-radius: 12px; border: 1px solid var(--ind-border);
}
.ind-collab-icon {
  width: 40px; height: 40px; border-radius: 50%; background: var(--ind-amber);
  color: white; display: flex; align-items: center; justify-content: center;
  font-weight: 700; flex-shrink: 0;
}
.ind-collab-step h4 { margin-top: 8px; margin-bottom: 8px; font-size: 1.125rem; }
.ind-collab-step p { color: var(--text-secondary); font-size: 0.9375rem; margin: 0; }


/* ------------------------------------------------------------
   RESOURCES
   ------------------------------------------------------------ */
.ind-resource-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 40px; }
.ind-resource-card {
  background: var(--ind-surface); border: 1px solid var(--ind-border);
  border-radius: 16px; padding: 32px; text-decoration: none; display: flex; flex-direction: column; align-items: flex-start;
  transition: transform 0.3s, border-color 0.3s;
}
.ind-resource-card:hover { transform: translateY(-5px); border-color: rgba(255,255,255,0.3); }
.ind-resource-card h5 { color: var(--color-white); font-size: 1.25rem; margin-bottom: 12px; }
.ind-resource-card p { color: var(--text-secondary); margin-bottom: 24px; line-height: 1.5; font-size: 0.9375rem; }
.ind-resource-card--dark { background: var(--ind-bg); border-color: var(--ind-amber-dark); }
.ind-resource-card--dark:hover { border-color: var(--ind-amber); }

/* ------------------------------------------------------------
   RESPONSIVE DESIGN
   ------------------------------------------------------------ */
@media (max-width: 1024px) {
  .ind-hero__title { font-size: 3rem; }
  .ind-challenges__grid { grid-template-columns: repeat(2, 1fr); }
  .ind-valug-grid { grid-template-columns: repeat(2, 1fr); }
  .ind-fit-grid { grid-template-columns: repeat(2, 1fr); }
  .ind-why-grid { grid-template-columns: repeat(2, 1fr); }
  .ind-resource-grid { grid-template-columns: 1fr; }
  
  .ind-lifecycle-diagram { flex-direction: column; gap: 40px; align-items: center; }
  .ind-lc-connector {
    width: 2px; height: 40px; flex: none;
    background: repeating-linear-gradient(180deg, var(--ind-amber) 0, var(--ind-amber) 5px, transparent 5px, transparent 10px);
    margin: 0;
  }
}

@media (max-width: 768px) {
  .ind-hero__layout { grid-template-columns: 1fr; text-align: center; }
  .ind-hero__actions { justify-content: center; }
  .ind-hero__ui { margin-left: auto; margin-right: auto; }
  .ind-hero__strip { flex-wrap: wrap; gap: 24px; margin-top: 40px; }
  .ind-hero__strip-div { display: none; }
  .ind-hero__strip-item { flex: 0 0 calc(50% - 12px); }
  
  .ind-split { grid-template-columns: 1fr; }
  .ind-split--reverse .ind-split__content { order: 1; }
  .ind-split--reverse .ind-split__visual { order: 2; }
  
  .ind-apps-grid { grid-template-columns: 1fr; }
  .ind-challenges__grid { grid-template-columns: 1fr; }
  .ind-value-grid { grid-template-columns: 1fr; }
  .ind-fit-grid { grid-template-columns: 1fr; }
  .ind-why-grid { grid-template-columns: 1fr; }
  
  .ind-thin-compare { flex-direction: column; align-items: center; padding: 24px; }
  .ind-thin-compare__vs { border-bottom: none; border-left: 1px solid; padding-left: 10px; margin: 20px 0; }
  
  .ind-heat-sys { grid-template-columns: 1fr; text-align: center; }
  .ind-heat-sys__c-insul, .ind-heat-sys__l-insul { display: none; }
  
  .ind-nav__inner { padding: 0 16px; }
}