.thermal-hero { position: relative; min-height: 720px; display: grid; align-items: end; overflow: hidden; color: #fff; background: #061a14; }
.thermal-hero-image, .thermal-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.thermal-hero-image { object-fit: cover; object-position: center; }
.thermal-hero-shade { background: linear-gradient(90deg, rgba(3,20,15,.97) 0%, rgba(3,20,15,.82) 38%, rgba(3,20,15,.12) 73%), linear-gradient(0deg, rgba(3,20,15,.56), transparent 50%); }
.thermal-hero-content { position: relative; z-index: 2; padding-block: 108px 82px; }
.thermal-hero-content h1 { max-width: 900px; font-size: clamp(3rem, 6vw, 6rem); }
.thermal-hero-content > p { max-width: 760px; color: rgba(255,255,255,.83); font-size: clamp(1.05rem, 1.55vw, 1.3rem); }
.thermal-summary { color: #fff; background: var(--green-950); }
.thermal-summary-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.thermal-summary article { padding: 28px 24px; border-left: 1px solid rgba(255,255,255,.12); }
.thermal-summary article:last-child { border-right: 1px solid rgba(255,255,255,.12); }
.thermal-summary strong, .thermal-summary span { display: block; }
.thermal-summary strong { color: var(--lime); font-size: 1.08rem; }
.thermal-summary span { margin-top: 4px; color: rgba(255,255,255,.65); font-size: .83rem; }
.impact-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.impact-grid article { padding: 29px 25px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 12px 32px rgba(7,61,45,.05); }
.impact-grid span { color: var(--green-600); font-size: .75rem; font-weight: 900; }
.impact-grid h3 { margin: 25px 0 12px; font-size: 1.24rem; }
.impact-grid p { margin: 0; color: var(--muted); font-size: .91rem; }
.degradation-section { background: var(--mist); }
.degradation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.degradation-grid article { padding: 38px; background: #fff; border: 1px solid var(--line); border-radius: 22px; }
.degradation-grid h3 { margin: 12px 0 18px; font-size: 1.8rem; }
.degradation-grid p, .degradation-grid li { color: var(--muted); }
.degradation-grid li + li { margin-top: 9px; }
.degradation-label { color: var(--green-600); font-size: .76rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.critical-note { display: grid; grid-template-columns: .42fr 1.58fr; gap: 28px; padding: 26px 30px; margin-top: 20px; color: #fff; background: var(--green-950); border-left: 5px solid var(--lime); border-radius: 14px; }
.critical-note strong { color: var(--lime); font-size: 1.1rem; }
.critical-note p { margin: 0; color: rgba(255,255,255,.7); font-size: .9rem; }
.visual-section { background: #fff; }
.visual-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 65px; align-items: center; }
.visual-grid > img { width: 100%; aspect-ratio: 3/2; object-fit: cover; border-radius: 24px; box-shadow: var(--shadow); }
.visual-grid p, .visual-grid li { color: var(--muted); }
.analysis-section { color: #fff; background: #061a14; }
.analysis-grid { display: grid; grid-template-columns: .76fr 1.24fr; gap: 65px; align-items: start; }
.analysis-grid > div:first-child > p, .analysis-grid li { color: rgba(255,255,255,.7); }
.analysis-grid ol { padding-left: 22px; }
.analysis-grid > div:first-child img { margin-top: 30px; border-radius: 18px; }
.analysis-tests { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.analysis-tests article { padding: 22px; border: 1px solid rgba(255,255,255,.13); border-radius: 14px; background: rgba(255,255,255,.04); }
.analysis-tests strong, .analysis-tests span { display: block; }
.analysis-tests strong { color: var(--lime); }
.analysis-tests span { margin-top: 6px; color: rgba(255,255,255,.65); font-size: .84rem; }
.system-section { background: #fff; }
.system-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.system-grid article { padding: 28px; border: 1px solid var(--line); border-top: 4px solid var(--green-600); border-radius: 16px; }
.system-grid span { color: var(--green-600); font-size: .74rem; font-weight: 900; }
.system-grid h3 { margin: 20px 0 11px; font-size: 1.25rem; }
.system-grid p { margin: 0; color: var(--muted); font-size: .9rem; }
.brands-section { background: var(--mist); }
.brand-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.brand-columns article { padding: 32px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.brand-columns h3 { font-size: 1.35rem; }
.brand-tags { display: flex; flex-wrap: wrap; gap: 9px; }
.brand-tags span { padding: 8px 12px; color: var(--green-900); background: var(--mist); border-radius: 999px; font-size: .82rem; font-weight: 800; }
.brand-disclaimer { max-width: 980px; margin: 22px 0 0; color: var(--muted); font-size: .78rem; }
.process-section { background: #fff; }
.service-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 36px; }
.service-links a { padding: 20px; border: 1px solid var(--line); border-radius: 14px; text-decoration: none; transition: border-color .2s, transform .2s; }
.service-links a:hover { border-color: var(--green-600); transform: translateY(-2px); }
.service-links strong, .service-links span { display: block; }
.service-links strong { color: var(--green-800); }
.service-links span { margin-top: 6px; color: var(--muted); font-size: .8rem; }
.filtration-visual { color: #fff; background: linear-gradient(145deg, var(--green-950), #07533d); }
.filtration-visual .visual-grid p, .filtration-visual .visual-grid li { color: rgba(255,255,255,.7); }
.safety-box { padding: 20px; margin-top: 24px; border: 1px solid rgba(255,255,255,.16); border-radius: 13px; background: rgba(255,255,255,.05); }
.safety-box strong { color: var(--lime); }
.safety-box p { margin: 6px 0 0; font-size: .84rem; }
.applications-section { background: var(--mist); }
.application-tags { display: flex; flex-wrap: wrap; gap: 11px; }
.application-tags span { padding: 11px 16px; color: var(--green-900); background: #fff; border: 1px solid var(--line); border-radius: 999px; font-weight: 760; }
.technical-references { padding-block: 38px; color: var(--muted); background: #f7faf8; border-top: 1px solid var(--line); }
.technical-references h2 { font-size: 1.05rem; letter-spacing: 0; }
.technical-references p { max-width: 1000px; font-size: .82rem; }
.technical-references div div { display: flex; flex-wrap: wrap; gap: 9px 18px; }
.technical-references a { color: var(--green-800); font-size: .8rem; font-weight: 800; }

@media (max-width: 980px) {
  .thermal-hero { min-height: 650px; }
  .thermal-hero-shade { background: linear-gradient(90deg, rgba(3,20,15,.95), rgba(3,20,15,.48)), linear-gradient(0deg, rgba(3,20,15,.62), transparent); }
  .impact-grid, .service-links { grid-template-columns: 1fr 1fr; }
  .visual-grid, .analysis-grid { grid-template-columns: 1fr; }
  .system-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
  .thermal-hero { min-height: 620px; }
  .thermal-hero-image { object-position: 64% center; }
  .thermal-hero-shade { background: linear-gradient(90deg, rgba(3,20,15,.96), rgba(3,20,15,.65)), linear-gradient(0deg, rgba(3,20,15,.74), transparent); }
  .thermal-hero-content { padding-block: 72px 50px; }
  .thermal-hero-content h1 { font-size: 2.65rem; }
  .thermal-summary-grid, .impact-grid, .degradation-grid, .analysis-tests, .system-grid, .brand-columns, .service-links { grid-template-columns: 1fr; }
  .thermal-summary article { border-right: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); }
  .degradation-grid article { padding: 27px 23px; }
  .critical-note { grid-template-columns: 1fr; gap: 8px; }
  .brand-columns article { padding: 24px; }
}