:root{
  --bg:#ffffff;
  --paper:#f3f6f9;
  --ink:#0c2a45;
  --muted:#5f7186;
  --line:#d9e1ea;
  --red:#d50b2f;
  --red-dark:#b90728;
  --blue:#0d2d4a;
  --soft-blue:#eaf0f6;
  --shadow:0 18px 50px rgba(12,42,69,.08);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html :where([id]){scroll-margin-top:88px}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.52;
  letter-spacing:0;
}
a{color:inherit}
img{max-width:100%;height:auto;display:block}

.site-header{
  position:sticky;
  top:0;
  z-index:20;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.2rem;
  min-height:72px;
  padding:.75rem clamp(1rem,4vw,8rem);
  background:rgba(255,255,255,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px);
}
.brand{
  display:flex;
  align-items:center;
  gap:.55rem;
  color:var(--ink);
  text-decoration:none;
  font-weight:800;
}
.brand img{
  width:2.75rem;
  height:2.75rem;
  display:block;
  object-fit:contain;
  flex:0 0 auto;
}
.brand small{font-size:.86rem;color:var(--ink)}
.site-header nav{display:flex;align-items:center;gap:1.45rem;flex-wrap:wrap}
.site-header nav a,.header-cta,.language-switch{
  color:#31475f;
  font-size:.86rem;
  font-weight:700;
  text-decoration:none;
}
.site-header nav a:hover{color:var(--red)}
.site-header nav a.is-active,
.site-header nav a[aria-current="page"]{color:var(--red)}
.nav-group{
  position:relative;
  display:flex;
  align-items:center;
}
.nav-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
}
.nav-link.has-children{
  gap:.35rem;
}
.nav-link.has-children:after{
  content:"";
  width:.42rem;
  height:.42rem;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.nav-submenu{
  position:absolute;
  top:100%;
  left:50%;
  z-index:40;
  display:grid;
  grid-template-columns:repeat(2,minmax(180px,1fr));
  min-width:min(560px,calc(100vw - 2rem));
  padding:.6rem;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 18px 42px rgba(12,42,69,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,8px);
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.nav-group:hover .nav-submenu,
.nav-group:focus-within .nav-submenu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate(-50%,0);
}
.nav-submenu a{
  display:block;
  padding:.62rem .72rem;
  color:var(--ink);
  font-size:.8rem;
  line-height:1.25;
}
.nav-submenu a:hover{
  background:var(--paper);
}
.nav-submenu-all{
  grid-column:1/-1;
  border-bottom:1px solid var(--line);
  font-weight:900;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:.55rem;
  flex:0 0 auto;
}
.breadcrumb-trail{
  padding:.65rem clamp(1rem,4vw,8rem) 0;
  color:#77879a;
  background:#fff;
  font-size:.78rem;
  font-weight:700;
}
.breadcrumb-trail ol{
  display:flex;
  align-items:center;
  max-width:1200px;
  margin:0 auto;
  padding:0;
  overflow-x:auto;
  white-space:nowrap;
  list-style:none;
  scrollbar-width:none;
}
.breadcrumb-trail ol::-webkit-scrollbar{
  display:none;
}
.breadcrumb-trail li{
  display:flex;
  align-items:center;
  flex:0 0 auto;
}
.breadcrumb-trail li + li::before{
  content:"/";
  margin:0 .55rem;
  color:#a8b5c3;
}
.breadcrumb-trail a{
  color:#66788d;
  text-decoration:none;
}
.breadcrumb-trail a:hover,
.breadcrumb-trail a:focus-visible{
  color:var(--ink);
}
.breadcrumb-trail span{
  color:#8b9aac;
}
.language-switch{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:36px;
  min-height:34px;
  padding:.45rem .55rem;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:0;
}
.language-switch:hover{border-color:#bdc8d4;background:var(--paper);color:var(--red)}
.language-switch-group{display:inline-flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}
.menu-toggle{
  display:none;
  width:44px;
  height:44px;
  padding:0;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  cursor:pointer;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}
.menu-toggle span{
  display:block;
  width:18px;
  height:2px;
  background:currentColor;
  transition:transform .18s ease, opacity .18s ease;
}
.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.header-cta,.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:.8rem 1.1rem;
  border:1px solid var(--red);
  border-radius:0;
  background:var(--red);
  color:#fff;
  font-weight:800;
  text-decoration:none;
  box-shadow:none;
  cursor:pointer;
}
.header-cta:hover,.btn:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn.secondary{
  background:#fff;
  color:var(--ink);
  border-color:var(--line);
}
.btn.secondary:hover{background:var(--paper);border-color:#bdc8d4}

section{padding:clamp(4rem,8vw,7rem) clamp(1rem,4vw,8rem)}
.system-page{
  max-width:760px;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(3rem,8vw,7rem) clamp(1rem,4vw,8rem);
}
.hero{padding-top:clamp(5rem,10vw,8.5rem);padding-bottom:4.5rem}
.hero-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);
  gap:clamp(2rem,7vw,7rem);
  align-items:center;
}
.hero-grid>*,
.page-hero-grid>*,
.split-feature>*,
.lead-layout>*,
.model-layout>*,
.news-article-layout>*{
  min-width:0;
}
.eyebrow{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  margin:0 0 1.1rem;
  color:#53687d;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.eyebrow:before{
  content:"";
  width:22px;
  height:1px;
  background:var(--red);
}
.hero .eyebrow:before{display:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,p,a,span,strong,dt,dd{overflow-wrap:break-word}
.hero h1,
.page-hero h1,
.section-title h2,
.product-row-body h2,
.split-feature h2,
.comparison-grid h2,
.strategy-table h2{
  overflow-wrap:break-word;
  hyphens:manual;
  text-wrap:balance;
}
.hero h1{
  max-width:760px;
  margin:0 0 1.35rem;
  color:var(--ink);
  font-size:clamp(2.3rem,4.6vw,3.9rem);
  line-height:1.04;
  font-weight:900;
}
.lead{
  max-width:720px;
  color:var(--muted);
  font-size:clamp(1rem,1.5vw,1.17rem);
}
.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.8rem}
.hero-media{margin:0}
.hero-media img{
  width:100%;
  aspect-ratio:1.08/1;
  object-fit:contain;
  background:#fff;
}
.hero-media figcaption{
  display:inline-flex;
  margin-top:-2.4rem;
  margin-left:.9rem;
  padding:.45rem .65rem;
  background:var(--ink);
  color:#fff;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
/* Produkt-Hero: rechte Spalte = Produktbild + USP-Badges, darunter Plattform-Trust-Strip */
.hero{padding-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:3rem}
.hero-side{display:flex;flex-direction:column;gap:1.1rem}
.usp-badges{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}
.usp-badges li{position:relative;padding-left:1.7rem;color:var(--ink);font-weight:700;font-size:.97rem}
.usp-badges li:before{content:"\2713";position:absolute;left:0;color:var(--red);font-weight:900}
/* Mobile-Hero "Spotlight": Desktop = AP·SP·XP-Trio rechts; Mobil = Einzel-AP auf gebrandeter Karte. */
.hero-media .hero-cap-spot{display:none}
@media (max-width:980px){
  .hero .hero-grid{display:flex;flex-direction:column}
  .hero .hero-side{display:contents}
  .hero .hero-media{order:-1;position:relative;margin:0;border-radius:18px;padding:1.5rem 1rem .4rem;background:radial-gradient(120% 80% at 72% 16%,#fff 0%,var(--soft-blue) 60%,var(--paper) 100%);box-shadow:var(--shadow);overflow:hidden}
  .hero .hero-media::before{content:"";position:absolute;top:1rem;left:1rem;width:44px;height:3px;background:var(--red);border-radius:2px;z-index:1}
  .hero .hero-media img{aspect-ratio:4/3;object-fit:contain;background:transparent}
  .hero .hero-cap-wide{display:none}
  .hero .hero-cap-spot{display:inline-flex;position:absolute;right:.9rem;bottom:.9rem;margin:0}
  .hero .usp-badges{order:1;margin-top:1.3rem}
}
.trust-strip{max-width:1200px;margin:2.2rem auto 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.trust-label{color:#53687d;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.trust-strip .partner-logo-grid{
  flex:1;
  min-width:0;
  max-width:none;
  margin:0;
  grid-template-columns:repeat(auto-fit,minmax(62px,1fr));
  gap:.5rem;
}
.usp-logos .partner-logo-card{min-height:50px;padding:.4rem;gap:.25rem}
.usp-logos .partner-logo-card img{max-height:26px}
.usp-logos .partner-logo-card figcaption{font-size:.56rem}

.stats-band{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  padding:0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
.stats-band div{min-width:0;padding:2.1rem clamp(1rem,4vw,2rem);border-right:1px solid var(--line)}
.stats-band div:last-child{border-right:0}
.stats-band strong{display:block;min-width:0;color:var(--ink);font-size:clamp(2rem,4vw,3.2rem);line-height:1;font-weight:900;overflow-wrap:normal}
.stats-band span{display:block;margin-top:.55rem;color:#66778a;font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.case-fact-band{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.case-fact-band strong{
  max-width:100%;
  font-size:clamp(1.2rem,1.6vw,1.65rem);
  line-height:1.13;
  letter-spacing:0;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.case-fact-band span{margin-top:.7rem}

.section-title{max-width:940px;margin:0 auto 2.6rem;text-align:center}
.section-title.left{margin-left:auto;margin-right:auto;text-align:left}
.section-title h2{
  max-width:850px;
  margin:0 0 1rem;
  color:var(--ink);
  font-size:clamp(1.8rem,3.2vw,2.9rem);
  line-height:1.08;
  font-weight:900;
}

.service-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.service-cell{
  min-height:220px;
  padding:2rem;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
}
.service-cell span,.product-card span,.process-line span{
  display:block;
  margin-bottom:.7rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.service-cell h3,.product-card h3,.process-line h3{
  margin-bottom:.55rem;
  color:var(--ink);
  font-size:1.28rem;
  line-height:1.1;
}
.service-cell p,.product-card p,.process-line p{color:var(--muted);font-size:.96rem}

.solution-service-grid .service-cell{
  min-height:240px;
}
.service-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.75rem;
}
.service-card-head span{
  margin-bottom:0;
}
.solution-service-icon{
  width:46px;
  height:46px;
  flex:0 0 auto;
  color:var(--red);
  opacity:1;
  stroke-width:1.65;
}

.control-benefit-grid .service-cell--with-icon{
  min-height:240px;
}
.control-benefit-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1.25rem;
}
.control-benefit-head span{
  margin-bottom:0;
}
.control-benefit-icon{
  width:64px;
  height:64px;
  flex:0 0 auto;
  color:var(--red);
  opacity:1;
  stroke-width:1.55;
}

.soft-band{background:var(--paper)}
.dark-band{background:var(--ink);color:#fff}
.dark-band .section-title h2,.dark-band .lead{color:#fff}
.dark-band .eyebrow{color:#c8d7e8}

.product-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.35rem;
}
.product-card{
  border:1px solid var(--line);
  background:#fff;
  display:flex;
  flex-direction:column;
  height:100%;
}
.product-card img{
  width:100%;
  height:220px;
  object-fit:contain;
  padding:1rem;
  border-bottom:1px solid var(--line);
  background:#fff;
}
.product-card>div{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:1.6rem;
}
.product-card h3 + p{min-height:3.1em}
.product-card dl{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin:1.2rem 0;
  border:1px solid var(--line);
}
.product-card dl div{padding:.8rem;border-right:1px solid var(--line)}
.product-card dl div:last-child{border-right:0}
.product-card dt{color:#66778a;font-size:.68rem;font-weight:800;text-transform:uppercase}
.product-card dd{margin:0;color:var(--ink);font-weight:800;font-size:.9rem}
.card-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem;
  margin-top:1.2rem;
}
.product-card .card-actions{
  margin-top:auto;
  padding-top:1.2rem;
}
.text-link,
.result-link{
  color:var(--ink);
  font-weight:850;
  text-decoration:none;
  border-bottom:1px solid var(--red);
}
.text-link:hover,
.result-link:hover{color:var(--red)}
.section-link{
  max-width:1200px;
  margin:1.5rem auto 0;
}

.finder{
  max-width:1200px;
  margin:auto;
  padding:2.6rem;
  border:1px solid var(--line);
  background:#fff;
}
.finder h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.05;margin-bottom:.8rem}
.finder-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
  margin-top:2rem;
}
.field label{display:block;margin-bottom:.45rem;color:var(--ink);font-size:.86rem;font-weight:800}
.field select,.field input,.field textarea{
  width:100%;
  min-height:46px;
  border:1px solid var(--line);
  border-radius:0;
  background:#f8fafc;
  color:var(--ink);
  padding:.85rem;
  font:inherit;
}
.field textarea{min-height:140px;resize:vertical}
.newsletter-section{
  background:#fff;
}
.newsletter-section--compact{
  padding-top:clamp(3rem,6vw,5rem);
  padding-bottom:clamp(3rem,6vw,5rem);
}
.newsletter-card{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);
  gap:clamp(1.4rem,4vw,4rem);
  align-items:start;
  padding:clamp(1.4rem,3vw,2.2rem);
  border:1px solid var(--line);
  background:var(--paper);
}
.newsletter-card h2{
  max-width:760px;
  font-size:clamp(1.9rem,3.6vw,3.4rem);
  line-height:1.04;
}
.newsletter-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.newsletter-consent{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.7rem;
  align-items:start;
  color:var(--muted);
  font-size:.9rem;
}
.newsletter-consent input{
  width:1.05rem;
  height:1.05rem;
  margin:.22rem 0 0;
  accent-color:var(--red);
}
.newsletter-consent a{
  color:var(--ink);
  font-weight:800;
  text-decoration-color:var(--red);
  text-underline-offset:.18em;
}
.newsletter-form .btn{
  justify-self:start;
}
.newsletter-form .form-note{
  grid-column:1/-1;
}
.result{
  margin:1.25rem 0;
  padding:1.2rem 1.35rem;
  border-left:4px solid var(--red);
  background:var(--soft-blue);
  color:var(--ink);
}

.process-section{background:#fff}
.process-line{
  max-width:1200px;
  margin:3rem auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.2rem;
  position:relative;
}
.process-line:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:12px;
  height:1px;
  background:var(--line);
}
.process-line article{position:relative;padding-top:2.6rem}
.process-line article:before{
  content:"";
  position:absolute;
  top:6px;
  left:0;
  width:13px;
  height:13px;
  border-radius:50%;
  background:var(--red);
}

.proof-section{padding-top:clamp(4rem,7vw,6rem)}
.proof-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
}
.proof-card{
  border:1px solid var(--line);
  background:#fff;
}
.proof-card img{
  width:100%;
  aspect-ratio:1.5/1;
  object-fit:cover;
  border-bottom:1px solid var(--line);
}
.proof-card>div{padding:1.45rem}
.proof-card span{
  display:block;
  margin-bottom:.6rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.proof-card h3{
  margin-bottom:.65rem;
  color:var(--ink);
  font-size:1.25rem;
  line-height:1.12;
}
.proof-card p{
  margin:0;
  color:var(--muted);
  font-size:.95rem;
}

.partner-section{background:#fff}
.partner-logo-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.partner-logo-grid--compact{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.partner-logo-grid--mini{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}
.partner-logo-card{
  min-width:0;
  min-height:132px;
  margin:0;
  padding:1rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.65rem;
  border:1px solid var(--line);
  background:#fff;
}
.partner-logo-card img{
  width:100%;
  max-width:180px;
  max-height:58px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.72;
  transition:filter .2s ease,opacity .2s ease;
}
.partner-logo-card:hover img{
  filter:grayscale(0);
  opacity:1;
}
.partner-logo-card figcaption{
  color:#64758a;
  font-size:.72rem;
  font-weight:800;
  line-height:1.2;
  text-align:center;
}
.motor-pillars{
  max-width:1200px;
  margin:0 auto 1.6rem;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.motor-pillar{
  padding:1.6rem;
  border:1px solid var(--line);
  background:#fff;
}
.motor-pillar--accent{
  border-top:3px solid var(--red);
}
.motor-pillar h3{
  margin:0 0 .55rem;
  color:var(--ink);
  font-size:1.2rem;
  line-height:1.12;
}
.motor-pillar p{
  margin:0;
  color:var(--muted);
  font-size:.97rem;
}
.motor-beistellung{
  max-width:1200px;
  margin:0 auto;
  padding:.9rem 1.1rem;
  border-left:3px solid var(--red);
  background:var(--soft-blue);
  color:var(--ink);
  font-weight:700;
  font-size:.97rem;
}
.motor-platforms-label{
  max-width:1200px;
  margin:1.8rem auto .8rem;
  color:#53687d;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.motor-logo-grid{
  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
}
.motor-section--compact{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.motor-section--compact .motor-beistellung{
  margin-top:1.4rem;
}
@media (max-width:680px){
  .motor-pillars{
    grid-template-columns:1fr;
  }
}
.partner-disclaimer{
  max-width:1200px;
  margin:1rem auto 0;
  color:#66778a;
  font-size:.86rem;
}
.partner-category-grid{
  max-width:1200px;
  margin:0 auto 1.25rem;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.partner-category-card{
  min-height:100%;
  padding:1.35rem;
  border:1px solid var(--line);
  background:#fff;
}
.partner-category-card span{
  display:block;
  margin-bottom:.7rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  line-height:1.25;
  text-transform:uppercase;
}
.partner-category-card p{
  color:var(--muted);
  font-size:.95rem;
}
.partner-category-card ul{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:1rem 0 0;
  padding:0;
  list-style:none;
}
.partner-category-card li{
  padding:.35rem .5rem;
  border:1px solid var(--line);
  background:#f8fafc;
  color:var(--ink);
  font-size:.75rem;
  font-weight:800;
}
.service-partner-note{
  max-width:1200px;
  margin:1.4rem auto 0;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:1rem;
  align-items:stretch;
  padding-top:1.4rem;
  border-top:1px solid var(--line);
}
.service-partner-note h3{
  margin-bottom:.7rem;
  color:var(--ink);
  font-size:clamp(1.35rem,2vw,2rem);
  line-height:1.08;
}
.service-partner-note p:not(.eyebrow){
  color:var(--muted);
}
.service-partner-note .partner-logo-card{
  min-height:108px;
}
.service-partner-note .partner-logo-card img{
  max-height:46px;
}

.model-section{padding-top:clamp(4rem,7vw,6rem);padding-bottom:clamp(4rem,7vw,6rem)}
.model-layout{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:clamp(2rem,6vw,5rem);
  align-items:center;
}
.model-layout h2{
  margin-bottom:1rem;
  color:var(--ink);
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:1.03;
  font-weight:900;
  text-wrap:balance;
}
.model-hint{
  display:inline-flex;
  margin:1.2rem 0 0;
  padding:.55rem .7rem;
  border:1px solid var(--line);
  background:#fff;
  color:#66778a;
  font-size:.78rem;
  font-weight:800;
}
.model-options{
  display:grid;
  gap:.65rem;
  margin-top:1.35rem;
}
.model-option{
  width:100%;
  padding:.85rem .95rem;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.model-option:hover{
  border-color:#b8c7d7;
  transform:translateY(-1px);
}
.model-option:focus-visible{
  outline:3px solid rgba(213,11,47,.24);
  outline-offset:2px;
}
.model-option[aria-pressed="true"]{
  border-color:var(--red);
  box-shadow:inset 4px 0 0 var(--red), 0 16px 32px rgba(12,42,69,.08);
}
.model-option strong{
  display:block;
  font-size:.88rem;
  line-height:1.18;
  font-weight:900;
}
.model-option span{
  display:block;
  margin-top:.25rem;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.35;
}
.model-stage{
  position:relative;
  min-height:440px;
  height:clamp(440px,46vw,620px);
  overflow:hidden;
  border:1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(225,234,243,.9)),
    radial-gradient(circle at 72% 22%, rgba(213,11,47,.08), transparent 32%),
    #eef4f9;
}
.model-stage canvas{
  width:100%;
  height:100%;
  display:block;
  cursor:grab;
  touch-action:none;
}
.model-stage canvas[hidden]{display:none}
.model-stage canvas:active{cursor:grabbing}
.model-loading{
  position:absolute;
  inset:auto 1.2rem 1.2rem 1.2rem;
  padding:.75rem .85rem;
  border-left:4px solid var(--red);
  background:rgba(255,255,255,.9);
  color:var(--ink);
  font-size:.86rem;
  font-weight:800;
  box-shadow:0 16px 36px rgba(12,42,69,.08);
}
.model-fallback{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  gap:1rem;
  padding:2rem;
  background:#fff;
  text-align:center;
}
.model-fallback img{
  width:min(100%,520px);
  max-height:320px;
  object-fit:contain;
}
.model-fallback p{
  max-width:520px;
  margin:0;
  color:var(--muted);
}
.model-loading[hidden],
.model-fallback[hidden]{display:none}

.application-layout{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:3rem;
  align-items:center;
}
.application-layout img{
  width:100%;
  min-height:360px;
  object-fit:contain;
  background:#fff;
}
.application-layout img.application-photo{
  aspect-ratio:1.5/1;
  min-height:0;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.18);
  background:#fff;
}
.logo-cloud{display:flex;flex-wrap:wrap;gap:.55rem}
.logo-cloud span,
.logo-cloud a{
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.05);
  color:#e6eef7;
  padding:.55rem .7rem;
  font-size:.86rem;
  text-decoration:none;
}
.logo-cloud a:hover{border-color:rgba(255,255,255,.45);color:#fff}

.lead-layout{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:.72fr 1fr;
  gap:4rem;
  align-items:start;
}
.lead-layout h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.02;margin-bottom:1rem}
.lead-box{
  padding:2.2rem;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.lead-box h3{font-size:1.45rem}
.lead-context{
  margin:1rem 0 1.3rem;
  padding:1rem 1.15rem;
  border-left:4px solid var(--red);
  background:var(--soft-blue);
}
.lead-context strong{
  display:block;
  color:var(--ink);
  margin-bottom:.35rem;
}
.lead-context p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
}
.lead-form{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.lead-form .full{grid-column:1/-1}
.lead-form button{justify-self:start}
.bot-field{display:none}
.file-hint,
.form-note{
  display:block;
  color:var(--muted);
  font-size:.82rem;
}
.form-note{
  align-self:center;
  margin:0;
}

.footer{
  display:grid;
  grid-template-columns:1.3fr 1fr 1.05fr .75fr;
  gap:2rem;
  padding:3.2rem clamp(1rem,4vw,8rem);
  border-top:1px solid var(--line);
  background:#fff;
  color:var(--muted);
}
.footer strong{display:block;margin-bottom:.8rem;color:var(--ink)}
.footer a{color:var(--ink)}
.footer-brand img{
  width:3.35rem;
  height:3.35rem;
  object-fit:contain;
  margin-bottom:.8rem;
}

.page-hero{
  padding-top:clamp(4.5rem,8vw,7rem);
  padding-bottom:clamp(3.5rem,7vw,6rem);
  background:#fff;
}
.page-hero-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.86fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:center;
}
.page-hero h1{
  max-width:820px;
  margin:0 0 1.3rem;
  color:var(--ink);
  font-size:clamp(1.95rem,3.3vw,3.25rem);
  line-height:1.08;
  font-weight:900;
}
.page-hero-media{margin:0}
.page-hero-media img{
  width:100%;
  min-height:340px;
  aspect-ratio:1.28/1;
  object-fit:contain;
  background:#fff;
}
.page-hero-media.photo-media img{
  object-fit:cover;
  border:1px solid var(--line);
}
.page-hero-media.photo-media.contain-media img{
  object-fit:contain;
  background:#fff;
}
.page-hero-media figcaption{
  display:inline-flex;
  margin-top:-2.25rem;
  margin-left:.9rem;
  padding:.45rem .65rem;
  background:var(--ink);
  color:#fff;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.product-list{
  max-width:1200px;
  margin:auto;
  display:grid;
  gap:1.35rem;
}

.industry-grid,
.case-grid,
.news-grid,
.solution-grid,
.technology-strip{
  max-width:1200px;
  margin:auto;
  display:grid;
  gap:1.25rem;
}
.industry-grid,
.case-grid{
  grid-template-columns:repeat(3,1fr);
}
.news-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.news-grid.compact{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.industry-grid.compact{
  grid-template-columns:repeat(3,1fr);
}
.industry-card,
.case-card,
.news-card{
  display:flex;
  min-height:100%;
  flex-direction:column;
  border:1px solid var(--line);
  background:#fff;
}
.industry-card img,
.case-card img,
.news-card img{
  width:100%;
  aspect-ratio:1.35/1;
  object-fit:cover;
  border-bottom:1px solid var(--line);
}
.industry-card img{
  object-fit:contain;
  background:#fff;
}
.industry-card>div,
.case-card>div,
.news-card>div{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:1.45rem;
}
.industry-card span,
.case-card span,
.news-card .news-meta span,
.case-story span{
  display:block;
  margin-bottom:.55rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.industry-card h3,
.case-card h3,
.news-card h3{
  margin-bottom:.65rem;
  color:var(--ink);
  font-size:1.25rem;
  line-height:1.12;
}
.industry-card p,
.case-card p,
.news-card p{
  color:var(--muted);
  font-size:.95rem;
}
.industry-card .text-link,
.case-card .text-link,
.news-card .text-link{
  align-self:flex-start;
  margin-top:auto;
}
.news-card h3{
  font-size:clamp(1.25rem,2vw,1.65rem);
}
.news-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem .8rem;
  align-items:center;
  margin:0 0 .65rem;
}
.news-card .news-meta span{
  margin:0;
}
.news-meta time,
.article-date{
  color:#66778a;
  font-size:.82rem;
  font-weight:750;
}
.news-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:.4rem 0 1rem;
}
.news-tags span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:.35rem .55rem;
  border:1px solid var(--line);
  background:#f8fafc;
  color:#50647a;
  font-size:.76rem;
  font-weight:800;
}
.news-article-layout{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(220px,.34fr) minmax(0,1fr);
  gap:clamp(1.5rem,5vw,4rem);
  align-items:start;
}
.news-aside{
  position:sticky;
  top:6rem;
  padding:1.25rem;
  border:1px solid var(--line);
  background:#fff;
}
.news-aside strong{
  display:block;
  margin-bottom:.7rem;
  color:var(--ink);
}
.news-article-body{
  max-width:820px;
}
.news-article-body>.lead{
  margin-bottom:2rem;
}
.news-article-body>div{
  padding:1.45rem 0;
  border-top:1px solid var(--line);
}
.news-article-body h2{
  margin-bottom:.75rem;
  color:var(--ink);
  font-size:clamp(1.55rem,2.6vw,2.35rem);
  line-height:1.08;
}
.news-article-body p{
  color:var(--muted);
}
.news-media-section{
  padding-top:0;
}
.news-media-grid{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.news-media-grid figure{
  margin:0;
  border:1px solid var(--line);
  background:#fff;
}
.news-media-grid img{
  width:100%;
  aspect-ratio:1.28/1;
  object-fit:cover;
  border-bottom:1px solid var(--line);
}
.news-media-grid figcaption{
  padding:1rem;
  color:var(--muted);
  font-size:.9rem;
}
.solution-grid{
  grid-template-columns:repeat(4,1fr);
}
.solution-grid article{
  min-height:160px;
  padding:1.5rem;
  border:1px solid var(--line);
  background:#fff;
}
.solution-grid span{
  display:block;
  margin-bottom:.7rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.solution-grid h3{
  margin:0;
  color:var(--ink);
  font-size:1.18rem;
  line-height:1.15;
}
.technology-pills{
  max-width:1200px;
  margin:auto;
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}
.technology-pills a{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:.65rem .85rem;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-weight:850;
  text-decoration:none;
}
.technology-pills a:hover{border-color:rgba(255,255,255,.42);background:rgba(255,255,255,.11)}
.technology-strip{grid-template-columns:repeat(3,1fr)}
.technology-strip a{
  min-height:180px;
  padding:1.35rem;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
}
.technology-strip a:hover{background:rgba(255,255,255,.1)}
.technology-strip span{
  display:block;
  margin-bottom:.75rem;
  color:#c8d7e8;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.technology-strip strong{
  display:block;
  color:#fff;
  font-size:1.05rem;
  line-height:1.22;
}
.text-link.invert{
  color:#fff;
  border-bottom-color:#fff;
}
.case-story{
  display:grid;
  gap:1rem;
}
.case-story article{
  padding:1.5rem;
  border:1px solid var(--line);
  background:#fff;
}
.case-story h3{
  color:var(--ink);
  font-size:1.25rem;
}
.case-story p{
  margin:0;
  color:var(--muted);
}
.case-process-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.case-process-grid article{
  padding:1.35rem;
  border:1px solid var(--line);
  background:#fff;
}
.case-process-grid span{
  display:block;
  margin-bottom:.7rem;
  color:var(--red);
  font-size:.74rem;
  font-weight:900;
}
.case-process-grid h3{
  margin-bottom:.55rem;
  color:var(--ink);
  font-size:1.12rem;
  line-height:1.18;
}
.case-process-grid p{
  margin:0;
  color:var(--muted);
  font-size:.94rem;
}
.case-gallery{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.case-gallery figure{
  margin:0;
  border:1px solid var(--line);
  background:#fff;
}
.case-gallery img{
  width:100%;
  aspect-ratio:1.35/1;
  object-fit:cover;
  border-bottom:1px solid var(--line);
}
.case-gallery figcaption{
  padding:1rem;
  color:var(--muted);
  font-size:.88rem;
}
.media-rail{
  --media-rail-gap:1.5rem;
  --media-rail-card-width:calc((100cqw - (2 * var(--media-rail-gap))) / 3);
  max-width:1200px;
  width:100%;
  margin:auto;
  container-type:inline-size;
  position:relative;
}
.media-rail-controls{
  display:flex;
  justify-content:flex-end;
  gap:.55rem;
  margin:0 0 .85rem;
}
.media-rail-controls button{
  min-width:44px;
  min-height:44px;
  padding:.65rem .9rem;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  font:inherit;
  font-size:.78rem;
  font-weight:850;
  cursor:pointer;
}
.media-rail-controls button:hover,
.media-rail-controls button:focus-visible{
  border-color:var(--red);
  color:var(--red);
}
.media-rail-viewport{
  overflow:hidden;
}
.media-rail-track{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--media-rail-gap);
  align-items:stretch;
}
.media-rail.is-stepped .media-rail-track{
  display:flex;
  width:max-content;
  will-change:transform;
}
.media-rail figure{
  margin:0;
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  background:#fff;
  overflow:hidden;
}
.media-rail.is-stepped figure{
  flex:0 0 var(--media-rail-card-width);
}
.media-rail img{
  display:block;
  width:100%;
  aspect-ratio:1.35/1;
  object-fit:cover;
  border-bottom:1px solid var(--line);
}
.media-rail figcaption{
  flex:1;
  min-height:4.65rem;
  padding:1rem;
  color:var(--muted);
  font-size:.88rem;
  line-height:1.45;
}
@media (prefers-reduced-motion:reduce){
  .media-rail.is-stepped .media-rail-track{
    transition:none!important;
    transform:none;
  }
  .media-rail [data-media-rail-duplicate="true"]{
    display:none;
  }
}
.product-row{
  display:grid;
  grid-template-columns:minmax(280px,.45fr) minmax(0,1fr);
  border:1px solid var(--line);
  background:#fff;
}
.product-row-media{
  display:grid;
  place-items:center;
  min-height:330px;
  padding:1rem;
  border-right:1px solid var(--line);
  background:#fff;
}
.product-row-media img{
  width:100%;
  max-height:310px;
  object-fit:contain;
}
.product-row-body{padding:2rem}
.product-row-body>span{
  display:block;
  margin-bottom:.7rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.product-row-body h2{
  margin-bottom:.55rem;
  font-size:clamp(1.75rem,3vw,2.8rem);
  line-height:1.02;
}
.product-row-headline{
  color:var(--ink);
  font-size:1.08rem;
  font-weight:800;
}
.product-nav{
  max-width:1200px;
  margin:0 auto 1rem;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:0;
  border:1px solid var(--line);
  background:#fff;
}
.product-nav a{
  padding:.95rem 1rem;
  border-right:1px solid var(--line);
  color:var(--ink);
  font-weight:850;
  text-align:center;
  text-decoration:none;
}
.product-nav a:last-child{border-right:0}
.product-nav a:hover{color:var(--red)}
.spec-table{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  margin:1.4rem 0;
  border:1px solid var(--line);
}
.spec-table div{
  padding:.85rem;
  border-right:1px solid var(--line);
  background:#fff;
}
.spec-table div:last-child{border-right:0}
.spec-table dt{
  color:#66778a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.spec-table dd{
  margin:.1rem 0 0;
  color:var(--ink);
  font-size:.94rem;
  font-weight:850;
}

.split-feature{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);
  gap:clamp(2rem,6vw,5rem);
  align-items:center;
}
.split-feature h2{
  margin-bottom:1rem;
  font-size:clamp(2rem,4vw,3.6rem);
  line-height:1.03;
}
.split-feature figure{margin:0}
.split-feature figure img{
  width:100%;
  min-height:320px;
  object-fit:contain;
  background:#fff;
  border:1px solid var(--line);
}
.detail-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.detail-grid article{
  padding:1.7rem;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
}
.detail-grid span,
.related-products span{
  display:block;
  margin-bottom:.6rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.detail-grid h3{font-size:1.35rem}
.detail-grid ul{
  margin:1rem 0 0;
  padding-left:1.1rem;
  color:var(--muted);
}
.detail-grid li+li{margin-top:.45rem}
.related-products{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.related-products a{
  display:block;
  min-height:190px;
  padding:1.5rem;
  border:1px solid var(--line);
  background:#fff;
  color:inherit;
  text-decoration:none;
}
.related-products a:hover{border-color:#b7c5d4}
.related-products strong{
  display:block;
  margin-bottom:.6rem;
  color:var(--ink);
  font-size:1.25rem;
}
.related-products p{color:var(--muted)}
.decision-table{
  display:grid;
  margin-top:1.6rem;
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.decision-table div{
  display:grid;
  grid-template-columns:.9fr .35fr 1.6fr;
  gap:1rem;
  align-items:start;
  padding:1rem;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
}
.decision-table strong{color:var(--ink)}
.decision-table span{
  color:var(--red);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.decision-table p{margin:0;color:var(--muted);font-size:.93rem}
.decision-table--plain div{grid-template-columns:.9fr 1.6fr}

.knowledge-index{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
  border:1px solid var(--line);
  background:#fff;
}
.knowledge-index a{
  padding:1rem;
  border-right:1px solid var(--line);
  color:var(--ink);
  font-weight:850;
  text-decoration:none;
}
.knowledge-index a:last-child{border-right:0}
.knowledge-index a:hover{color:var(--red)}

.comparison-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.comparison-grid article{
  min-height:260px;
  padding:2rem;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
}
.comparison-grid span{
  display:block;
  margin-bottom:.7rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.comparison-grid h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.04}
.comparison-grid p{color:var(--muted)}
.comparison-table-wrap{
  max-width:1200px;
  margin:auto;
  overflow-x:auto;
  border:1px solid var(--line);
  background:#fff;
}
.comparison-table{
  min-width:760px;
}
.comparison-table th{
  background:var(--soft-blue);
  color:var(--ink);
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.comparison-table td:first-child{
  color:var(--ink);
  font-weight:850;
}
.source-note{
  max-width:1200px;
  margin:1rem auto 0;
  color:var(--muted);
  font-size:.86rem;
}

.faq-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.faq-grid article{
  padding:1.5rem;
  border:1px solid var(--line);
  background:#fff;
}
.faq-grid h3{font-size:1.15rem}
.faq-grid p{color:var(--muted)}
.strategy-table h2{
  margin-bottom:1.4rem;
  font-size:clamp(1.8rem,3.6vw,3.2rem);
  line-height:1.05;
}

.structure-hero{
  padding-bottom:clamp(3.5rem,6vw,5rem);
}
.structure-hero-grid{
  grid-template-columns:minmax(0,.95fr) minmax(360px,.85fr);
  gap:clamp(2rem,6vw,5rem);
}
.structure-hero h1{
  max-width:860px;
}
.structure-hero .lead{
  max-width:780px;
}
.structure-hero-points{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
  margin-top:2rem;
}
.structure-hero-points span{
  min-height:70px;
  padding:.85rem .95rem;
  border-left:3px solid var(--red);
  background:var(--paper);
  color:var(--ink);
  font-size:.86rem;
  font-weight:850;
  line-height:1.25;
}
.structure-collage{
  display:grid;
  gap:.85rem;
  margin:0;
}
.structure-collage img{
  width:100%;
  object-fit:cover;
  border:1px solid var(--line);
  background:#fff;
}
.structure-collage-main{
  aspect-ratio:1.45/1;
  min-height:300px;
}
.structure-collage-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
  align-items:end;
  padding-left:0;
}
.structure-collage-row img{
  aspect-ratio:1.25/1;
  min-height:150px;
}
.structure-collage figcaption{
  margin:0;
  color:#66778a;
  font-size:.86rem;
  font-weight:700;
}
.structure-two-column,
.structure-metric-strip,
.structure-competence-map,
.structure-workflow,
.structure-benefit-grid,
.structure-origin-network,
.structure-closing-inner{
  max-width:1200px;
  margin:auto;
}
.structure-two-column{
  display:grid;
  grid-template-columns:minmax(240px,.42fr) minmax(0,1fr);
  gap:clamp(2rem,6vw,5rem);
}
.structure-two-column h2,
.structure-closing h2{
  margin-bottom:1rem;
  font-size:clamp(2rem,4vw,3.5rem);
  line-height:1.04;
  text-wrap:balance;
  -webkit-hyphens:auto;
  hyphens:auto;
}
.structure-copy p,
.structure-closing p{
  color:var(--muted);
}
.structure-copy p:last-child,
.structure-closing p:last-child{
  margin-bottom:0;
}
.structure-icon{
  width:42px;
  height:42px;
  color:var(--red);
  flex:0 0 auto;
}
.structure-metric-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  background:#fff;
}
.structure-metric-strip article{
  min-width:0;
  min-height:230px;
  padding:clamp(1.2rem,2.4vw,1.75rem);
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.structure-metric-strip strong{
  display:block;
  color:var(--ink);
  font-size:clamp(1.45rem,2.4vw,2rem);
  line-height:1.05;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.structure-metric-strip span,
.structure-competence-center span,
.structure-competence-node span{
  display:block;
  margin-top:.7rem;
  color:#77879a;
  font-size:.68rem;
  font-weight:850;
  letter-spacing:.16em;
  line-height:1.2;
  text-transform:uppercase;
}
.structure-metric-strip p,
.structure-competence-center p,
.structure-competence-node p,
.structure-workflow p,
.structure-benefit-grid p,
.structure-origin-network p{
  margin:0;
  color:var(--muted);
  font-size:.95rem;
}
.structure-metric-strip p{
  margin-top:1.2rem;
}
.structure-competence-map{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.86fr) minmax(0,1fr);
  grid-template-rows:repeat(2,minmax(215px,auto));
  gap:1rem;
  isolation:isolate;
}
.structure-competence-map:before{
  content:"";
  position:absolute;
  inset:2rem;
  z-index:-1;
  background:
    linear-gradient(90deg, transparent 0 8%, #ccd7e4 8% 92%, transparent 92%) center/100% 1px no-repeat,
    linear-gradient(0deg, transparent 0 8%, #ccd7e4 8% 92%, transparent 92%) center/1px 100% no-repeat;
}
.structure-competence-center,
.structure-competence-node,
.structure-workflow article,
.structure-benefit-grid article,
.structure-origin-network article{
  border:1px solid var(--line);
  background:#fff;
}
.structure-competence-center{
  grid-column:2;
  grid-row:1 / 3;
  align-self:center;
  padding:clamp(1.5rem,3vw,2rem);
  border-top:4px solid var(--red);
  box-shadow:0 18px 45px rgba(15,34,55,.09);
}
.structure-competence-center strong{
  display:block;
  margin:.65rem 0 .8rem;
  color:var(--ink);
  font-size:clamp(1.55rem,2.5vw,2.15rem);
  line-height:1.08;
}
.structure-competence-node{
  min-width:0;
  min-height:215px;
  padding:1.35rem;
}
.structure-competence-node--top-left{
  grid-column:1;
  grid-row:1;
}
.structure-competence-node--top-right{
  grid-column:3;
  grid-row:1;
}
.structure-competence-node--bottom-left{
  grid-column:1;
  grid-row:2;
}
.structure-competence-node--bottom-right{
  grid-column:3;
  grid-row:2;
}
.structure-competence-node h3,
.structure-workflow h3,
.structure-benefit-grid h3,
.structure-origin-network h3{
  margin:.75rem 0 .55rem;
  color:var(--ink);
  font-size:1.18rem;
  line-height:1.15;
}
.structure-workflow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  isolation:isolate;
}
.structure-workflow:before{
  content:"";
  position:absolute;
  left:2rem;
  right:2rem;
  top:3.1rem;
  height:2px;
  background:#ccd7e4;
  z-index:-1;
}
.structure-workflow article{
  position:relative;
  z-index:1;
  min-height:225px;
  padding:1.35rem;
}
.structure-workflow-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.structure-workflow-head span{
  color:#a9b7c6;
  font-size:1.45rem;
  font-weight:900;
  line-height:1;
}
.structure-benefit-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
}
.structure-benefit-grid article{
  min-height:220px;
  padding:1.4rem;
}
.structure-origin-section .structure-two-column{
  margin-bottom:clamp(2rem,4vw,3rem);
}
.structure-origin-network{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem;
  isolation:isolate;
}
.structure-origin-network:before{
  content:"";
  position:absolute;
  left:2rem;
  right:2rem;
  top:2rem;
  height:2px;
  background:#ccd7e4;
  z-index:-1;
}
.structure-origin-network article{
  min-width:0;
  min-height:265px;
  padding:1.2rem;
}
.structure-origin-network article > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:4.4rem;
  min-height:2.1rem;
  padding:.25rem .65rem;
  background:var(--red);
  color:#fff;
  font-weight:900;
  line-height:1;
}
.structure-origin-location{
  margin:-.2rem 0 .65rem!important;
  color:#66778a!important;
  font-size:.78rem!important;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.structure-closing{
  text-align:left;
}
.structure-closing-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:end;
}
.structure-closing h2{
  max-width:900px;
  color:#fff;
}
.structure-closing p{
  max-width:780px;
  color:#c8d7e8;
}
.structure-closing .btn{
  white-space:nowrap;
}
.structure-faq-grid article{
  min-height:180px;
}

@media (max-width:1100px){
  .structure-metric-strip,
  .structure-benefit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .structure-origin-network{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .structure-origin-network:before{
    display:none;
  }
}

@media (max-width:980px){
  .structure-hero-grid,
  .structure-two-column,
  .structure-closing-inner{
    grid-template-columns:1fr;
  }
  .structure-collage-main{
    min-height:260px;
  }
  .structure-competence-map{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .structure-competence-map:before{
    display:none;
  }
  .structure-competence-center,
  .structure-competence-node,
  .structure-competence-node--top-left,
  .structure-competence-node--top-right,
  .structure-competence-node--bottom-left,
  .structure-competence-node--bottom-right{
    grid-column:auto;
    grid-row:auto;
  }
  .structure-workflow{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .structure-workflow:before{
    display:none;
  }
  .structure-closing .btn{
    justify-self:start;
  }
}

@media (max-width:560px){
  .structure-hero-points,
  .structure-collage-row,
  .structure-metric-strip,
  .structure-workflow,
  .structure-benefit-grid,
  .structure-origin-network{
    grid-template-columns:1fr;
  }
  .structure-hero-points span{
    min-height:0;
  }
  .structure-collage-main,
  .structure-collage-row img{
    min-height:220px;
  }
  .structure-metric-strip article,
  .structure-competence-center,
  .structure-competence-node,
  .structure-workflow article,
  .structure-benefit-grid article,
  .structure-origin-network article{
    min-height:0;
    padding:1.2rem;
  }
}

.legal-hero{
  padding-bottom:4rem;
}
.legal-page{
  max-width:980px;
  margin:auto;
}
.legal-page article{
  margin-bottom:1rem;
  padding:1.6rem;
  border:1px solid var(--line);
  background:#fff;
}
.legal-page h2{
  margin-bottom:.8rem;
  font-size:clamp(1.35rem,2.4vw,2rem);
  line-height:1.08;
}
.legal-page h3{
  margin-bottom:.45rem;
  font-size:1rem;
}
.legal-page p,
.legal-page li{
  color:var(--muted);
}
.legal-page a{
  color:var(--ink);
  font-weight:800;
}
.legal-page ul,
.legal-page ol{
  margin:.2rem 0 0;
  padding-left:1.25rem;
}
.legal-page ol{margin-top:.4rem}
.legal-page h3{margin-top:1.25rem}
.legal-page li+li{
  margin-top:.45rem;
}
.legal-grid,
.legal-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.legal-card-grid article{
  min-height:210px;
}
.legal-note{
  border-left:4px solid var(--red);
}

.cards,.steps,.trust,.specs,.tags,.toc,.table,.strategy-table{max-width:1200px;margin:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card,.step,.strategy-table,.toc{
  border:1px solid var(--line);
  background:#fff;
  padding:1.5rem;
}
.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
.specs span,.tags span{
  border:1px solid var(--line);
  background:#f8fafc;
  padding:.55rem .7rem;
}
.tags{display:flex;flex-wrap:wrap;gap:.45rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border-bottom:1px solid var(--line);padding:.9rem;text-align:left;vertical-align:top}

@media (max-width:980px){
  .hero-grid,.application-layout,.lead-layout,.footer,.page-hero-grid,.product-row,.split-feature,.legal-grid,.legal-card-grid,.detail-grid,.related-products,.model-layout,.news-article-layout,.newsletter-card{grid-template-columns:1fr}
  .service-grid,.product-grid,.industry-grid,.industry-grid.compact,.case-grid,.case-process-grid,.case-gallery,.news-grid,.news-grid.compact,.news-media-grid,.solution-grid,.technology-strip,.finder-grid,.process-line,.proof-grid,.cards,.steps,.comparison-grid,.faq-grid,.knowledge-index,.product-nav{grid-template-columns:1fr}
  .media-rail{
    --media-rail-gap:1rem;
  }
  .media-rail-controls{
    display:none;
  }
  .media-rail-viewport{
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:.5rem;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }
  .media-rail-track,
  .media-rail.is-stepped .media-rail-track{
    display:flex;
    width:max-content;
    gap:var(--media-rail-gap);
    transition:none!important;
    transform:none!important;
  }
  .media-rail figure,
  .media-rail.is-stepped figure{
    flex:0 0 min(84vw, 360px);
    scroll-snap-align:start;
  }
  .media-rail figure[aria-hidden="true"]{
    display:none;
  }
  .control-benefit-grid .service-cell--with-icon{min-height:220px}
  .control-benefit-icon{width:42px;height:42px}
  .solution-service-grid .service-cell{min-height:220px}
  .solution-service-icon{width:36px;height:36px}
  .stats-band{grid-template-columns:repeat(2,1fr)}
  .site-header{position:sticky;z-index:1100}
  .breadcrumb-trail{padding:.55rem 1rem 0;font-size:.74rem}
  .menu-toggle{display:inline-flex;order:2}
  .header-actions{order:3;margin-left:auto}
  .brand{order:1}
  .site-header nav{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:30;
    width:auto;
    max-height:calc(100dvh - 72px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    transform:none;
    padding:0 clamp(1rem,4vw,8rem);
    background:#fff;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 34px rgba(12,42,69,.08);
  }
  .site-header nav[data-open]{display:grid}
  .nav-group{
    display:block;
    border-bottom:1px solid var(--line);
  }
  .nav-group:last-child{border-bottom:0}
  .nav-link{
    display:block;
    min-height:0;
    padding:1rem 0;
    font-size:.94rem;
  }
  .site-header nav > .nav-link{
    border-bottom:1px solid var(--line);
  }
  .site-header nav > .nav-link:last-child{border-bottom:0}
  .nav-link.has-children:after{display:none}
  .nav-submenu{
    position:static;
    display:grid;
    grid-template-columns:1fr;
    min-width:0;
    padding:0 0 .8rem 1rem;
    border:0;
    background:transparent;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition:none;
  }
  .nav-group:hover .nav-submenu,
  .nav-group:focus-within .nav-submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .nav-submenu a{
    padding:.42rem 0;
    color:var(--muted);
    font-size:.88rem;
  }
  .nav-submenu a:hover{
    background:transparent;
    color:var(--muted);
  }
  .nav-submenu-all:hover{
    color:var(--ink);
  }
  .nav-submenu a:focus-visible{
    color:var(--ink);
    outline:2px solid rgba(213,11,47,.45);
    outline-offset:3px;
  }
  .nav-submenu-all{
    border-bottom:0;
    color:var(--ink);
  }
  .hero-media figcaption,.page-hero-media figcaption{margin-top:.5rem;margin-left:0}
  .product-row-media{border-right:0;border-bottom:1px solid var(--line)}
  .spec-table{grid-template-columns:1fr 1fr}
  .spec-table div:nth-child(2n){border-right:0}
  .knowledge-index a{border-right:0;border-bottom:1px solid var(--line)}
  .knowledge-index a:last-child{border-bottom:0}
  .product-nav a{border-right:0;border-bottom:1px solid var(--line)}
  .product-nav a:last-child{border-bottom:0}
  .decision-table div{grid-template-columns:1fr}
  .process-line:before{display:none}
  .process-line article{padding-top:1.7rem;border-top:1px solid var(--line)}
  .model-stage{height:clamp(360px,72vw,520px);min-height:360px}
  .news-aside{position:static}
  .partner-logo-grid,
  .partner-logo-grid--compact,
  .partner-logo-grid--mini{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .partner-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .service-partner-note{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  .site-header{min-height:64px;padding:.6rem .9rem}
  .site-header nav{max-height:calc(100dvh - 64px)}
  .brand img{width:2.35rem;height:2.35rem}
  .brand small{font-size:.68rem}
  .header-actions{gap:.35rem}
  .language-switch{min-width:30px;min-height:32px;padding:.3rem .38rem;font-size:.66rem}
  .language-switch-group{gap:.28rem}
  .header-cta{min-height:40px;padding:.6rem .65rem;font-size:.7rem}
  .brand small{display:none}
  section{padding:3.5rem 1rem}
  .hero{padding-top:3.5rem}
  .hero h1,.page-hero h1{font-size:2.1rem;line-height:1.08}
  .stats-band{grid-template-columns:1fr}
  .stats-band div{border-right:0;border-bottom:1px solid var(--line)}
  .finder,.lead-box{padding:1.2rem}
  .lead-form,.newsletter-form{grid-template-columns:1fr}
  .page-hero-media img,.split-feature figure img{min-height:240px}
  .model-stage{height:360px;min-height:360px}
  .model-hint{font-size:.72rem}
  .product-row-body{padding:1.2rem}
  .spec-table{grid-template-columns:1fr}
  .spec-table div{border-right:0;border-bottom:1px solid var(--line)}
  .spec-table div:last-child{border-bottom:0}
  .product-card dl{grid-template-columns:1fr}
  .product-card dl div{border-right:0;border-bottom:1px solid var(--line)}
  .product-card dl div:last-child{border-bottom:0}
  .product-card h3 + p{min-height:0}
  .partner-logo-card{
    min-height:112px;
    padding:.8rem;
  }
  .partner-logo-card img{
    max-height:44px;
  }
  .partner-category-grid{
    grid-template-columns:1fr;
  }
  .service-partner-note{
    padding-top:1rem;
  }
}

/* Vertretungen: Weltkarte, Kontaktkarten, Recruiting */
.rep-map{margin:0 auto;max-width:1100px}
.rep-map__canvas svg{width:100%;height:auto;display:block;max-height:540px}
.rep-map__canvas #World,.rep-map__canvas #Ocean{fill:transparent;stroke:none}
.rep-map__canvas svg path{fill:#dde4ec;stroke:#fff;stroke-width:.25}
.rep-map__canvas #DE,.rep-map__canvas #DE path,
.rep-map__canvas #AT,.rep-map__canvas #AT path,
.rep-map__canvas #CH,.rep-map__canvas #CH path,
.rep-map__canvas #BE,.rep-map__canvas #BE path,
.rep-map__canvas #NL,.rep-map__canvas #NL path,
.rep-map__canvas #PL,.rep-map__canvas #PL path,
.rep-map__canvas #GB,.rep-map__canvas #GB path{fill:var(--red);stroke:#fff;stroke-width:.25}
.rep-map__legend{display:flex;gap:1.4rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.rep-legend{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem;font-weight:700}
.rep-legend:before{content:"";width:.85rem;height:.85rem;border-radius:50%;display:inline-block}
.rep-legend--covered:before{background:var(--red)}
.rep-legend--sought:before{background:#dde4ec;border:1px solid #b9c6d4}

.rep-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.rep-card{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;padding:1.45rem}
.rep-card__country{display:block;margin-bottom:.5rem;color:#77879a;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.rep-card h3{margin:0 0 .2rem;color:var(--ink);font-size:1.15rem;line-height:1.15}
.rep-card__contact{margin:0 0 .6rem;color:var(--muted);font-size:.92rem}
.rep-card__note{margin:.1rem 0 .8rem;color:var(--muted);font-size:.84rem}
.rep-card address{font-style:normal;color:var(--muted);font-size:.92rem;line-height:1.5;margin-bottom:.8rem}
.rep-card__links{margin-top:auto;display:flex;flex-direction:column;gap:.2rem}
.rep-card__links a{color:var(--ink);font-weight:700;text-decoration:none;font-size:.92rem}
.rep-card__links a:hover{color:var(--red)}

.rep-germany-note{max-width:1200px;margin:1.4rem auto 0;padding:.9rem 1.1rem;border-left:3px solid var(--red);background:var(--soft-blue);color:var(--ink);font-size:.95rem}

.partner-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.partner-grid article{border:1px solid var(--line);background:#fff;padding:1.6rem}
.partner-grid h3{margin:0 0 .8rem;color:var(--ink);font-size:1.2rem}
.partner-grid ul{margin:0;padding-left:1.1rem;color:var(--muted)}
.partner-grid li{margin-bottom:.45rem}
.partner-contact{max-width:1200px;margin:1.6rem auto 0;display:flex;flex-wrap:wrap;gap:.6rem 2rem;align-items:center;padding:1.3rem 1.5rem;border:1px solid var(--line);background:var(--soft-blue)}
.partner-contact strong{color:var(--ink);font-size:1.05rem;width:100%}
.partner-contact a{color:var(--ink);font-weight:800;text-decoration:none;border-bottom:1px solid var(--red)}
.partner-contact a:hover{color:var(--red)}

@media (max-width:980px){
  .rep-grid{grid-template-columns:1fr}
  .partner-grid{grid-template-columns:1fr}
}

/* --- Produkt: Baugrößen & Antrieb (ProductSpecs) --- */
.specs-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:clamp(1.5rem,4vw,3rem);
  align-items:start;
}
.specs-grid h3{margin:0 0 .9rem;color:var(--ink);font-size:1.1rem}
.drive-list{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.drive-list div{padding:.85rem 1rem;background:#fff;border-bottom:1px solid var(--line)}
.drive-list div:last-child{border-bottom:0}
.drive-list dt{color:#66778a;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.drive-list dd{margin:.2rem 0 0;color:var(--ink);font-size:.96rem;font-weight:700;line-height:1.45}
.specs-intro{color:#5a6b7d;margin:0 0 1rem;font-size:.95rem}
.size-table{width:100%;border-collapse:collapse;border:1px solid var(--line);background:#fff}
.size-table th,.size-table td{padding:.6rem .9rem;text-align:left;border-bottom:1px solid var(--line)}
.size-table th{background:var(--soft-blue);color:var(--ink);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
.size-table td{color:var(--ink);font-weight:750;font-size:.95rem}
.size-table tr:last-child td{border-bottom:0}
.size-notes{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.5rem}
.size-notes li{position:relative;padding-left:1.5rem;color:var(--ink);font-size:.92rem;font-weight:650}
.size-notes li:before{content:"\2713";position:absolute;left:0;color:var(--red);font-weight:900}
.size-heavy{margin:1.1rem 0 0;padding:.8rem 1rem;border-left:4px solid var(--red);background:var(--soft-blue);color:var(--ink);font-size:.9rem;font-weight:700}

/* --- Produkt: Optionen & Varianten (ProductOptions) --- */
.option-grid{
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.4rem;
}
.option-card{
  margin:0;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  display:flex;
  flex-direction:column;
}
.option-card img{width:100%;height:200px;object-fit:cover;background:var(--soft-blue);display:block}
.option-card figcaption{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.35rem}
.option-card strong{color:var(--ink);font-size:1rem}
.option-card span{color:#5a6b7d;font-size:.9rem;line-height:1.5}

@media (max-width:780px){
  .specs-grid{grid-template-columns:1fr}
}

/* --- Wissen: beschriftete Schnittdarstellung --- */
.knowledge-schematic{
  max-width:920px;
  margin:0 auto;
  padding:1.4rem;
  background:#fff;
  border:1px solid var(--line);
  border-radius:8px;
}
.knowledge-schematic img{width:100%;height:auto;display:block}