:root{--hf-green:#0b4b39;--hf-deep:#073c2d;--hf-cream:#f8f1e8;--hf-paper:#fffdf9;--hf-gold:#b98545;--hf-line:#e6d8c6;--hf-text:#113c31;--hf-muted:#66736e}
*{box-sizing:border-box}.home-final-page{margin:0;background:#fff;color:var(--hf-text);font-family:Arial,Helvetica,sans-serif}.home-final-page a{text-decoration:none}.hf-container{width:min(1480px,calc(100% - 56px));margin:0 auto}
.hf-header{height:82px;background:#fff;border-bottom:1px solid #eee8df;position:relative;z-index:50}.hf-header-inner{height:100%;display:flex;align-items:center;gap:34px}.hf-logo{width:320px;flex:0 0 320px;display:flex}.hf-logo img{width:100%;height:auto;display:block}.hf-nav{margin-left:auto;display:flex;align-items:center;gap:28px}.hf-nav a{font-size:14px;font-weight:650;color:#182e28;padding:31px 0 26px;border-bottom:3px solid transparent;white-space:nowrap}.hf-nav a:hover,.hf-nav a.active{color:var(--hf-green);border-color:var(--hf-green)}.hf-quote{background:var(--hf-green);color:#fff;font-size:13px;font-weight:700;padding:15px 20px;border-radius:5px;white-space:nowrap}.hf-menu{display:none;margin-left:auto;background:transparent;border:0;width:38px}.hf-menu span{display:block;height:2px;background:var(--hf-green);margin:6px 0}
.hf-hero{height:515px;background:#f6eee4 url('../images/home-final/hero-home-bg.webp') center/cover no-repeat;border-bottom:1px solid var(--hf-line)}.hf-hero-inner{height:100%;display:flex;align-items:center}.hf-hero-copy{width:44%;padding-left:2px}.hf-kicker{display:block;font-size:12px;letter-spacing:1.8px;font-weight:800;color:var(--hf-green);margin-bottom:21px}.hf-kicker.dark{font-size:11px;margin-bottom:13px}.hf-hero h1,.hf-section h2,.hf-oem h3,.hf-cta h2{font-family:Georgia,'Times New Roman',serif;color:var(--hf-deep)}.hf-hero h1{font-size:clamp(58px,3.7vw,72px);line-height:1.02;font-weight:500;margin:0 0 22px;letter-spacing:-1.9px}.hf-hero p{font-size:18px;line-height:1.65;color:#394c46;max-width:620px;margin:0 0 27px}.hf-actions,.hf-cta-actions{display:flex;gap:14px;align-items:center}.hf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 20px;border-radius:5px;font-size:13px;font-weight:700;transition:.2s}.hf-btn.primary{background:var(--hf-green);color:#fff;border:1px solid var(--hf-green)}.hf-btn.secondary{background:#fff8f0;color:var(--hf-green);border:1px solid #b8b0a5}.hf-btn.small{min-height:40px;padding:0 16px;font-size:12px}.hf-btn.light{background:#fffaf2;color:var(--hf-green);border:1px solid #fffaf2}.hf-btn.outline-light{color:#fff;border:1px solid rgba(255,255,255,.65);background:transparent}.hf-btn:hover{transform:translateY(-1px)}
.hf-benefits{background:#fbf6ee;border-bottom:1px solid var(--hf-line)}.hf-benefit-grid{height:96px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.hf-benefit{min-height:43px;display:flex;gap:16px;align-items:center;justify-content:center;border-right:1px solid var(--hf-line)}.hf-benefit:last-child{border-right:0}.hf-icon{font-size:28px;color:#9c682b;width:38px;text-align:center}.hf-benefit b,.hf-benefit small{display:block}.hf-benefit b{font-size:15px;color:#152f28;margin-bottom:5px}.hf-benefit small{font-size:12px;color:#6f726e}
.hf-section{padding:54px 0}.hf-section-title{text-align:center;margin:0 0 32px}.hf-section-title h2{font-size:clamp(30px,2vw,38px);font-weight:500;margin:0}.hf-section-title span{display:block;width:34px;height:2px;background:#c69658;margin:9px auto 0}.hf-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.hf-category-card{border:1px solid #e4d2bc;border-radius:7px;overflow:hidden;background:#fff;color:var(--hf-text);box-shadow:0 1px 0 rgba(33,45,40,.02);transition:.2s}.hf-category-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(29,50,42,.09)}.hf-category-image{aspect-ratio:8/5;height:auto;background:#f7efe5;display:flex;align-items:center;justify-content:center;overflow:hidden}.hf-category-image img{width:100%;height:100%;object-fit:cover;display:block}.hf-category-card .hf-category-image img{object-fit:cover;object-position:center}.hf-category-name{height:64px;display:flex;align-items:center;justify-content:center;padding:0 14px;text-align:center;font-family:Arial,Helvetica,sans-serif}.hf-category-name b{font-size:16px;font-weight:700}
.hf-oem{padding-top:18px}.hf-oem-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.hf-oem-card{min-height:300px;background:linear-gradient(105deg,#f5f6ef,#f7eee4);border:1px solid #e5d8c9;border-radius:9px;overflow:hidden;display:grid;grid-template-columns:54% 46%;align-items:stretch;box-shadow:0 6px 24px rgba(24,60,47,.035)}.hf-oem-copy{padding:34px 18px 30px 34px;position:relative;z-index:2}.hf-oem-copy h3{font-size:29px;font-weight:500;margin:0 0 9px}.hf-oem-types{font-size:13px;color:#2c4039;margin:0 0 28px}.hf-mini-features{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 23px;color:#27483d}.hf-mini-features span{font-size:11px;line-height:1.4}.hf-oem-image{display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.hf-oem-image img{width:100%;height:100%;object-fit:cover;display:block}
.hf-supply{padding-top:18px;padding-bottom:42px}.hf-supply-shell{background:#fbf6ef;border:1px solid #e4d7c7;border-radius:9px;display:grid;grid-template-columns:31% 69%;align-items:center;overflow:hidden;box-shadow:0 6px 26px rgba(24,60,47,.035)}.hf-supply-copy{padding:48px 42px}.hf-supply-copy h2{font-size:clamp(34px,2.35vw,45px);line-height:1.06;font-weight:500;margin:0 0 18px}.hf-supply-copy>p{font-size:14.5px;line-height:1.7;color:#4b5b55;margin:0 0 22px}.hf-supply-copy ul{list-style:none;margin:0 0 22px;padding:0}.hf-supply-copy li{position:relative;padding:0 0 11px 27px}.hf-supply-copy li:before{content:'✓';position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;background:var(--hf-green);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center}.hf-supply-copy li b,.hf-supply-copy li span{display:block}.hf-supply-copy li b{font-size:13.5px;margin-bottom:3px}.hf-supply-copy li span{font-size:11px;color:#6a746f;line-height:1.45}.hf-supply-gallery{display:grid;grid-template-columns:2.15fr 1fr;gap:10px;padding:12px;height:420px;align-self:center}.hf-supply-main,.hf-supply-stack{height:100%;min-height:0;overflow:hidden}.hf-supply-main img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px}.hf-supply-stack{display:grid;grid-template-rows:1fr 1fr;gap:9px}.hf-supply-stack img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:5px}
.hf-cta{background:var(--hf-deep);color:#fff}.hf-cta-inner{min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:36px}.hf-cta h2{color:#fff;font-size:34px;font-weight:500;margin:0 0 8px}.hf-cta p{margin:0;font-size:13px;line-height:1.55;color:#d8e4df;max-width:720px}
.hf-footer{background:#073a2c;color:#fff;padding:44px 0 0}.hf-footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.25fr;gap:60px;padding-bottom:38px}.hf-footer-brand img{width:285px;max-width:100%;display:block;margin-bottom:16px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.12))}.hf-footer-brand p{font-size:13px;line-height:1.6;color:#d4e0dc;max-width:285px}.hf-footer h4{font-size:15px;margin:4px 0 15px}.hf-footer a,.hf-footer span{display:block;color:#dce8e3;font-size:13px;line-height:1.9}.hf-footer a:hover{color:#fff}.hf-copyright{border-top:1px solid rgba(255,255,255,.18);text-align:center;padding:17px 0 20px;font-size:11px;color:#bdd0c9}

@media(min-width:1600px){
  .hf-header{height:86px}.hf-nav a{font-size:15px}.hf-quote{font-size:14px;padding:16px 22px}
  .hf-hero{height:540px}.hf-benefit-grid{height:100px}.hf-benefit{gap:18px}
  .hf-category-grid{gap:26px}.hf-category-name{height:66px}
  .hf-oem-card{min-height:315px}.hf-supply-gallery{height:430px}
}
@media(max-width:1180px){.hf-container{width:94vw;max-width:none}.hf-logo{width:235px;flex-basis:235px}.hf-nav{gap:18px}.hf-nav a{font-size:12px}.hf-hero h1{font-size:48px}.hf-category-image{height:205px}.hf-oem-card{grid-template-columns:56% 44%}.hf-footer-grid{gap:30px}}
@media(max-width:900px){.hf-header{height:72px}.hf-logo{width:205px;flex-basis:205px}.hf-menu{display:block}.hf-nav{display:none;position:absolute;top:72px;left:20px;right:20px;background:#fff;padding:15px 22px;box-shadow:0 12px 30px rgba(0,0,0,.12);flex-direction:column;align-items:stretch;gap:0}.hf-nav.open{display:flex}.hf-nav a{padding:12px 0;border-bottom:1px solid #eee}.hf-quote{display:none}.hf-hero{height:470px;background-position:63% center}.hf-hero-copy{width:55%;background:rgba(248,241,232,.76);padding:20px;border-radius:8px}.hf-hero h1{font-size:40px}.hf-benefit-grid{height:auto;grid-template-columns:1fr 1fr;padding:14px 0}.hf-benefit{padding:15px;border-bottom:1px solid var(--hf-line)}.hf-category-grid{grid-template-columns:1fr 1fr}.hf-oem-grid{grid-template-columns:1fr}.hf-supply-shell{grid-template-columns:1fr}.hf-supply-gallery{height:380px;min-height:0;width:100%}.hf-cta-inner{padding:24px 0;flex-direction:column;align-items:flex-start}.hf-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hf-container{width:calc(100% - 28px)}.hf-logo{width:190px;flex-basis:190px}.hf-hero{height:570px;background-position:67% center}.hf-hero-copy{width:100%;align-self:flex-end;margin-bottom:22px;background:rgba(250,245,238,.91)}.hf-kicker{font-size:10px}.hf-hero h1{font-size:38px}.hf-hero p{font-size:14px}.hf-actions{flex-direction:column;align-items:stretch}.hf-benefit-grid{grid-template-columns:1fr}.hf-benefit{justify-content:flex-start;border-right:0}.hf-section{padding:34px 0}.hf-section-title h2{font-size:25px}.hf-category-grid{grid-template-columns:1fr}.hf-category-image{height:235px}.hf-oem-card{grid-template-columns:1fr}.hf-oem-image{height:210px;order:-1}.hf-mini-features{grid-template-columns:1fr 1fr}.hf-supply-gallery{grid-template-columns:1fr;height:auto;min-height:unset}.hf-supply-main{height:280px;min-height:0}.hf-supply-stack{height:380px;min-height:0}.hf-cta-actions{width:100%;flex-direction:column;align-items:stretch}.hf-footer-grid{grid-template-columns:1fr}.hf-footer{padding-top:28px}}

/* V2.4 unified wide-screen rhythm */
@media(min-width:1181px){
  .hf-section-title{margin-bottom:30px}
  .hf-oem{padding-top:24px}
  .hf-supply{padding-top:24px;padding-bottom:48px}
  .hf-oem-card{min-height:310px}
}

/* =========================================================
   V2.5 FLUID WIDE DESKTOP SYSTEM
   Keep the homepage visually wide even when the browser is
   zoomed out for full-page review. 92vw controls the visible
   page proportion; the generous ceiling only protects very
   large / ultra-wide monitors.
   ========================================================= */
@media (min-width:1181px){
  .hf-container{
    width:92vw;
    max-width:2600px;
    margin-left:auto;
    margin-right:auto;
  }
  .hf-section{padding-top:64px;padding-bottom:64px}
  .hf-section-title{margin-bottom:36px}
  .hf-category-grid{gap:24px}
  .hf-category-name{height:66px}
  .hf-category-name b{font-size:17px}
  .hf-oem{padding-top:22px}
  .hf-oem-card{min-height:325px}
  .hf-supply{padding-top:22px;padding-bottom:52px}
  .hf-supply-gallery{height:450px}
}
@media (min-width:1800px){
  .hf-container{width:93vw}
  .hf-category-grid{gap:28px}
  .hf-oem-grid{gap:30px}
}

/* =========================================================
   V4.4 HOME TYPOGRAPHY OVERRIDES
   ========================================================= */
.hf-nav a{font-size:15px}.hf-quote{font-size:14px}.hf-kicker{font-size:12px}.hf-kicker.dark{font-size:12px}
.hf-btn{font-size:14px}.hf-btn.small{font-size:13px}
.hf-benefit b{font-size:16px}.hf-benefit small{font-size:13px}
.hf-category-name b{font-size:17px}
.hf-oem-types{font-size:14px}.hf-mini-features span{font-size:13px;line-height:1.5}
.hf-supply-copy>p{font-size:15.5px}.hf-supply-copy li b{font-size:14.5px}.hf-supply-copy li span{font-size:13px;line-height:1.5}
.hf-cta p{font-size:14px}.hf-footer-brand p{font-size:14px}.hf-footer a,.hf-footer span{font-size:14px}.hf-copyright{font-size:12px}
@media(max-width:760px){.hf-nav a{font-size:15px}.hf-quote{font-size:14px}.hf-hero p{font-size:15px}.hf-btn{font-size:14px}.hf-mini-features span{font-size:12.5px}}