﻿
.product-page section:not(.product-hero):not(.final-cta){padding:clamp(5rem,9vw,8.5rem) 0}
.product-page .section-heading h2{max-width:15ch}
.product-page .light-copy{color:#b4b8b9;margin-bottom:.5rem}
.product-page-entry{margin:2rem 0 0;text-align:center}
.product-hero{position:relative;min-height:780px;display:flex;align-items:center;overflow:hidden}
.product-hero-image{position:absolute;inset:0;background:url("hero-industrial.webp") center/cover no-repeat}
.product-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,9,.98) 0%,rgba(7,8,9,.92) 42%,rgba(7,8,9,.34) 76%,rgba(7,8,9,.18) 100%),linear-gradient(0deg,rgba(7,8,9,.78),transparent 50%)}
.product-hero-layout{position:relative;z-index:2;padding-top:110px;padding-bottom:5rem}
.product-hero-copy{max-width:830px}
.product-hero h1{max-width:12ch;font-size:clamp(3.7rem,7.5vw,7rem)}
.product-hero-answer{max-width:48rem;margin-bottom:2rem;color:#d5d8d9;font-size:clamp(1.05rem,1.65vw,1.28rem)}
.breadcrumbs{margin-bottom:clamp(3rem,7vw,6rem);color:#aeb3b4;font-size:.7rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:0;list-style:none}
.breadcrumbs li+li:before{content:"/";margin-right:.5rem;color:#666d6f}
.breadcrumbs a{text-decoration:none}
.breadcrumbs a:hover,.breadcrumbs a:focus-visible{color:var(--yellow)}
.definition-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}
.definition-layout .section-heading{margin-bottom:0}
.definition-copy{padding-top:.3rem;color:#555b5d}
.answer-block{padding:1.3rem 1.4rem;border-left:3px solid var(--yellow);background:#fff;color:#17191a;font-size:1.08rem}
.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #bcc0c0}
.reason-card{min-height:250px;padding:1.5rem;border-right:1px solid #bcc0c0}
.reason-card:last-child{border-right:0}
.reason-card>span{color:#73797b;font-size:.67rem}
.reason-card h3{margin-top:3.5rem;font-family:var(--display);font-size:1.55rem;text-transform:uppercase}
.reason-card p{margin:0;color:#5e6466;font-size:.9rem}
.options-section{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px}
.product-figure{margin:0}
.product-figure figcaption,.data-figure figcaption{padding:.7rem 1rem;border-top:1px solid #34393b;background:#141618;color:#858b8d;font-size:.67rem}
.mapping-callout{display:grid;grid-template-columns:.35fr 1fr;gap:2rem;align-items:center;margin-top:1.25rem;padding:1.2rem 1.4rem;border:1px solid #393e40;background:#141719}
.mapping-callout strong{color:var(--yellow);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.mapping-callout p{margin:0;color:#adb2b3}
.section-intro{max-width:50rem;color:#53595b}
.application-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #c3c7c7}
.application-card{min-height:225px;padding:1.5rem;border-right:1px solid #c3c7c7;border-bottom:1px solid #c3c7c7}
.application-card:nth-child(3n){border-right:0}
.application-card:nth-last-child(-n+3){border-bottom:0}
.application-card>span{display:grid;place-items:center;width:54px;height:54px;background:var(--ink);color:var(--yellow);font:800 1rem var(--display);letter-spacing:.08em}
.application-card h3{margin:2rem 0 .7rem;font-family:var(--display);font-size:1.45rem;text-transform:uppercase}
.application-card p{margin:0;color:#606668;font-size:.9rem}
.future-topic-note{margin:1.5rem 0 0;padding:1rem 1.2rem;border-left:3px solid #9d7200;background:#e8e9e7;color:#555b5d;font-size:.83rem}
.mounting-layout,.order-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}
.mounting-copy{position:sticky;top:110px}
.mounting-copy>p:not(.eyebrow),.order-copy>p:not(.eyebrow){color:#555b5d}
.comparison-wrap{min-width:0}
.comparison-table{width:100%;border-collapse:collapse;background:#f7f7f5}
.comparison-table caption{padding:0 0 .8rem;color:#616769;text-align:left;font-size:.72rem}
.comparison-table th,.comparison-table td{padding:1rem;border:1px solid #c1c5c5;text-align:left;vertical-align:top;font-size:.83rem}
.comparison-table thead th{background:#161819;color:#fff;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.comparison-table tbody th{width:23%;color:#202324}
.comparison-wrap .fine-print{margin:.8rem 0 0;color:#656b6d;font-size:.7rem}
.variable-section{position:relative;overflow:hidden}
.variable-section:before{content:"";position:absolute;inset:auto -10% -45% 45%;height:520px;background:radial-gradient(circle,rgba(244,180,0,.12),transparent 62%);pointer-events:none}
.variable-section .data-layout{position:relative}
.variable-section .data-copy h2{max-width:15ch}
.numbered-process{padding:0;margin:2rem 0;list-style:none}
.numbered-process li,.quote-checklist li{display:grid;grid-template-columns:34px 1fr;gap:1rem;padding:.85rem 0;border-top:1px solid #373c3e}
.numbered-process li>span,.quote-checklist li>span{color:var(--yellow);font-size:.65rem;font-weight:800}
.numbered-process strong,.quote-checklist strong{font-size:.8rem;letter-spacing:.07em;text-transform:uppercase}
.numbered-process p,.quote-checklist p{margin:.15rem 0 0;color:#9fa4a6;font-size:.78rem}
.data-figure{position:relative;margin:0}
.data-figure .data-visual{position:relative}
.data-render-label{top:auto;bottom:4.1rem}
.factor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#c5c8c8;border:1px solid #c5c8c8}
.factor-card{min-height:220px;padding:1.4rem;background:#fafaf8}
.factor-card>span{display:inline-flex;padding:.32rem .48rem;background:#191b1c;color:var(--yellow);font-size:.64rem;font-weight:800;letter-spacing:.1em}
.factor-card h3{margin:2rem 0 .7rem;font-family:var(--display);font-size:1.45rem;text-transform:uppercase}
.factor-card p{margin:0;color:#606668;font-size:.88rem}
.evidence-note{display:grid;grid-template-columns:.3fr 1fr;gap:2rem;align-items:start;margin-top:1.25rem;padding:1.2rem 1.4rem;border:1px solid #c4c8c8;background:#e5e7e6}
.evidence-note strong{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.evidence-note p{margin:0;color:#565c5e;font-size:.83rem}
.order-section{color:#fff}
.order-section .order-copy>p:not(.eyebrow){color:#adb2b3}
.order-copy{position:sticky;top:110px}
.quote-checklist{display:grid;grid-template-columns:1fr 1fr;column-gap:1.5rem;padding:0;margin:0;list-style:none}
.quote-checklist li{min-height:120px}
.quote-checklist li>span{color:var(--yellow)}
.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2.5rem,7vw,7rem);align-items:start}
.faq-heading{position:sticky;top:110px}
.faq-heading>p:last-child{color:#5b6163}
.faq-list{border-top:1px solid #bec2c2}
.faq-list details{border-bottom:1px solid #bec2c2}
.faq-list summary{position:relative;padding:1.35rem 3rem 1.35rem 0;cursor:pointer;font-weight:800;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:.2rem;top:1.1rem;color:#9b7000;font:800 1.5rem var(--display)}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{max-width:48rem;margin:0;padding:0 3rem 1.35rem 0;color:#565c5e}
@media(max-width:980px){
  .product-hero{min-height:760px}
  .product-hero-shade{background:linear-gradient(90deg,rgba(7,8,9,.97),rgba(7,8,9,.72))}
  .definition-layout,.mounting-layout,.order-layout,.faq-layout{grid-template-columns:1fr}
  .reason-grid{grid-template-columns:1fr 1fr}
  .reason-card:nth-child(2){border-right:0}
  .reason-card:nth-last-child(-n+2){border-top:1px solid #bcc0c0}
  .mounting-copy,.order-copy,.faq-heading{position:static}
  .application-grid,.factor-grid{grid-template-columns:1fr 1fr}
  .application-card:nth-child(3n){border-right:1px solid #c3c7c7}
  .application-card:nth-child(2n){border-right:0}
  .application-card:nth-last-child(-n+3){border-bottom:1px solid #c3c7c7}
  .application-card:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:760px){
  .product-page section:not(.product-hero):not(.final-cta){padding:4.5rem 0}
  .product-hero{min-height:760px;padding:0}
  .product-hero-layout{padding-top:92px;padding-bottom:4rem}
  .product-hero h1{font-size:clamp(3.1rem,15.5vw,5rem)}
  .product-hero-image{background-position:62% center;opacity:.7}
  .product-hero-shade{background:linear-gradient(90deg,rgba(7,8,9,.98),rgba(7,8,9,.74)),linear-gradient(0deg,#070809,transparent 50%)}
  .breadcrumbs{margin-bottom:3rem}
  .reason-grid,.application-grid,.factor-grid,.quote-checklist{grid-template-columns:1fr}
  .reason-card,.reason-card:nth-child(2){border-right:0}
  .reason-card:nth-child(n+2){border-top:1px solid #bcc0c0}
  .application-card,.application-card:nth-child(3n),.application-card:nth-child(2n){border-right:0}
  .application-card:nth-last-child(-n+2){border-bottom:1px solid #c3c7c7}
  .application-card:last-child{border-bottom:0}
  .mapping-callout,.evidence-note{grid-template-columns:1fr;gap:.5rem}
  .comparison-wrap{overflow-x:auto}
  .comparison-table{min-width:650px}
  .product-figure figcaption{font-size:.62rem}
  .data-render-label{bottom:5.1rem}
  .faq-list details p{padding-right:0}
}
.product-detail-link{margin-top:.65rem}

.product-page .reveal{opacity:1;transform:none;transition:none}
@media(max-width:760px){.product-hero h1{font-size:clamp(3rem,13.5vw,4.25rem)}}
