/* MAX brand roles. The owner-approved 80' feature is the colour reference.
   Load after page styles; preserve each page's content and established layout. */
:root{
 --brand-green:#0a2e1f;
 --brand-green-action:#114232;
 --brand-green-hover:#165536;
 --brand-green-tint:#edf2e9;
 --brand-stone:#e5e2d9;
 --brand-paper:#faf9f4;
 --brand-ink:#183b2c;
 --brand-muted:#506057;
 --brand-on-green:#edf3ed;
 --color-primary:var(--brand-green);
 --color-primary-dark:var(--brand-green);
 --green-900:var(--brand-green);
 --green-800:var(--brand-green-action);
 --green-700:var(--brand-green-hover);
 --green-50:var(--brand-green-tint);
 --color-text-muted:var(--brand-muted);
 --text-xs:.75rem;
 --text-sm:.875rem;
 --font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
 --font-display:'Barlow Condensed','Inter',sans-serif;
}
body{font-family:var(--font-body)}

/* Preserve every navigation destination as the product range grows. */
@media(min-width:1024px){
 .header-inner{height:auto;min-height:80px;padding-top:8px;padding-bottom:8px;gap:16px}
 .header-inner .logo-link{flex:0 0 auto}
 .header-inner .main-nav{min-width:0;flex:1 1 auto}
 .header-inner .nav-list{min-width:0;flex-wrap:wrap;justify-content:flex-end}
 .header-inner .nav-cta{flex:0 0 auto}
}

/* One green for large solid brand surfaces. Photo/video heroes keep their media. */
body :is(.about-hero,.blog-hero,.blog-article-hero,.contact-hero,.editorial-hero,
 .guide-hero,.comparison-hero,.faq-hero,.fin-hero,.gallery-hero,.howto-hero,
 .industrial-hero,.eng-hero,.lease-hero,.legal-hero,.cq-hero,.covers-hero,
 .reviewer-hero,.std-hero,.lp-hero,.brand-band,
 .product-cta-band,.cta-section,.blog-cta,.fin-cta,.lease-cta,.quote-panel,
 .site-footer,.announcement-bar){
 background:var(--brand-green);
 color:var(--brand-on-green);
}
.brand-band{background:var(--brand-green)!important}
body :is(.about-hero,.blog-hero,.blog-article-hero,.contact-hero,.editorial-hero,
 .guide-hero,.comparison-hero,.faq-hero,.fin-hero,.gallery-hero,.howto-hero,
 .industrial-hero,.eng-hero,.lease-hero,.legal-hero,.cq-hero,.covers-hero,
 .reviewer-hero,.std-hero,.lp-hero,.brand-band) :is(h1,.section-title){color:#fff}
body :is(.about-hero,.blog-hero,.contact-hero,.editorial-hero,.guide-hero,
 .faq-hero,.fin-hero,.gallery-hero,.lease-hero,.legal-hero,.cq-hero,
 .covers-hero,.reviewer-hero) .section-subtitle{color:var(--brand-on-green)}
body :is(.about-hero,.blog-hero,.blog-article-hero,.contact-hero,.editorial-hero,
 .guide-hero,.comparison-hero,.faq-hero,.fin-hero,.gallery-hero,.howto-hero,
 .industrial-hero,.eng-hero,.lease-hero,.legal-hero,.cq-hero,.covers-hero,
 .reviewer-hero,.std-hero,.lp-hero,.brand-band) .eyebrow{color:var(--amber-400)}

/* Product detail and technical tools use the same warm neutral as the shop. */
body :is(.product-hero,.anchor-hero){background:var(--brand-stone)}
body :is(.product-hero-title,.anchor-hero-title){color:var(--brand-green)}
body :is(.product-hero-subtitle,.anchor-hero-subtitle){color:var(--brand-muted)}
body :is(.product-hero-img,.short-version,.anchor-stats){background:var(--brand-paper)}

/* Condensed headings carry the industrial identity. Body copy stays open and readable. */
body:not(.home-refined) :is(h1,h2,h3){
 font-family:var(--font-display);
 font-weight:800;
 letter-spacing:.01em;
 line-height:1.12;
}
body:not(.home-refined) h1{
 font-size:clamp(2.5rem,4.2vw,4rem);
 line-height:1.05;
 text-wrap:balance;
}
body:not(.home-refined) .product-hero-title{font-size:clamp(2.375rem,3.8vw,3.5rem)}
body:not(.home-refined) :is(.blog-article-hero,.blog-article,.howto-hero) h1{
 font-size:clamp(2.25rem,3.6vw,3.5rem);
 line-height:1.1;
}
body:not(.home-refined) :is(.section-title:not(h1),.journey-section>div>h2){
 font-size:clamp(1.875rem,2.8vw,2.75rem);
}
body:not(.home-refined) :is(.blog-article,.blog-article-body,.howto-content,.legal-content) h2{
 font-size:clamp(1.75rem,2.5vw,2.25rem);
 line-height:1.15;
}
body:not(.home-refined) :is(.blog-article,.blog-article-body,.howto-content,.legal-content) h3{
 font-size:1.5rem;
 line-height:1.2;
}
body:not(.home-refined) :is(.blog-article,.blog-article-body,.howto-content,.legal-content) :is(p,li){
 line-height:1.7;
}
body:not(.home-refined) :is(.fin-why-item,.fin-step,.lease-step) p{
 font-size:1rem;
 line-height:1.6;
}
body:not(.home-refined) :is(.fin-why-item,.fin-step,.lease-step,.std-item) h3{
 font-size:1.5rem;
 line-height:1.15;
}
.btn{font-family:var(--font-body);font-weight:700;min-height:48px;line-height:1.2}
.btn-sm{min-height:44px}
.btn-secondary{background:var(--brand-green-action);border-color:var(--brand-green-action)}
.btn-secondary:hover{background:var(--brand-green);border-color:var(--brand-green)}
body:not(.home-refined) :is(.form-label,form>label,.form-group>label){font-weight:700;font-size:.9375rem}
body:not(.home-refined) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-family:var(--font-body);font-size:1rem}
.review-title{font-family:var(--font-display)}
.review-page{background:var(--brand-paper)}
body:not(.home-refined) .model-note{font-size:.75rem;line-height:1.5}

