/* Coloured section band (owner request 18 Oct 2026). Used on insulation "How it works" and about "What we believe".
   Markup: <section class="colour-band ..."> with .band-eyebrow, .band-card, .band-note inside. */
.colour-band{ position:relative; overflow:hidden; border-top:1px solid rgba(110,231,183,.25); border-bottom:1px solid rgba(110,231,183,.25);
  background:
    radial-gradient(42rem 26rem at 0% 0%, rgba(16,185,129,.38), transparent 70%),
    radial-gradient(38rem 24rem at 100% 100%, rgba(56,189,248,.22), transparent 70%),
    linear-gradient(135deg, #04281e 0%, #063b34 50%, #0a2b3d 100%); }
.colour-band::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.35;
  background-image:radial-gradient(rgba(255,255,255,.08) 1px, transparent 1px); background-size:22px 22px; }
.colour-band > *{ position:relative; }
.colour-band .section-header{ color:#fff; }
.colour-band .band-eyebrow{ color:#6ee7b7; }
.band-card{ background:rgba(2,16,12,.45); border:1px solid rgba(110,231,183,.22); backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px); transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease; }
.band-card:hover{ transform:translateY(-4px); border-color:rgba(110,231,183,.5); box-shadow:0 20px 40px -20px rgba(0,0,0,.6); }
.band-card h3{ color:#fff; }
.band-card p{ color:#d1fae5; }
.colour-band .band-note{ color:#a7f3d0; }
.colour-band .band-lead{ color:#d1fae5; }
.band-card .band-title{ color:#fff; }
:root.light .colour-band{ border-color:#a7f3d0;
  background:
    radial-gradient(42rem 26rem at 0% 0%, rgba(16,185,129,.22), transparent 70%),
    radial-gradient(38rem 24rem at 100% 100%, rgba(56,189,248,.16), transparent 70%),
    linear-gradient(135deg, #e3f8ee 0%, #dcf5f0 50%, #e2f2fb 100%); }
:root.light .colour-band::before{ background-image:radial-gradient(rgba(4,120,87,.10) 1px, transparent 1px); }
:root.light .colour-band .section-header, :root.light .band-card h3{ color:#0f2e25; }
:root.light .colour-band .band-eyebrow{ color:#047857; }
:root.light .band-card{ background:rgba(255,255,255,.75); border-color:#bbf7d0; }
:root.light .band-card p{ color:#3f4b47; }
:root.light .colour-band .band-note{ color:#3f6b5c; }
:root.light .colour-band .band-lead{ color:#3f4b47; }
:root.light .band-card .band-title{ color:#0f2e25; }
@media (prefers-reduced-motion: reduce){ .band-card, .band-card:hover{ transition:none; transform:none; } }