/* Final visual system: aligned to the approved homepage reference. */
:root{
  --orange:#ef5b13;
  --orange-dark:#c94308;
  --black:#080809;
  --ink:#171719;
  --graphite:#292b2e;
  --grey:#6d7276;
  --line:#dde0e2;
  --soft:#f1f2f2;
  --soft-2:#e7e9ea;
  --white:#fff;
  --max:1320px;
}
body{line-height:1.65;background:#fff}
h1,h2,h3,h4{letter-spacing:-.038em}
h1{font-size:clamp(44px,5vw,74px)}
h2{font-size:clamp(34px,3.75vw,56px)}
h3{font-size:clamp(21px,1.85vw,28px)}
.container{width:min(calc(100% - 56px),var(--max))}
.section{padding:108px 0}
.section-head,.intro-grid{gap:84px;margin-bottom:50px}
.section-head p,.intro-grid p{font-size:15px;line-height:1.8}
.eyebrow{margin-bottom:16px;font-size:11px;letter-spacing:.18em}
.eyebrow:before{width:30px}
.btn{min-height:52px;padding-inline:24px;font-size:12px}

/* Header follows the restrained approved homepage. */
.site-header{background:rgba(255,255,255,.985);box-shadow:none}
.nav-shell{min-height:88px;padding:14px 0}
.logo{width:126px}
.nav-links{gap:27px;font-size:12px}
.nav-dropdown{border-top-width:2px}

/* Remove the orange vertical hero border everywhere. */
.home-hero:after,
.inner-hero:before,
.ref-product-hero:before,
.ref-solutions-hero:before,
.ref-app-hero:before,
.ref-cases-hero:before,
.ref-dealer-hero:before,
.ref-resource-hero:before,
.ref-contact-hero:before,
.ref-about-hero:before,
.ref-model-hero:before{display:none!important}

/* Consistent hero language: broad image, dark gradient, restrained content. */
.home-hero{min-height:760px}
.home-hero:before{background:linear-gradient(90deg,rgba(7,7,8,.98) 0%,rgba(7,7,8,.91) 38%,rgba(7,7,8,.48) 67%,rgba(7,7,8,.28) 100%),linear-gradient(0deg,rgba(7,7,8,.62),transparent 58%)}
.home-hero-inner{min-height:760px;padding:100px 0 145px}
.home-copy{width:min(710px,58%)}
.home-copy h1{max-width:760px;margin-bottom:22px}
.home-copy>p{max-width:690px;font-size:clamp(16px,1.35vw,20px);line-height:1.75}
.hero-assurance{max-width:690px;gap:12px 25px;margin-top:28px;padding-top:22px}
.home-fact{min-height:104px;padding:22px 26px}
.home-fact strong{font-size:18px}

.ref-product-hero,.ref-app-hero,.ref-about-hero{min-height:620px}
.ref-product-hero-grid,.ref-solutions-hero-grid,.ref-app-hero-grid,.ref-cases-hero-grid,.ref-dealer-hero-grid,.ref-resource-hero-grid,.ref-contact-hero-grid,.ref-about-hero-grid{min-height:620px;padding:92px 0 76px;gap:76px}
.ref-product-hero:after,.ref-app-hero:after,.ref-about-hero:after{background:linear-gradient(90deg,rgba(7,7,8,.98) 0%,rgba(7,7,8,.9) 43%,rgba(7,7,8,.36) 76%,rgba(7,7,8,.28) 100%),linear-gradient(0deg,rgba(7,7,8,.65),transparent 58%)}
.ref-product-hero-copy p,.ref-solutions-copy p,.ref-app-hero-grid>div:first-child>p,.ref-cases-hero-grid>div:first-child>p,.ref-dealer-hero-grid>div:first-child>p,.ref-resource-hero-grid>div:first-child>p,.ref-contact-hero-grid>div:first-child>p,.ref-about-hero-grid>div:first-child>p{font-size:16px;line-height:1.8}
.breadcrumb{margin-bottom:25px;font-size:10px;color:#b2b6b9}
.ref-model-hero-grid{min-height:600px;padding:78px 0 42px}
.ref-model-hero-copy{padding-right:76px}
.ref-model-hero-object{background:linear-gradient(145deg,#e9ebeb,#cfd2d3)}
.ref-model-hero-object img{max-width:58%;filter:drop-shadow(0 30px 35px rgba(0,0,0,.18))}
.ref-model-kpis{max-width:1320px}

/* Lower decoration density and make cards feel related to the homepage. */
.capability-card,.ref-context-row article,.ref-neighbor-links a,.ref-sequence-track article,.ref-resource-library article,.ref-ecosystem article,.ref-next-grid article{border-top-width:2px}
.ref-contact-routes a{border-left:0;border-top:2px solid var(--orange)}
.ref-model-story-note{border-left:0;border-top:2px solid var(--orange)}
.orange-rule{border-left:0;border-top:2px solid var(--orange)}

/* New homepage architecture. */
.home-system{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1.1fr);min-height:650px;background:var(--soft)}
.home-system-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f7f7f7,#e1e4e5)}
.home-system-visual:before{content:"REA";position:absolute;left:-14px;bottom:-55px;color:rgba(0,0,0,.045);font-size:clamp(150px,17vw,250px);font-weight:800;line-height:1;letter-spacing:-.08em}
.home-system-visual img{position:relative;z-index:2;width:min(67%,460px);max-height:560px;object-fit:contain;filter:drop-shadow(0 32px 34px rgba(0,0,0,.16))}
.home-system-copy{padding:70px 68px;background:#0b0b0c;color:#fff;display:flex;flex-direction:column;justify-content:center}
.home-system-copy p{color:#aeb3b6}
.system-layers{margin-top:28px;border-top:1px solid rgba(255,255,255,.14)}
.system-layer{display:grid;grid-template-columns:48px 175px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:start}
.system-layer b{color:var(--orange);font-size:11px;letter-spacing:.1em}
.system-layer strong{font-size:14px}
.system-layer span{color:#93999c;font-size:11px;line-height:1.6}
.range-band{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border:1px solid var(--line)}
.range-band a{min-height:150px;padding:25px;border-right:1px solid var(--line);background:#fff;transition:.25s}
.range-band a:last-child{border-right:0}
.range-band a:hover{background:var(--soft)}
.range-band small{display:block;color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.range-band strong{display:block;margin:29px 0 7px;font-size:20px}
.range-band span{color:var(--grey);font-size:11px}

.home-company{display:grid;grid-template-columns:1.05fr .95fr;min-height:660px;background:#0a0a0b;color:#fff}
.home-company-media{position:relative;min-height:660px;overflow:hidden}
.home-company-media img{width:100%;height:100%;object-fit:cover}
.home-company-media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,5,6,.55),transparent 50%)}
.home-company-media span{position:absolute;z-index:2;left:28px;bottom:28px;padding:9px 12px;background:var(--orange);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.home-company-copy{padding:74px 70px;display:flex;flex-direction:column;justify-content:center}
.home-company-copy p{color:#adb2b5}
.company-proof-list{margin-top:28px;border-top:1px solid rgba(255,255,255,.14)}
.company-proof{display:grid;grid-template-columns:48px 190px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.company-proof b{color:var(--orange);font-size:11px}
.company-proof strong{font-size:13px}
.company-proof span{color:#92989b;font-size:10px;line-height:1.65}

.home-oem{padding:112px 0;background:#eceeef}
.home-oem-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:stretch}
.home-oem-visual{position:relative;min-height:650px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fafafa,#dfe2e3)}
.home-oem-visual:before{content:"PRIVATE LABEL";position:absolute;left:34px;bottom:22px;color:rgba(0,0,0,.055);font-size:clamp(54px,7vw,104px);font-weight:800;line-height:.9;letter-spacing:-.06em}
.home-oem-visual img{position:relative;z-index:2;max-width:50%;max-height:500px;filter:drop-shadow(0 30px 36px rgba(0,0,0,.17))}
.home-oem-copy{padding:70px 68px;background:#fff;border:1px solid var(--line)}
.home-oem-copy>p{font-size:15px}
.oem-principles{margin:30px 0;border-top:1px solid var(--line)}
.oem-principle{display:grid;grid-template-columns:44px 1fr;gap:17px;padding:18px 0;border-bottom:1px solid var(--line)}
.oem-principle b{color:var(--orange);font-size:11px}
.oem-principle strong{display:block;font-size:14px}
.oem-principle span{display:block;margin-top:5px;color:var(--grey);font-size:11px}

.home-partner-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.home-partner-card{min-height:260px;padding:30px;border-right:1px solid var(--line);background:#fff}
.home-partner-card:last-child{border-right:0}
.home-partner-card b{color:var(--orange);font-size:11px}
.home-partner-card h3{margin-top:55px;font-size:23px}
.home-partner-card p{font-size:11px}

/* Inner page polish while retaining distinct layouts. */
.ref-product-index a,.ref-case-index>div,.ref-dealer-console,.ref-about-fact{box-shadow:none}
.ref-product-index a{background:rgba(13,13,14,.78)}
.ref-model-grid article,.ref-dealer-modules article,.ref-resource-library article,.ref-ecosystem article{box-shadow:none}
.ref-case{box-shadow:none}
.ref-form-panel{box-shadow:none}

@media(max-width:1080px){
  .home-system,.home-company,.home-oem-grid{grid-template-columns:1fr}
  .home-system-visual,.home-company-media,.home-oem-visual{min-height:540px}
  .home-partner-grid{grid-template-columns:repeat(2,1fr)}
  .home-partner-card:nth-child(2){border-right:0}
  .home-partner-card:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media(max-width:980px){
  .container{width:min(calc(100% - 40px),var(--max))}
  .home-copy{width:min(720px,78%)}
  .ref-product-hero-grid,.ref-solutions-hero-grid,.ref-app-hero-grid,.ref-cases-hero-grid,.ref-dealer-hero-grid,.ref-resource-hero-grid,.ref-contact-hero-grid,.ref-about-hero-grid{min-height:auto;padding:82px 0 70px}
  .ref-model-hero-grid{min-height:auto}
  .ref-model-hero-copy{padding-right:0}
}
@media(max-width:700px){
  .section{padding:78px 0}
  .container{width:min(calc(100% - 30px),var(--max))}
  .home-hero{min-height:720px}
  .home-hero-inner{min-height:720px;padding:78px 0 185px}
  .home-copy{width:100%}
  .home-facts-grid{grid-template-columns:repeat(2,1fr)}
  .home-fact{min-height:82px;padding:15px 14px}
  .home-fact strong{font-size:13px}
  .home-system-copy,.home-company-copy,.home-oem-copy{padding:45px 24px}
  .home-system-visual,.home-company-media,.home-oem-visual{min-height:420px}
  .system-layer,.company-proof{grid-template-columns:38px 1fr}
  .system-layer span,.company-proof span{grid-column:2}
  .range-band,.home-partner-grid{grid-template-columns:1fr}
  .range-band a,.home-partner-card{border-right:0;border-bottom:1px solid var(--line)}
  .home-partner-card:last-child,.range-band a:last-child{border-bottom:0}
  .home-oem{padding:78px 0}
  .home-oem-visual img{max-width:62%}
}
/* OEM hero also follows the no-vertical-border rule. */
.ref-oem-hero:before{display:none!important}


/* 2026 coordinated refinement: cleaner facts strip, consistent typography and page-specific layouts. */
.home-fact:first-child{background:transparent!important}
.home-fact:first-child small{color:#9ea3a6!important}
.home-fact:last-child{border-right:0}
.home-facts{background:rgba(9,9,10,.9)}
.home-fact{transition:background .25s ease}
.home-fact:hover{background:rgba(255,255,255,.035)}

/* Keep inner-page heroes visually aligned with the reference homepage. */
.ref-product-hero-copy,.ref-solutions-copy,.ref-app-hero-grid>div:first-child,.ref-cases-hero-grid>div:first-child,.ref-dealer-hero-grid>div:first-child,.ref-resource-hero-grid>div:first-child,.ref-contact-hero-grid>div:first-child,.ref-about-hero-grid>div:first-child,.ref-oem-hero-grid>div:first-child{max-width:760px}
.ref-product-hero h1,.ref-solutions-hero h1,.ref-app-hero h1,.ref-cases-hero h1,.ref-dealer-hero h1,.ref-resource-hero h1,.ref-contact-hero h1,.ref-about-hero h1,.ref-oem-hero h1{max-width:880px}
.ref-product-hero p,.ref-solutions-hero p,.ref-app-hero p,.ref-cases-hero p,.ref-dealer-hero p,.ref-resource-hero p,.ref-contact-hero p,.ref-about-hero p,.ref-oem-hero p{max-width:690px}

/* Cleaner section rhythm: white remains dominant; soft backgrounds are used only as separators. */
.section--soft{background:#f5f5f3}
.section--dark{background:#0b0b0c}
.section--dark .section-head p{color:#aeb3b6}
.section-head h2{max-width:860px}
.section-head>p{max-width:540px}

/* Make cards feel like one industrial design system without flattening page-specific layouts. */
.ref-model-grid article,.ref-dealer-modules article,.ref-resource-library article,.ref-ecosystem article,.ref-next-grid article,.ref-context-row article,.capability-card{border:1px solid var(--line);border-top:2px solid var(--orange);background:#fff}
.ref-model-grid article:hover,.ref-dealer-modules article:hover,.ref-resource-library article:hover,.ref-ecosystem article:hover,.ref-next-grid article:hover{transform:translateY(-3px);border-color:#c9cdcf}
.ref-case{border:1px solid var(--line);background:#fff}
.ref-case-index>div{background:#101011}
.ref-contact-routes a{background:#fff;border:1px solid var(--line);border-top:2px solid var(--orange)}
.ref-contact-routes a:hover{background:#f7f7f5}
.ref-about-fact{background:rgba(10,10,11,.76);border:1px solid rgba(255,255,255,.18)}

/* Product and OEM pages: product first, customization second. */
.ref-product-index,.ref-oem-matrix,.ref-ecosystem,.ref-resource-library,.ref-dealer-modules{gap:18px}
.ref-oem-matrix article,.ref-oem-process article{background:#fff;border-color:var(--line)}
.ref-oem-matrix article h3,.ref-oem-process article h3{letter-spacing:-.025em}

/* Improve reading measure and paragraph hierarchy. */
main p{max-width:72ch}
.section p,.ref-model-story p,.ref-case p,.ref-capability-copy p{line-height:1.78}
.ref-about-story>div:last-child p+ p{margin-top:18px}

/* Desktop alignment refinements. */
@media(min-width:1081px){
  .ref-about-story{grid-template-columns:.9fr 1.1fr;gap:110px}
  .ref-capability-stage-grid{gap:0}
  .ref-capability-copy{padding:76px 72px}
  .ref-contact-layout{gap:72px}
}
@media(max-width:700px){
  .home-fact:first-child{background:transparent!important}
  .home-fact:hover{background:transparent}
  .section-head h2{max-width:none}
}

/* Elementor-friendly refinement: normal-flow media and card layouts. */
.home-company{
  min-height:0;
  grid-template-columns:1fr 1fr;
  align-items:center;
}
.home-company-media{
  min-height:0;
  margin:0;
  padding:38px;
  overflow:visible;
  background:#0a0a0b;
}
.home-company-media:after{display:none}
.home-company-media img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
.home-company-caption,
.ref-capability-caption{
  display:block;
  margin-top:14px;
  color:#93999c;
  font-size:10px;
  font-weight:600;
  line-height:1.6;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.home-oem-grid{gap:0}
.home-oem-visual{
  min-height:0;
  padding:54px 42px 42px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  overflow:visible;
}
.home-oem-visual:before{display:none}
.home-oem-visual img{
  width:auto;
  max-width:58%;
  max-height:430px;
  margin:0 auto 38px;
  object-fit:contain;
}
.home-oem-options{
  position:relative;
  z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.home-oem-options article{
  min-height:126px;
  padding:20px;
  background:#fff;
  border:1px solid var(--line);
  border-top:2px solid var(--orange);
}
.home-oem-options strong{display:block;font-size:13px}
.home-oem-options p{margin:7px 0 0;color:var(--grey);font-size:10px;line-height:1.65}

.ref-capability-stage-grid{align-items:center}
.ref-capability-image{
  min-height:0;
  margin:0;
  padding:34px;
  background:#f5f5f3;
}
.ref-capability-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.ref-capability-image span{display:none!important}
.ref-capability-caption{color:#6d7276}

.ref-oem-hero-grid{grid-template-columns:.95fr 1.05fr}
.ref-oem-visual{
  display:grid;
  grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);
  align-items:center;
  gap:18px;
}
.ref-oem-product-image{
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
  background:#daddde;
}
.ref-oem-product-image img{
  display:block;
  width:auto;
  max-width:78%;
  max-height:430px;
  object-fit:contain;
  filter:drop-shadow(0 24px 30px rgba(0,0,0,.18));
}
.ref-oem-feature-grid{display:grid;grid-template-columns:1fr;gap:10px}
.ref-oem-feature-grid>div{
  padding:20px 22px;
  background:#fff;
  border:1px solid var(--line);
  border-top:2px solid var(--orange);
}
.ref-oem-feature-grid strong{display:block;font-size:13px}
.ref-oem-feature-grid p{margin:6px 0 0;color:var(--grey);font-size:10px;line-height:1.65}

.ref-solutions-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.ref-solutions-options a{
  min-height:170px;
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
  background:#151516;
  border:1px solid rgba(255,255,255,.15);
  border-top:2px solid var(--orange);
  transition:.25s;
}
.ref-solutions-options a:hover{background:#202123;transform:translateY(-2px)}
.ref-solutions-options strong{display:block;font-size:18px}
.ref-solutions-options span{display:block;margin-top:8px;color:#aeb3b5;font-size:10px;line-height:1.65}

@media(max-width:1080px){
  .home-company{grid-template-columns:1fr}
  .home-company-media{padding:30px}
  .ref-oem-visual{grid-template-columns:1fr}
  .ref-oem-product-image{min-height:440px}
  .ref-oem-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .home-company-media,.ref-capability-image{padding:18px}
  .home-oem-visual{padding:36px 20px 24px}
  .home-oem-visual img{max-width:70%;margin-bottom:28px}
  .home-oem-options,.ref-oem-feature-grid,.ref-solutions-options{grid-template-columns:1fr}
  .home-oem-options article{min-height:0}
  .ref-oem-product-image{min-height:360px;padding:25px}
  .ref-oem-product-image img{max-width:70%;max-height:310px}
  .ref-solutions-options a{min-height:140px}
}