@media(max-width:640px){
 body:not(.home-refined) :is(.section-subtitle,.anchor-hero-subtitle,.product-hero-subtitle){font-size:1.0625rem;line-height:1.5}
 body:not(.home-refined) :is(.fin-hero-ctas,.product-hero-ctas){gap:10px}
 body:not(.home-refined) .btn{white-space:normal}
}

/* Product-specific symbols share a sturdy, legible visual weight. */
body .feature-icon{background:none;border-radius:0;width:52px;height:52px;color:var(--brand-green);margin-bottom:18px}
body .feature-icon svg{width:46px;height:46px}
body .kbb-ico{width:34px;height:34px;flex:0 0 34px;color:var(--brand-green)}
body .kbb-ico svg{width:32px;height:32px}
body .delivery-pillar{background:var(--brand-paper);padding:24px 0;border-bottom:4px solid var(--amber-500,#f5a000)}
body .delivery-pillar .trust-items{display:flex;justify-content:space-between;gap:32px;align-items:center}
body .delivery-pillar a{display:flex;gap:18px;align-items:center;text-decoration:none;color:var(--brand-green)}
body .delivery-pillar a>span{display:grid;gap:4px}
body .delivery-pillar strong{font-family:var(--font-display);font-weight:800;line-height:1.05;font-size:30px;letter-spacing:.025em}
body .delivery-pillar a span span{font-family:var(--font-body);font-size:15px;line-height:1.45}
body .delivery-pillar svg{color:#ba7500;flex:0 0 42px;width:42px;height:42px}
body .delivery-pillar .warranty-benefit strong{font-size:24px}
body .delivery-pillar .warranty-benefit svg{color:var(--brand-green);width:34px;height:34px;flex-basis:34px}
body .delivery-pillar a:hover strong{text-decoration:underline;text-underline-offset:5px}
@media(max-width:700px){body .delivery-pillar .trust-items{display:grid;gap:18px;justify-content:start;text-align:left}body .delivery-pillar .warranty-benefit{padding-top:18px;border-top:1px solid #cbd4c9}body .delivery-pillar strong{font-size:28px}body .delivery-pillar .warranty-benefit strong{font-size:22px}body .delivery-pillar a{gap:14px}}