/* ============================================================
   SERVICE DETAIL — G6a91 (Epoxy & Resin Systems). Fluid / rem.
   ============================================================ */

/* Hero */
.sd-hero{ padding-block:3.5rem; }
.sd-hero-inner{ display:flex; align-items:center; gap:4rem; }
.sd-intro{ flex:1 1 0; display:flex; flex-direction:column; gap:1.125rem; }
.sd-crumb, .sd-cat{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.11em; color:#AEB7A6; margin:0; }
.sd-cat{ letter-spacing:.13em; }
.sd-title{ font-family:var(--font-display); font-weight:800; font-size:2.875rem; letter-spacing:-.011em; line-height:1.05; color:#F6F8F3; margin:0; }
.sd-desc{ color:#AEB7A6; font-size:0.9375rem; line-height:1.55; margin:0; max-width:34rem; }
.sd-meta{ font-family:var(--font-display); font-weight:600; font-size:0.719rem; letter-spacing:.03em; color:#AEB7A6; margin:0; line-height:1.9; }
.sd-meta b{ color:#9CBE6E; }
.sd-ctas{ display:flex; gap:0.875rem; margin-top:0.25rem; flex-wrap:wrap; }
.sd-hero-img{ flex:0 0 37.5rem; height:30rem; background-size:cover; background-position:center; border-radius:0.375rem; }

/* Key stats */
.sd-stats{ border-top:1px solid #3A4238; border-bottom:1px solid #3A4238; }
.sd-stats-inner{ display:flex; align-items:center; gap:2.75rem; padding-block:2.25rem; }
.sd-stat{ flex:1 1 0; display:flex; flex-direction:column; gap:0.375rem; }
.sd-stat-v{ font-family:var(--font-display); font-weight:800; font-size:1.75rem; letter-spacing:-.01em; color:#F6F8F3; }
.sd-stat-l{ font-family:var(--font-display); font-weight:700; font-size:0.656rem; letter-spacing:.09em; color:#AEB7A6; }
.sd-stat-sep{ width:1px; height:3.25rem; background:#3A4238; flex:none; }

.sd-h2{ font-family:var(--font-display); font-weight:800; font-size:1.375rem; letter-spacing:.01em; color:#232925; margin:0 0 1.375rem; }
.sd-h2.light{ color:#F6F8F3; margin-bottom:0.875rem; }

/* System options (light) */
.sd-options{ background:#FBFAF6; }
.sd-options .wrap{ padding-block:3.5rem 3.75rem; }
.sd-options-row{ display:flex; gap:1.125rem; }
.sd-option{ flex:1 1 0; display:flex; flex-direction:column; gap:0.375rem; }
.sd-option-img{ display:block; height:17.5rem; background-size:cover; background-position:center; border-radius:0.25rem; margin-bottom:0.375rem; }
.sd-option-n{ font-family:var(--font-display); font-weight:800; font-size:1.0625rem; color:#232925; }
.sd-option-m{ font-family:var(--font-display); font-weight:600; font-size:0.719rem; letter-spacing:.03em; color:#5C6660; }
.sd-option-d{ color:#5C6660; font-size:0.813rem; line-height:1.5; }

/* Performance (dark) */
.sd-perf{ background:#272E27; }
.sd-perf-inner{ display:flex; gap:4rem; padding-block:3.5rem; align-items:flex-start; }
.sd-perf-lead{ flex:0 0 21.25rem; }
.sd-perf-p{ color:#AEB7A6; font-size:0.875rem; line-height:1.55; margin:0 0 1rem; }
.sd-perf-cert{ display:flex; align-items:center; gap:0.5rem; font-family:var(--font-display); font-weight:700; font-size:0.781rem; letter-spacing:.02em; color:#F6F8F3; margin:0; }
.sd-perf-cert svg{ width:1rem; height:1rem; flex:none; color:#9CBE6E; }
.sd-perf-grid{ flex:1 1 0; display:grid; grid-template-columns:1fr 1fr; gap:1.5rem 2.75rem; }
.sd-perf-item{ display:flex; gap:0.875rem; }
.sd-perf-ic{ color:#9CBE6E; width:2.125rem; height:2.125rem; flex:none; }
.sd-perf-h{ display:block; font-family:var(--font-display); font-weight:800; font-size:0.9375rem; color:#F6F8F3; margin-bottom:0.25rem; }
.sd-perf-d{ color:#AEB7A6; font-size:0.813rem; line-height:1.5; }

/* Technical data (light) */
.sd-tech{ background:#FBFAF6; }
.sd-tech .wrap{ padding-block:3.5rem 3rem; }
.sd-tech-hdr{ display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.sd-tech-hdr .sd-h2{ margin-bottom:0; }
.sd-tech-link{ font-family:var(--font-display); font-weight:700; font-size:0.781rem; letter-spacing:.03em; color:#232925; }
.sd-tech-link:hover{ color:var(--brand); }
.sd-tech-scroll{ overflow-x:auto; margin-top:1rem; }
.sd-tech-table{ min-width:42rem; }
.sd-tech-row{ display:grid; grid-template-columns:1fr 15.625rem 15.625rem; align-items:center; gap:1.25rem; padding-block:0.813rem; border-bottom:1px solid #E4E0D4; }
.sd-tech-head{ border-bottom:1.5px solid #232925; }
.sd-tech-head span{ font-family:var(--font-display); font-weight:700; font-size:0.688rem; letter-spacing:.09em; color:#5C6660; }
.sd-tech-row .tc0{ color:#5C6660; font-size:0.844rem; }
.sd-tech-row .tc1, .sd-tech-row .tc2{ color:#232925; font-size:0.844rem; }
.sd-tech-note{ color:#5C6660; font-size:0.719rem; font-style:italic; margin:1rem 0 0; }

/* Build-up (light) */
.sd-build{ background:#FBFAF6; }
.sd-build-inner{ display:flex; gap:4rem; padding-block:1.5rem 3.75rem; align-items:center; }
.sd-build-info{ flex:1 1 0; }
.sd-build-steps{ margin-top:0.25rem; }
.sd-build-step{ display:flex; align-items:center; gap:1.5rem; padding-block:1rem; border-bottom:1px solid #E4E0D4; }
.sd-build-step:last-child{ border-bottom:0; }
.sd-build-k{ flex:0 0 8.125rem; font-family:var(--font-display); font-weight:700; font-size:0.688rem; letter-spacing:.09em; color:#5C6660; }
.sd-build-v{ color:#232925; font-size:0.875rem; }
.sd-build-diagram{ flex:0 0 32.5rem; height:18.75rem; background-color:#fff; background-size:contain; background-position:center; background-repeat:no-repeat; border:1px solid #E4E0D4; border-radius:0.25rem; }

/* Proven on (dark) */
.sd-proven{ background:#272E27; }
.sd-proven .wrap{ padding-block:2.75rem; }
.sd-proven-t{ font-family:var(--font-display); font-weight:700; font-size:0.719rem; letter-spacing:.11em; color:#AEB7A6; margin:0 0 0.875rem; }
.sd-proven-names{ display:flex; flex-wrap:wrap; gap:2.25rem; }
.sd-proven-n{ font-family:var(--font-display); font-weight:800; font-size:1rem; color:#F6F8F3; }

/* CTA (dark) */
.sd-cta{ background:#171B17; }
.sd-cta-inner{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:1.125rem; padding-block:3.75rem; }
.sd-cta-e{ font-family:var(--font-display); font-weight:700; font-size:0.75rem; letter-spacing:.1em; color:#AEB7A6; margin:0; }
.sd-cta-h{ font-family:var(--font-display); font-weight:800; font-size:1.875rem; color:#F6F8F3; margin:0; max-width:43.75rem; }

@media (max-width:900px){
  .sd-hero-inner{ flex-direction:column; align-items:stretch; gap:2rem; }
  .sd-hero-img{ flex-basis:auto; width:100%; height:16rem; }
  .sd-title{ font-size:2.25rem; }
  .sd-stats-inner{ flex-wrap:wrap; gap:1.5rem; }
  .sd-stat{ flex:0 0 42%; }
  .sd-stat-sep{ display:none; }
  .sd-options-row{ flex-direction:column; }
  .sd-perf-inner, .sd-build-inner{ flex-direction:column; gap:2rem; }
  .sd-perf-lead{ flex-basis:auto; }
  .sd-perf-grid{ grid-template-columns:1fr; }
  .sd-build-diagram{ flex-basis:auto; width:100%; }
}