
  .ind-band, .ind-band * { box-sizing:border-box; }  /* the references assume a global border-box reset the page does not have */
  .ind-band { padding:104px 48px; border-bottom:1px solid #e7e4f0; }
  .ind-head { display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:44px; flex-wrap:wrap; }
  .ind-stats { display:flex; align-items:center; }
  .ind-stat { display:flex; align-items:center; gap:12px; padding:0 26px; border-left:1px solid #e7e4f0; }
  .ind-stat:first-child { border-left:none; padding-left:0; }
  .ind-stat:last-child { padding-right:0; }
  .ind-stat i { width:44px; height:44px; border-radius:12px; background:#f5ecfd; color:#a34ef0; display:flex; align-items:center; justify-content:center; flex:none; }
  .ind-stat i svg { width:20px; height:20px; }
  .ind-stat b { display:block; font:700 15px 'Sora',sans-serif; color:#1d1b33; }
  .ind-stat small { display:block; font-size:12.5px; color:#8f8ba6; margin-top:2px; }

  .ind-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; }
  .ind-card { position:relative; display:grid; grid-template-columns:1fr 246px; grid-template-areas:"title title" "text visual"; column-gap:44px; align-items:center;
    border:1px solid #e7e4f0; border-radius:18px; padding:30px 28px 30px 34px; overflow:hidden; transition:border-color .2s ease; }
  .ind-text { grid-area:text; }
  .ind-card:hover { border-color:#a34ef0; }
  .ind-purple { --c:#a34ef0; --f:#f5ecfd; } .ind-cyan { --c:#0a95dc; --f:rgba(51,189,252,.12); } .ind-green { --c:#16a34a; --f:#e9f7ef; } .ind-amber { --c:#d97706; --f:#fdf3e3; }
  .ind-card { background:linear-gradient(135deg, var(--f) 0%, #ffffff 58%); }
  .ind-title { grid-area:title; display:flex; align-items:center; gap:16px; margin-bottom:14px; }
  .ind-title i { width:52px; height:52px; border-radius:14px; background:var(--f); color:var(--c); display:flex; align-items:center; justify-content:center; flex:none; margin-bottom:10px; }
  .ind-title i svg { width:26px; height:26px; }
  .ind-lead { font:600 20px/1.3 'Sora',sans-serif; letter-spacing:-.01em; color:#1d1b33; margin:0 0 12px; }
  .ind-regimes { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 18px; }
  .ind-regime { display:inline-flex; align-items:center; gap:8px; background:#ffffff; border:1px solid #e7e4f0; border-radius:10px; padding:8px 12px; font:600 13px 'Sora',sans-serif; color:#1d1b33; }
  .ind-regime::before { content:""; width:8px; height:8px; border-radius:50%; background:#d97706; flex:none; }
  .ind-regime:hover { border-color:#a34ef0; color:#a34ef0; }
  .ind-visual { grid-area:visual; position:relative; height:200px; }
  .ind-tile { position:absolute; right:0; top:0; height:200px; border-radius:16px; overflow:hidden; box-shadow:0 18px 40px rgba(33,25,64,.12); }
  .ind-tile img { display:block; width:100%; height:100%; object-fit:cover; }
  .ind-panel { position:absolute; right:0; top:0; width:243px; height:200px; border-radius:16px; overflow:hidden;
    background:linear-gradient(160deg, #fdf3e3 0%, #ffffff 55%, rgba(163,78,240,.10) 100%); border:1px solid #e7e4f0; }
  .ind-panel svg { position:absolute; right:-18px; bottom:-22px; width:150px; height:150px; color:#d97706; opacity:.14; }
  .ind-chips { position:absolute; top:50%; transform:translateY(-50%); width:200px; min-height:140px; background:#ffffff; border:1px solid #e7e4f0; border-radius:14px;
    padding:14px 14px; box-shadow:0 14px 34px rgba(33,25,64,.12); display:flex; flex-direction:column; justify-content:center; gap:10px; z-index:1; }
  .ind-chip { display:flex; align-items:center; gap:10px; font:500 13px 'Sora',sans-serif; color:#1d1b33; }
  .ind-chip i { width:28px; height:28px; border-radius:8px; background:var(--f); color:var(--c); display:flex; align-items:center; justify-content:center; flex:none; }
  .ind-chip i svg { width:14px; height:14px; }
  @media (max-width:1000px) {
    .ind-stats { display:none; }
    .ind-grid { grid-template-columns:1fr; }
    .ind-card { grid-template-columns:1fr; grid-template-areas:"title" "text" "visual"; padding:28px 22px; }
    .ind-visual { height:auto; display:flex; align-items:center; gap:14px; }
    .ind-tile, .ind-panel { display:none; }  /* a 120px tile would show the chips baked into the raster */
    .ind-chips { position:static; transform:none; width:auto; min-height:0; flex:1; box-shadow:none; }
  }
