.structure-page{padding-top:88px}
.structure-hero{padding:clamp(3rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,4rem)}
.structure-kicker{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--brand);margin-bottom:1rem}
.structure-hero h1{max-width:860px;font-size:clamp(2rem,5vw,3.3rem);line-height:1.08;letter-spacing:-.04em}
.structure-hero p{max-width:720px;color:var(--text-dim);font-size:clamp(1rem,1.7vw,1.15rem)}
.structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.6rem}
.structure-card{display:grid;gap:.55rem;padding:1.2rem;background:rgba(13,21,15,.72);border:1px solid rgba(255,255,255,.08);border-radius:6px;color:inherit;text-decoration:none}
.structure-card:hover{border-color:rgba(34,195,93,.26);background:rgba(13,21,15,.9)}
.structure-card h2,.structure-card h3{font-size:1.1rem;margin:0;padding:0;display:block}
.structure-card h2::after,.structure-card h3::after{display:none}
.structure-card p{margin:0;color:rgba(205,211,207,.82);font-size:.96rem;line-height:1.72}
.structure-list{display:grid;gap:.75rem;margin-top:1.1rem;padding-left:1.2rem;color:rgba(205,211,207,.86)}
.structure-band{border-top:1px solid rgba(255,255,255,.05);padding:clamp(2.5rem,5vw,4rem) 0}
.structure-note{max-width:760px;color:rgba(205,211,207,.86);line-height:1.85}
@media (max-width:760px){
  .structure-page{padding-top:76px}
  .structure-grid{grid-template-columns:1fr}
}

/* Technologien: 3-Spalten-Index mit ruhiger Linienanimation */
.tech-decision{border-top:1px solid rgba(255,255,255,.06)}
.tech-decision-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.tech-decision-col{
  display:flex;
  flex-direction:column;
  padding:clamp(2.75rem,5vw,4rem) clamp(1.5rem,3vw,2.75rem) clamp(3rem,5.5vw,4.5rem);
  border-left:1px solid rgba(255,255,255,.07);
  text-decoration:none;
  color:inherit;
  --tech-accent:rgba(255,255,255,.28);
}
.tech-decision-col:first-child{
  border-left:0;
  padding-left:0;
}
.tech-decision-col--excel{--tech-accent:#22C35D}
.tech-decision-col--doc{--tech-accent:#6d51c7}
.tech-decision-visual{
  position:relative;
  height:clamp(150px,20vw,210px);
  margin-bottom:clamp(2rem,4vw,3rem);
}
.tech-decision-num{
  position:absolute;
  top:0;
  left:0;
  font-family:'DM Mono',monospace;
  font-size:.7rem;
  letter-spacing:.12em;
  color:rgba(205,211,207,.38);
  transition:color .3s ease;
}
.shape{
  position:absolute;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
  transition:border-color .3s ease;
  will-change:transform,opacity;
}
.tech-decision-col:hover .shape{border-color:rgba(255,255,255,.3)}
.tech-decision-col:hover .shape-b{border-color:var(--tech-accent)}

/* Excel-Lösung: Tabellenzellen */
.tech-decision-col--excel .shape{
  background:
    linear-gradient(90deg,transparent 49%,rgba(255,255,255,.035) 50%,transparent 51%),
    linear-gradient(0deg,transparent 49%,rgba(255,255,255,.035) 50%,transparent 51%);
  background-size:16px 16px;
}
.tech-decision-col--excel .shape-a{width:64px;height:64px;top:14%;left:6%;animation:tech-data-a 15s ease-in-out infinite}
.tech-decision-col--excel .shape-b{width:64px;height:64px;top:14%;left:calc(6% + 78px);border-color:rgba(34,195,93,.32);animation:tech-data-b 18s ease-in-out -6s infinite}
.tech-decision-col--excel .shape-c{width:64px;height:64px;top:calc(14% + 78px);left:6%;animation:tech-data-c 21s ease-in-out -12s infinite}

/* Webanwendung: gestapelte Fenster */
.tech-decision-col--web .shape::before{
  content:"";
  position:absolute;
  top:12px;
  right:13px;
  left:13px;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 72%);
  opacity:.55;
}
.tech-decision-col--web .shape-a{width:150px;height:96px;top:4%;left:2%;opacity:.68;animation:tech-layer-back 20s ease-in-out infinite}
.tech-decision-col--web .shape-b{width:150px;height:96px;top:24%;left:18%;opacity:.82;animation:tech-layer-mid 16s ease-in-out -5s infinite}
.tech-decision-col--web .shape-c{width:150px;height:96px;top:44%;left:34%;animation:tech-layer-front 13s ease-in-out -8s infinite}

/* Dokumentenanalyse: Dokumentenzeilen */
.tech-decision-col--doc .tech-decision-visual::after{
  content:"";
  position:absolute;
  top:12%;
  left:3%;
  width:178px;
  height:1px;
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(109,81,199,.42),rgba(34,195,93,.22),transparent);
  filter:blur(.2px);
  transform:translate3d(0,0,0);
  animation:tech-document-scan 15s ease-in-out 2.5s infinite;
  will-change:transform,opacity;
}
.tech-decision-col--doc .shape-a{width:170px;height:14px;border-radius:3px;top:16%;left:4%;animation:tech-document-a 17s ease-in-out infinite}
.tech-decision-col--doc .shape-b{width:128px;height:14px;border-radius:3px;top:42%;left:4%;border-color:rgba(109,81,199,.36);animation:tech-document-b 20s ease-in-out -7s infinite}
.tech-decision-col--doc .shape-c{width:150px;height:14px;border-radius:3px;top:68%;left:4%;animation:tech-document-c 23s ease-in-out -13s infinite}

@keyframes tech-data-a{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(7px,0,0)}
}
@keyframes tech-data-b{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-8px,1px,0)}
}
@keyframes tech-data-c{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(5px,-1px,0)}
}
@keyframes tech-layer-back{
  0%,100%{transform:translate3d(0,0,0);opacity:.68}
  50%{transform:translate3d(-3px,2px,0);opacity:.72}
}
@keyframes tech-layer-mid{
  0%,100%{transform:translate3d(0,0,0);opacity:.82}
  50%{transform:translate3d(4px,-2px,0);opacity:.88}
}
@keyframes tech-layer-front{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(5px,-3px,0)}
}
@keyframes tech-document-a{
  0%,100%{transform:translate3d(0,0,0);opacity:.72}
  50%{transform:translate3d(7px,0,0);opacity:.9}
}
@keyframes tech-document-b{
  0%,100%{transform:translate3d(0,0,0);opacity:.82}
  50%{transform:translate3d(-6px,0,0);opacity:1}
}
@keyframes tech-document-c{
  0%,100%{transform:translate3d(0,0,0);opacity:.7}
  50%{transform:translate3d(5px,0,0);opacity:.88}
}
@keyframes tech-document-scan{
  0%,18%,100%{transform:translate3d(0,0,0);opacity:0}
  28%{opacity:.18}
  58%{opacity:.28}
  74%{transform:translate3d(0,132px,0);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .shape,
  .tech-decision-col--doc .tech-decision-visual::after{animation:none}
}

.tech-decision-col h2{
  margin:0 0 .4rem;
  font-size:.8rem;
  font-weight:600;
  line-height:1.25;
  letter-spacing:-.005em;
  white-space:nowrap;
  color:rgba(232,242,236,.92);
  transition:color .25s ease;
}
.tech-decision-col:hover h2,
.tech-decision-col:focus-visible h2{color:#f4f6f4}
.tech-decision-col p{margin:0;max-width:30ch;color:rgba(205,211,207,.65);font-size:.78rem;line-height:1.55}
.tech-decision-col:focus-visible{outline:none}
.tech-decision-col:hover .tech-decision-num,
.tech-decision-col:focus-visible .tech-decision-num{color:var(--tech-accent)}

@media(max-width:860px){
  .tech-decision-grid{grid-template-columns:1fr}
  .tech-decision-col{
    padding:clamp(2.25rem,7vw,3rem) 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.07);
  }
  .tech-decision-col:first-child{border-top:0;padding-top:0}
}

/* Praxiswissen: offene Editorial-Struktur statt Blog- oder Kartenlayout */
.praxis-kb-page .knowledge-overview-hero{
  padding:clamp(4.5rem,8vw,7rem) 0 clamp(3rem,5vw,4.5rem);
}
.praxis-kb-page .knowledge-overview-hero .container,
.praxis-kb-page .knowledge-overview{
  width:min(1160px,92%);
}
.praxis-kb-page .knowledge-overview-hero h1,
.praxis-kb-page .knowledge-overview-hero p{
  display:inline;
  max-width:none;
  margin:0;
  font-size:clamp(2rem,3.4vw,3.45rem);
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.025em;
}
.praxis-kb-page .knowledge-overview-hero h1{color:#fff}
.praxis-kb-page .knowledge-overview-hero h1::after{content:" "}
.praxis-kb-page .knowledge-overview-hero p{color:rgba(205,211,207,.68)}
.praxis-kb-page .knowledge-overview{padding-bottom:clamp(5rem,9vw,8rem)}
.knowledge-index{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.08);
}
.knowledge-index-group{
  min-width:0;
  padding:clamp(2rem,3vw,3rem) clamp(1.4rem,2.5vw,2.5rem) 0;
}
.knowledge-index-group:first-child{padding-left:0}
.knowledge-index-group:last-child{padding-right:0}
.knowledge-index-group+ .knowledge-index-group{border-left:1px solid rgba(255,255,255,.07)}
.knowledge-index-heading{display:flex;align-items:baseline;gap:1rem;margin-bottom:clamp(1.5rem,2.5vw,2.25rem)}
.knowledge-index-heading span{
  color:rgba(34,195,93,.68);
  font-family:'DM Mono',monospace;
  font-size:.62rem;
  letter-spacing:.1em;
}
.knowledge-index-heading h2{
  margin:0;
  color:rgba(233,241,236,.94);
  font-size:clamp(1.15rem,1.7vw,1.45rem);
  font-weight:600;
  letter-spacing:-.015em;
  text-transform:uppercase;
}
.knowledge-index-group ol{margin:0;padding:0;list-style:none}
.knowledge-index-group li{border-top:1px solid rgba(255,255,255,.055)}
.knowledge-index-group li:last-child{border-bottom:1px solid rgba(255,255,255,.055)}
.knowledge-index-group a{
  display:grid;
  grid-template-columns:1.7rem 1fr auto;
  gap:.65rem;
  align-items:center;
  min-height:74px;
  color:inherit;
  text-decoration:none;
}
.knowledge-index-group a span{
  color:rgba(205,211,207,.35);
  font-family:'DM Mono',monospace;
  font-size:.56rem;
  transition:color .35s ease-out;
}
.knowledge-index-group a strong{
  color:rgba(213,228,219,.78);
  font-size:.88rem;
  font-weight:500;
  line-height:1.4;
  transition:color .35s ease-out,transform .35s ease-out;
}
.knowledge-index-group a i{
  color:#22C35D;
  font-style:normal;
  opacity:0;
  transform:translateX(-5px);
  transition:opacity .35s ease-out,transform .35s ease-out;
}
.knowledge-index-group a:hover span{color:#22C35D}
.knowledge-index-group a:hover strong{color:#fff;transform:translateX(4px)}
.knowledge-index-group a:hover i{opacity:1;transform:none}

.knowledge-article-page .knowledge-article-hero{
  padding:clamp(4rem,7vw,6.5rem) 0 clamp(3rem,5vw,4.5rem);
  border-bottom:0;
}
.knowledge-article-page .knowledge-article-hero .container,
.knowledge-article-page .knowledge-article-layout{
  width:min(1120px,92%);
  max-width:1120px;
}
.knowledge-article-heading{max-width:1020px}
.knowledge-article-heading h1,
.knowledge-article-heading p{
  display:inline;
  max-width:none;
  margin:0;
  font-size:clamp(2rem,3.5vw,3.5rem);
  font-weight:400;
  line-height:1.05;
  letter-spacing:-.03em;
}
.knowledge-article-heading h1{color:#fff}
.knowledge-article-heading h1::after{content:" "}
.knowledge-article-heading p{color:rgba(205,211,207,.68)}
.knowledge-article-layout{padding-top:0;padding-bottom:clamp(5rem,9vw,8rem)}
.knowledge-article-content section{
  margin:0;
  padding:clamp(3.5rem,7vw,6rem) 0;
  border-top:1px solid rgba(255,255,255,.07);
}
.knowledge-article-content p{
  color:rgba(188,211,198,.74);
  font-size:clamp(.92rem,1.2vw,1.02rem);
  line-height:1.75;
}
.knowledge-brief{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:clamp(3rem,8vw,7rem);
  align-items:center;
}
.knowledge-brief>div:first-child{max-width:680px}
.knowledge-brief p{margin:.85rem 0 0}
.knowledge-path{display:flex;flex-direction:column;align-items:flex-start}
.knowledge-path span{
  color:rgba(221,234,226,.86);
  font-size:.85rem;
  font-weight:600;
}
.knowledge-path i{
  width:1px;
  height:32px;
  margin:.55rem 0 .55rem .35rem;
  background:linear-gradient(#22C35D,rgba(109,81,199,.65));
  opacity:.6;
}
.knowledge-situation-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:2rem;
}
.knowledge-situation-list article{
  min-width:0;
  padding:0 clamp(1.25rem,2.5vw,2rem);
}
.knowledge-situation-list article:first-child{padding-left:0}
.knowledge-situation-list article+article{border-left:1px solid rgba(255,255,255,.07)}
.knowledge-situation-list span{
  color:#22C35D;
  font-family:'DM Mono',monospace;
  font-size:.58rem;
}
.knowledge-situation-list h2{
  margin:1.25rem 0 .75rem;
  font-size:clamp(1rem,1.45vw,1.22rem);
  line-height:1.28;
}
.knowledge-situation-list p{margin:0;font-size:.82rem;line-height:1.65}
.knowledge-fit{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}
.knowledge-fit>div{padding-right:clamp(2rem,5vw,4.5rem)}
.knowledge-fit>div+div{
  padding-right:0;
  padding-left:clamp(2rem,5vw,4.5rem);
  border-left:1px solid rgba(255,255,255,.07);
}
.knowledge-fit h2{margin:1rem 0 1.6rem;font-size:clamp(1.4rem,2.4vw,2rem)}
.knowledge-fit ul{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.knowledge-fit li{
  position:relative;
  padding-left:1.35rem;
  color:rgba(224,229,226,.8);
  font-size:.9rem;
}
.knowledge-fit>div:first-child li::before,
.knowledge-fit>div:last-child li::before{
  position:absolute;
  left:0;
  color:#22C35D;
}
.knowledge-fit>div:first-child li::before{content:"✓"}
.knowledge-fit>div:last-child li::before{content:"–";color:rgba(205,211,207,.65)}
.knowledge-example{
  padding:clamp(3.5rem,7vw,6rem) 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-radius:0!important;
  background:none!important;
}
.knowledge-example h2{margin:1rem 0 2rem;font-size:clamp(1.7rem,3vw,2.6rem)}
.knowledge-example-comparison{display:grid;grid-template-columns:1fr 1fr}
.knowledge-example-comparison>div{padding-right:clamp(2rem,5vw,4rem)}
.knowledge-example-comparison>div+div{
  padding-right:0;
  padding-left:clamp(2rem,5vw,4rem);
  border-left:1px solid rgba(255,255,255,.07);
}
.knowledge-example-comparison span{
  color:#22C35D;
  font-family:'DM Mono',monospace;
  font-size:.62rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.knowledge-example-stage{
  position:relative;
  height:clamp(150px,22vw,240px);
  margin-top:clamp(2rem,4vw,3.5rem);
  overflow:hidden;
  background:
    linear-gradient(90deg,transparent,rgba(34,195,93,.025),transparent),
    radial-gradient(circle at 50% 100%,rgba(34,195,93,.08),transparent 55%);
}
.knowledge-example-stage::before,
.knowledge-example-stage::after,
.knowledge-example-stage span{
  content:"";
  position:absolute;
  border:1px solid rgba(159,191,173,.15);
}
.knowledge-example-stage::before{inset:20% 16% 8%}
.knowledge-example-stage::after{inset:32% 25% 8%;border-color:rgba(109,81,199,.18)}
.knowledge-example-stage span:nth-child(1){left:22%;right:22%;top:42%;height:1px}
.knowledge-example-stage span:nth-child(2){left:34%;right:34%;top:56%;height:1px}
.knowledge-example-stage span:nth-child(3){left:43%;right:43%;top:70%;height:1px;border-color:rgba(34,195,93,.35)}
.knowledge-conclusion{max-width:920px}
.knowledge-conclusion p{
  margin:1rem 0 0;
  color:rgba(230,238,233,.9);
  font-size:clamp(1.45rem,2.7vw,2.25rem);
  line-height:1.25;
  letter-spacing:-.02em;
}
.knowledge-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:2rem;
  align-items:end;
  padding:clamp(3.5rem,7vw,6rem) 0!important;
  border:0!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  border-radius:0!important;
  background:none!important;
}
.knowledge-cta h2{max-width:760px;margin:1rem 0 .65rem;font-size:clamp(1.6rem,3vw,2.5rem)}
.knowledge-cta p{margin:0}
.knowledge-cta>a{
  color:#22C35D;
  font-family:'DM Mono',monospace;
  font-size:.75rem;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}

@media(max-width:860px){
  .knowledge-index{grid-template-columns:1fr}
  .knowledge-index-group,
  .knowledge-index-group:first-child,
  .knowledge-index-group:last-child{padding:2.25rem 0}
  .knowledge-index-group+ .knowledge-index-group{border-left:0;border-top:1px solid rgba(255,255,255,.07)}
  .knowledge-brief{grid-template-columns:1fr;gap:2.5rem}
  .knowledge-situation-list{grid-template-columns:1fr 1fr;row-gap:2rem}
  .knowledge-situation-list article:nth-child(3){padding-left:0;border-left:0}
  .knowledge-fit,.knowledge-example-comparison{grid-template-columns:1fr}
  .knowledge-fit>div,.knowledge-fit>div+div,
  .knowledge-example-comparison>div,.knowledge-example-comparison>div+div{padding:0;border-left:0}
  .knowledge-fit>div+div,.knowledge-example-comparison>div+div{margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.07)}
  .knowledge-cta{grid-template-columns:1fr;align-items:start}
}
@media(max-width:560px){
  .praxis-kb-page .knowledge-overview-hero h1,
  .praxis-kb-page .knowledge-overview-hero p,
  .knowledge-article-heading h1,
  .knowledge-article-heading p{font-size:clamp(1.65rem,8vw,2.3rem)}
  .knowledge-situation-list{grid-template-columns:1fr}
  .knowledge-situation-list article,
  .knowledge-situation-list article:first-child,
  .knowledge-situation-list article:nth-child(3){padding:1.5rem 0;border-left:0;border-top:1px solid rgba(255,255,255,.06)}
}

/* Preise je nach Technologie */
.tech-pricing{
  border-top:0;
  padding:0 0 clamp(3.5rem,7vw,5.5rem);
}
.tech-pricing-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.75rem);
  align-items:end;
  margin-top:0;
  padding-top:0;
  isolation:isolate;
}
.tech-pricing-ascent{
  position:absolute;
  z-index:-1;
  top:clamp(1.15rem,2vw,1.75rem);
  left:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.tech-pricing-ascent path:first-of-type{
  fill:none;
  stroke:url(#pricing-line-gradient);
  stroke-width:1.25;
  vector-effect:non-scaling-stroke;
  opacity:0;
  filter:drop-shadow(0 0 3px rgba(34,195,93,.16));
  stroke-dasharray:1;
  stroke-dashoffset:1;
}
.tech-pricing-grid.is-visible .tech-pricing-ascent path:first-of-type{
  animation:pricing-ascent-draw 5.4s cubic-bezier(.22,.61,.36,1) .5s forwards;
}
.tech-pricing-ascent circle{
  fill:#0a0f0b;
  stroke-width:2;
  vector-effect:non-scaling-stroke;
  opacity:0;
  transform:scale(.72);
  transform-box:fill-box;
  transform-origin:center;
  filter:drop-shadow(0 0 4px rgba(109,81,199,.18));
}
.tech-pricing-ascent .pricing-point--excel{fill:#22C35D;stroke:#79e99f}
.tech-pricing-ascent .pricing-point--web{fill:#344b3d;stroke:#8d7bdc}
.tech-pricing-ascent .pricing-point--ki{fill:#6d51c7;stroke:#a28cf0}
.tech-pricing-grid.is-visible .pricing-point--excel{animation:pricing-point-in .8s ease-out .25s forwards}
.tech-pricing-grid.is-visible .pricing-point--web{animation:pricing-point-in .8s ease-out 1.55s forwards}
.tech-pricing-grid.is-visible .pricing-point--ki{animation:pricing-point-in .8s ease-out 2.65s forwards}
.tech-pricing-grid:has(.tech-pricing-col--excel:hover) .pricing-point--excel,
.tech-pricing-grid:has(.tech-pricing-col--web:hover) .pricing-point--web,
.tech-pricing-grid:has(.tech-pricing-col--doc:hover) .pricing-point--ki{
  transform:scale(1.12);
  filter:drop-shadow(0 0 6px currentColor);
}
.tech-pricing-col{
  position:relative;
  min-height:clamp(300px,29vw,360px);
  padding:clamp(1.4rem,2.5vw,2rem) 0 0;
  border:0;
  background:transparent;
  margin:0;
  --tech-accent:rgba(255,255,255,.28);
  opacity:0;
  transform:translateY(14px);
  transition:opacity .5s ease-out,transform .5s ease-out;
}
.tech-pricing-grid.is-visible .tech-pricing-col--excel{opacity:1;transform:none;transition-delay:.18s}
.tech-pricing-grid.is-visible .tech-pricing-col--web{opacity:1;transform:none;transition-delay:1.75s}
.tech-pricing-grid.is-visible .tech-pricing-col--doc{opacity:1;transform:none;transition-delay:2.85s}
.tech-pricing-col:first-child{
  margin-left:0;
  padding-left:0;
}
.tech-pricing-col:nth-of-type(2){min-height:clamp(330px,32vw,395px)}
.tech-pricing-col:nth-of-type(3){min-height:clamp(360px,35vw,430px)}
.tech-pricing-col::before{
  content:none;
}
.tech-pricing-col--excel{--tech-accent:#22C35D}
.tech-pricing-col--web{--tech-accent:#6d7fe8}
.tech-pricing-col--doc{--tech-accent:#8b72d4}
.tech-pricing-col h3{
  margin:0 0 .75rem;
  font-size:clamp(1rem,1.35vw,1.18rem);
  font-weight:600;
  letter-spacing:-.005em;
  color:rgba(232,242,236,.92);
}
.tech-pricing-range{
  display:block;
  margin:1.15rem 0 1.1rem;
  font-family:'DM Mono',monospace;
  font-size:clamp(1.05rem,1.45vw,1.25rem);
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--tech-accent);
}
.tech-pricing-col>p{
  margin:0;
  max-width:34ch;
  font-family:var(--sans);
  font-size:clamp(.88rem,.95vw,.96rem);
  color:rgba(205,211,207,.8);
  line-height:1.65;
}
.tech-pricing-list{
  display:grid;
  gap:.5rem;
  margin:0;
  padding:0;
  list-style:none;
}
.tech-pricing-list li{
  position:relative;
  padding-left:1.2rem;
  font-family:var(--sans);
  font-size:clamp(.88rem,.95vw,.96rem);
  color:rgba(205,211,207,.8);
  line-height:1.65;
}
.tech-pricing-list li::before{
  content:"";
  position:absolute;
  top:.62em;
  left:0;
  width:.34rem;
  height:.34rem;
  border-radius:999px;
  color:var(--tech-accent);
  background:var(--tech-accent);
  box-shadow:0 0 8px color-mix(in srgb,var(--tech-accent) 42%,transparent);
  transform:translateY(-50%);
  opacity:.85;
}
.tech-pricing-axis{
  position:absolute;
  z-index:1;
  color:rgba(205,211,207,.8);
  font-family:'DM Mono',monospace;
  font-size:clamp(.72rem,.85vw,.82rem);
  letter-spacing:.1em;
  text-transform:uppercase;
  pointer-events:none;
  opacity:0;
}
.tech-pricing-axis--scale{top:-8%;right:1%}
.tech-pricing-axis--complexity{bottom:-1.55rem;right:0}
.tech-pricing-grid.is-visible .tech-pricing-axis{
  animation:pricing-axis-in .7s ease-out .05s both;
}
@keyframes pricing-ascent-draw{
  0%{stroke-dashoffset:1;opacity:.8}
  82%{stroke-dashoffset:0;opacity:.8}
  100%{stroke-dashoffset:0;opacity:.4}
}
@keyframes pricing-point-in{
  0%{opacity:0;transform:scale(.72)}
  72%{opacity:1;transform:scale(1.12)}
  100%{opacity:.08;transform:scale(1)}
}
@keyframes pricing-axis-in{
  from{opacity:0}
  to{opacity:1}
}

@media(max-width:860px){
  .tech-pricing-grid{
    grid-template-columns:1fr;
    margin-top:2rem;
    padding:0 0 0 2.2rem;
    gap:0;
  }
  .tech-pricing-grid::before{
    content:"";
    position:absolute;
    top:.45rem;
    bottom:.45rem;
    left:.35rem;
    width:1px;
    background:linear-gradient(180deg,#22C35D,rgba(109,81,199,.75));
    opacity:.42;
  }
  .tech-pricing-ascent{display:none}
  .tech-pricing-axis{display:none}
  .tech-pricing-col{
    min-height:0!important;
    padding:clamp(2.25rem,7vw,3rem) 0;
    margin-left:0;
    border:0;
    border-top:1px solid rgba(255,255,255,.07);
    background:transparent;
  }
  .tech-pricing-col::after{
    content:"";
    position:absolute;
    top:2.6rem;
    left:-2.2rem;
    width:11px;
    height:11px;
    border:2px solid var(--tech-accent);
    border-radius:50%;
    background:#0a0f0b;
    box-shadow:0 0 7px color-mix(in srgb,var(--tech-accent) 20%,transparent);
  }
  .tech-pricing-col:first-child{border-top:0;padding-top:0;padding-left:0}
  .tech-pricing-col:first-child::after{top:.35rem}
  .tech-pricing-col::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .tech-pricing-ascent path:first-of-type{stroke-dashoffset:0;opacity:.4;animation:none}
  .tech-pricing-ascent circle,
  .tech-pricing-col{opacity:1;transform:none;animation:none;transition:none}
  .tech-pricing-axis{opacity:1;animation:none}
}

/* Technologies intro: headline and explanation form one flowing statement */
.technology-flow-hero .container{
  width:min(1180px,94%);
}
.technology-flow-hero h1,
.technology-flow-hero p{
  display:inline;
  max-width:none;
  margin:0;
  font-size:clamp(1.7rem,2.35vw,2.35rem);
  line-height:1!important;
  letter-spacing:-.015em;
}
.technology-flow-hero h1{
  color:#ffffff;
  font-weight:400;
}
.technology-flow-hero h1::after{
  content:" ";
}
.technology-flow-hero p{
  color:rgba(205,211,207,.76);
  font-weight:400;
}

.technology-flow-hero{
  padding:clamp(4.75rem,8vw,7rem) 0 clamp(7.5rem,13.5vw,11.5rem);
}
.pricing-flow-hero{
  padding-bottom:0;
}
.pricing-flow-hero + .tech-pricing{
  margin-top:clamp(-2rem,-2.5vw,-1rem);
}
.technology-flow-hero .structure-kicker{
  margin-bottom:1.35rem;
}
.technology-flow-hero + .tech-decision{
  border-top:0;
}
.technology-flow-hero + .tech-decision .container{
  width:min(1120px,90%);
}
.technology-flow-hero + .tech-decision .tech-decision-grid{
  position:relative;
  grid-template-columns:0.85fr 1.25fr 0.9fr;
}
.technology-flow-hero + .tech-decision .tech-decision-col{
  position:relative;
  min-width:0;
  padding:clamp(1.5rem,3vw,2.5rem) clamp(2rem,3.2vw,3.25rem) clamp(6rem,9vw,8rem);
  border-left:0;
  background:transparent;
  transition:transform .35s ease;
}
.technology-flow-hero + .tech-decision .tech-decision-col:first-child{
  padding-left:0;
}
.technology-flow-hero + .tech-decision .tech-decision-col:last-child{
  padding-right:0;
}
.technology-flow-hero + .tech-decision .tech-decision-col:not(:last-child)::after{
  content:"";
  position:absolute;
  top:15%;
  right:0;
  bottom:calc(clamp(6rem,9vw,8rem) + 15%);
  width:1px;
  background:rgba(255,255,255,.05);
}
.technology-flow-hero + .tech-decision .tech-decision-col:hover,
.technology-flow-hero + .tech-decision .tech-decision-col:focus-visible{
  transform:translateY(-4px);
}
.technology-flow-hero + .tech-decision .tech-decision-visual{
  position:relative;
  height:clamp(225px,25vw,270px);
  margin-top:-.5rem;
  margin-bottom:clamp(2.5rem,4vw,3.5rem);
}
.technology-flow-hero + .tech-decision .tech-decision-visual::before{
  content:"";
  position:absolute;
  inset:6%;
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--tech-accent) 10%,transparent),transparent 70%);
  pointer-events:none;
}
.technology-flow-hero + .tech-decision .tech-decision-col--excel .tech-decision-visual::before{
  content:none;
}
.technology-flow-hero + .tech-decision .tech-decision-col--web .tech-decision-visual::before{
  content:none;
}
.technology-flow-hero + .tech-decision .tech-decision-col--web{
  --tech-accent:#6d51c7;
}
.technology-flow-hero + .tech-decision .tech-illustration{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  transition:filter .35s ease;
}
.technology-flow-hero + .tech-decision .tech-decision-col:hover .tech-illustration,
.technology-flow-hero + .tech-decision .tech-decision-col:focus-visible .tech-illustration{
  filter:brightness(1.15) drop-shadow(0 0 14px rgba(34,195,93,.07));
}
.tech-illustration{
  fill:none;
  stroke:rgba(243,246,244,.87);
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tech-illustration *{
  vector-effect:non-scaling-stroke;
}
.excel-sheet,
.web-window,
.doc-lines{
  transform-box:fill-box;
  transform-origin:center;
  will-change:transform,opacity;
}
.excel-sheet{animation:tech-svg-excel-breathe 6s ease-in-out infinite}
.excel-toolbar{opacity:.78}
.excel-mark{
  fill:rgba(34,195,93,.16);
  font-family:'DM Mono',monospace;
  font-size:26px;
  font-weight:800;
  text-anchor:middle;
  dominant-baseline:central;
  stroke:none;
}
.tech-accent-cell{
  fill:rgba(34,195,93,.025);
  stroke:none;
  transform-box:fill-box;
  transform-origin:center;
  animation:tech-svg-cell 12s ease-in-out infinite;
}
.tech-accent-cell--1{animation-delay:0s}
.tech-accent-cell--2{animation-delay:-2s}
.tech-accent-cell--3{animation-delay:-4s}
.tech-accent-cell--4{animation-delay:-6s}
.tech-accent-cell--5{animation-delay:-8s}
.tech-accent-cell--6{animation-delay:-10s}
.excel-gear{
  fill:rgba(10,15,14,.6);
  stroke:rgba(34,195,93,.68);
}
.excel-gear-spin{
  transform-origin:250px 38px;
  animation:tech-svg-gear-spin 9s linear infinite;
}
.web-window--back{opacity:.74;animation:tech-svg-web-back 12s ease-in-out infinite}
.web-window--side{opacity:.84;animation:tech-svg-web-side 10s ease-in-out -4s infinite}
.web-window--active{opacity:1;animation:tech-svg-web-active 9s ease-in-out -6s infinite}
.web-url-bar{fill:rgba(226,238,231,.07);stroke:rgba(226,238,231,.6)}
.web-sidebar-active{fill:rgba(34,195,93,.08);stroke:rgba(34,195,93,.85)}
.web-globe{stroke:rgba(226,238,231,.6)}
.web-globe ellipse{fill:none}
.web-orbit{fill:none;stroke:rgba(34,195,93,.4);stroke-dasharray:1 7}
.web-orbit-dot{fill:rgba(34,195,93,.55);stroke:none}
.web-orbit-spin{
  transform-origin:125px 72px;
  animation:tech-svg-orbit-spin 7s linear infinite;
}
.web-orbit-traveler{
  fill:rgba(120,255,150,.9);
  stroke:none;
  filter:drop-shadow(0 0 4px rgba(34,195,93,.8));
}
.web-content-card{fill:rgba(226,238,231,.05);stroke:rgba(226,238,231,.45)}
.web-connection{stroke:rgba(226,238,231,.42);stroke-dasharray:2 6}
.web-connection-dot{
  fill:rgba(34,195,93,.7);
  stroke:none;
  animation:tech-svg-check 9s ease-in-out infinite;
}
.web-connection-dot--2{animation-delay:-4.5s}
.wb-svg {
  width:100%;
  max-width:620px;
  overflow:visible;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  display:block;
}
.wb-fd { fill: rgba(9,14,11,.93);  stroke: rgba(222,240,228,.62); stroke-width: .80; }
.wb-ft { fill: rgba(9,14,11,.90);  stroke: rgba(222,240,228,.84); stroke-width: .92; }
.wb-fm { fill: rgba(9,14,11,.87);  stroke: rgba(222,240,228,.96); stroke-width: 1.06; }
.wb-bar  { stroke: rgba(222,240,228,.34); stroke-width: .50; }
.wb-dr   { fill: rgba(255, 92, 82,.44); stroke:none; }
.wb-dy   { fill: rgba(255,185, 40,.36); stroke:none; }
.wb-dg   { fill: rgba( 34,195, 93,.46); stroke:none; }
.wb-addr { fill: rgba(255,255,255,.018); stroke: rgba(222,240,228,.20); stroke-width: .44; }
.wb-adot { fill: rgba(124,92,255,.72); stroke:none; animation: wbAD 6s ease-in-out infinite; }
.wb-sb-active {
  fill: rgba(34,195,93,.90); stroke: none;
  animation: wbSbA 8s ease-in-out infinite;
}
.wb-sb-line { stroke: rgba(220,238,226,.64); stroke-width: .50; }
.wb-sb-div  { stroke: rgba(220,238,226,.24); stroke-width: .42; }
.wb-globe-g { animation: wbGlobeGlow 9s ease-in-out infinite; }
.wb-globe   { stroke: rgba(220,238,226,.56); stroke-width: .80; fill: rgba(255,255,255,.018); }
.wb-globe-ln{ stroke: rgba(220,238,226,.28); stroke-width: .52; }
.wb-globe-lat-g {
  stroke: rgba(34,195,93,.50); stroke-width: .58;
  animation: wbLatG 9s ease-in-out infinite;
}
.wb-globe-lat-p {
  stroke: rgba(124,92,255,.50); stroke-width: .58;
  animation: wbLatP 9s ease-in-out infinite; animation-delay: -4s;
}
.wb-scan {
  stroke: rgba(34,195,93,.54); stroke-width: .62;
  transform-box: fill-box; transform-origin: center;
  animation: wbScan 9s ease-in-out infinite;
}
.wb-dcard  { fill: rgba(255,255,255,.032); stroke: rgba(220,238,226,.42); stroke-width: .50; }
.wb-dbbar  { stroke: rgba(220,238,226,.30); stroke-width: .46; }
.wb-screen { fill: rgba(255,255,255,.016); stroke: rgba(222,240,228,.16); stroke-width: .26; }
.wb-home-btn { fill: none; stroke: rgba(222,240,228,.52); stroke-width: .52; }
.wb-home-bar { fill: rgba(216,234,222,.34); stroke: none; }
.wb-cam-pill { fill: rgba(210,230,218,.26); stroke: none; }
.wb-tablet-camera { fill: rgba(216,234,222,.44); stroke: none; }
.wb-m-cta {
  fill: rgba(109,127,232,.20);
  stroke: rgba(109,127,232,.48);
  stroke-width: .44;
  animation: wbMCTAr 8s ease-in-out infinite;
  animation-delay: -3s;
}
.wb-m-sdot {
  fill: rgba(109,127,232,.85);
  stroke: none;
  animation: wbMSdot 8s ease-in-out infinite;
  animation-delay: -3.5s;
}
.wb-m-card { fill: rgba(255,255,255,.032); stroke: rgba(222,240,228,.28); stroke-width: .42; }
.wb-m-cline { stroke: rgba(210,230,218,.46); stroke-width: .38; }
.wb-t-row { stroke: rgba(216,234,222,.50); stroke-width: .46; }
.wb-t-acc {
  fill: rgba(124,92,255,.22); stroke: rgba(124,92,255,.66); stroke-width: .56;
  animation: wbTA 8s ease-in-out infinite; animation-delay: -4s;
}
.wb-mn  { fill: rgba(210,230,218,.28); stroke:none; }
.wb-ml  { stroke: rgba(210,230,218,.50); stroke-width: .42; }
.wb-mac {
  fill: rgba(34,195,93,.26); stroke: rgba(34,195,93,.60); stroke-width: .50;
  animation: wbMA 8s ease-in-out infinite; animation-delay: -2s;
}
.wb-conn     { stroke-dasharray: 2.5 3; animation: wbConnDash 5s linear infinite; }
.wb-conn-dot { animation: wbConnPulse 5s ease-in-out infinite; }
.wb-approve {
  fill: rgba(34,195,93,.10); stroke: rgba(34,195,93,.48); stroke-width: .44;
  animation: wbApprove 8s ease-in-out infinite; animation-delay: -5s;
}
@keyframes wbMSdot {
  0%, 100% { opacity: .80; }
  50% { opacity: 1; filter: drop-shadow(0 0 5px rgba(34,195,93,.78)); }
}
@keyframes wbMCTAr {
  0%, 100% { opacity: 1; }
  50% { filter: drop-shadow(0 0 4px rgba(34,195,93,.40)); }
}
.technology-flow-hero + .tech-decision .tech-decision-col--web .wb-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
}
.knowledge-index-visual .wb-svg{
  width:min(320px,100%);
  max-width:100%;
  margin-inline:auto;
}

.ki-tech-visual{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:min(760px,100%);
  margin-top:clamp(2.75rem,5vw,4.75rem);
  padding:clamp(1.6rem,4.5vw,3.2rem);
  border:1px solid rgba(205,232,220,.12);
  border-radius:clamp(22px,3vw,30px);
  background:
    radial-gradient(circle at 26% 22%,rgba(34,195,93,.06),transparent 35%),
    radial-gradient(circle at 74% 24%,rgba(155,114,255,.07),transparent 37%),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006)),
    #080c09;
  box-shadow:0 32px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045);
}
.ki-tech-visual::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:auto 8% 9% 8%;
  height:22%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(34,195,93,.105),rgba(97,185,255,.04) 42%,transparent 72%);
  filter:blur(18px);
  opacity:.78;
}
.qi-ai-chip{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  max-width:680px;
  height:auto;
  margin:0 auto;
  overflow:visible;
}
.qi-ai-chip__line-glow,
.qi-ai-chip__spark-glow{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:url(#qi-ai-chip-soft-glow);
  opacity:.09;
}
.qi-ai-chip__line{
  fill:none;
  stroke:rgba(205,232,220,.24);
  stroke-width:1.12;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.qi-ai-chip__line--green{stroke:rgba(230,244,237,.5)}
.qi-ai-chip__line--cyan{stroke:rgba(230,244,237,.5)}
.qi-ai-chip__line--violet{stroke:rgba(230,244,237,.5)}
.qi-ai-chip__line--dim{stroke:rgba(134,165,150,.17)}
.qi-ai-chip__spark{
  fill:none;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:9 91;
  stroke-dashoffset:100;
  opacity:0;
  filter:url(#qi-ai-chip-precise-glow);
  animation:qi-ai-chip-spark 10s cubic-bezier(.22,.61,.36,1) infinite;
}
.qi-ai-chip__spark--a{stroke:#8b72d4;animation-delay:.15s}
.qi-ai-chip__spark--b{stroke:#8b72d4;animation-delay:2.25s}
.qi-ai-chip__spark--c{stroke:#8b72d4;animation-delay:4.15s}
.qi-ai-chip__spark--d{stroke:#8b72d4;animation-delay:5.65s}
.qi-ai-chip__node{
  fill:#080d0a;
  stroke:rgba(205,232,220,.48);
  stroke-width:1.28;
}
.qi-ai-chip__node--green{stroke:rgba(230,244,237,.5)}
.qi-ai-chip__node--cyan{stroke:rgba(230,244,237,.5)}
.qi-ai-chip__node--violet{stroke:rgba(230,244,237,.5)}
.qi-ai-chip__node-halo{
  fill:none;
  stroke-width:1.15;
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  animation:qi-ai-chip-node-pulse 10s ease-in-out infinite;
}
.qi-ai-chip__node-halo--a{stroke:rgba(230,244,237,.5);animation-delay:.7s}
.qi-ai-chip__node-halo--b{stroke:rgba(230,244,237,.5);animation-delay:2.9s}
.qi-ai-chip__node-halo--c{stroke:rgba(230,244,237,.5);animation-delay:4.8s}
.qi-ai-chip__node-halo--d{stroke:rgba(230,244,237,.5);animation-delay:6.3s}
.qi-ai-chip__node-fill--a,
.qi-ai-chip__node-fill--b,
.qi-ai-chip__node-fill--c,
.qi-ai-chip__node-fill--d{
  animation:qi-ai-chip-node-fill 10s ease-in-out infinite;
}
.qi-ai-chip__node-fill--a,
.qi-ai-chip__node-fill--d{--qi-node-fill-active:rgba(139,114,212,.42);animation-delay:.7s}
.qi-ai-chip__node-fill--b{--qi-node-fill-active:rgba(139,114,212,.42);animation-delay:2.9s}
.qi-ai-chip__node-fill--c{--qi-node-fill-active:rgba(139,114,212,.42);animation-delay:4.8s}
.qi-ai-chip__core-shell{
  fill:rgba(3,8,7,.74);
  stroke:rgba(205,232,220,.22);
  stroke-width:1.1;
}
.qi-ai-chip__core{
  fill:#8b72d4;
  stroke:rgba(205,218,211,.56);
  stroke-width:.88;
  animation:qi-ai-chip-core-local 10s ease-in-out infinite;
}
.qi-ai-chip__core-inner{
  fill:none;
  stroke:rgba(205,218,211,.10);
  stroke-width:.44;
}
/* Datensphäre */
.qi-ai-chip__sphere-ring{
  fill:rgba(139,114,212,.24);
  stroke:rgba(139,114,212,.92);
  stroke-width:1.02;
  filter:drop-shadow(0 0 5px rgba(139,114,212,.36));
}
.qi-ai-chip__sphere-mrd{
  fill:none;
  stroke:rgba(139,114,212,.68);
  stroke-width:.62;
}
.qi-ai-chip__sphere-lat{
  fill:none;
  stroke-width:.62;
  stroke-linecap:round;
}
.qi-ai-chip__sphere-lat--n{
  stroke:rgba(109,127,232,.72);
  animation:qi-ai-chip-sphere-lat-n 10s ease-in-out infinite;
}
.qi-ai-chip__sphere-lat--s{
  stroke:rgba(109,127,232,.72);
  animation:qi-ai-chip-sphere-lat-s 10s ease-in-out infinite;
  animation-delay:-4.4s;
}
.qi-ai-chip__sphere-scan{display:none}
.qi-ai-chip__wave{
  fill:none;
  stroke:rgba(116,242,166,.22);
  stroke-width:.7;
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  animation:qi-ai-chip-wave 10s ease-out infinite;
}
.qi-ai-chip__wave--b{
  stroke:rgba(155,114,255,.18);
  animation-delay:.45s;
}
.qi-ai-chip__subtle-grid{
  stroke:rgba(205,232,220,.07);
  stroke-width:.7;
  stroke-dasharray:1 8;
}
.technology-flow-hero + .tech-decision .tech-decision-col--doc .ki-tech-visual{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  overflow:visible;
}
.technology-flow-hero + .tech-decision .tech-decision-col--doc .ki-tech-visual::after{
  display:none;
}
.technology-flow-hero + .tech-decision .tech-decision-col--doc .qi-ai-chip{
  width:100%;
  height:100%;
  max-width:none;
}
.hero-portrait--chip{
  display:flex;
  align-items:center;
  justify-content:center;
  aspect-ratio:1.25/1;
  -webkit-mask-image:none;
  mask-image:none;
}
.hero-portrait--chip .ki-tech-visual{
  width:100%;
  margin:0;
}

@keyframes qi-ai-chip-spark{
  0%,8%{opacity:0;stroke-dashoffset:100}
  11%{opacity:.95}
  24%{opacity:.85;stroke-dashoffset:-8}
  29%,100%{opacity:0;stroke-dashoffset:-18}
}
@keyframes qi-ai-chip-node-pulse{
  0%,12%,100%{opacity:0;transform:scale(1)}
  15%{opacity:.50;transform:scale(1.04);filter:drop-shadow(0 0 2px currentColor)}
  25%{opacity:0;transform:scale(1.10)}
}
@keyframes qi-ai-chip-node-fill{
  0%,12%,100%{fill:#080d0a;filter:none}
  15%,20%{fill:var(--qi-node-fill-active);filter:drop-shadow(0 0 4px currentColor)}
  28%{fill:#080d0a;filter:none}
}
@keyframes qi-ai-chip-core-local{
  0%,19%   {stroke:rgba(230,244,237,.70);filter:none}
  22%,26%  {stroke:rgba(151,173,255,.92);filter:drop-shadow(0 0 4px rgba(109,127,232,.46)) drop-shadow(0 0 10px rgba(139,114,212,.16))}
  30%,55%  {stroke:rgba(230,244,237,.70);filter:none}
  58%,62%  {stroke:rgba(139,114,212,.88);filter:drop-shadow(0 0 4px rgba(139,114,212,.38)) drop-shadow(0 0 9px rgba(109,127,232,.14))}
  66%,100% {stroke:rgba(230,244,237,.70);filter:none}
}
@keyframes qi-ai-chip-wave{
  0%,58%,100%{opacity:0;transform:scale(1)}
  63%{opacity:.05;transform:scale(1.006)}
  76%{opacity:0;transform:scale(1.04)}
}
@keyframes qi-ai-chip-sphere-axis{
  0%,20%,36%,100%{opacity:.26;filter:none}
  24%,31%{opacity:.86;filter:drop-shadow(0 0 2.5px rgba(215,232,224,.60))}
}
@keyframes qi-ai-chip-sphere-lat-n{
  0%,40%,57%,100%{opacity:.44;filter:none}
  45%,52%{opacity:1;filter:drop-shadow(0 0 2.5px rgba(34,195,93,.64))}
}
@keyframes qi-ai-chip-sphere-lat-s{
  0%,60%,77%,100%{opacity:.40;filter:none}
  65%,72%{opacity:1;filter:drop-shadow(0 0 2.5px rgba(139,114,212,.62))}
}
@media(max-width:860px){
  .ki-tech-visual{
    width:100%;
    padding:1.35rem;
    border-radius:22px;
  }
}
@media(prefers-reduced-motion:reduce){
  .qi-ai-chip__spark,
  .qi-ai-chip__node-halo,
  .qi-ai-chip__node-fill--a,
  .qi-ai-chip__node-fill--b,
  .qi-ai-chip__node-fill--c,
  .qi-ai-chip__node-fill--d,
  .qi-ai-chip__core,
  .qi-ai-chip__wave,
  .qi-ai-chip__sphere-lat--n,
  .qi-ai-chip__sphere-lat--s{
    animation:none!important;
  }
  .qi-ai-chip__spark,
  .qi-ai-chip__node-halo,
  .qi-ai-chip__wave{opacity:0!important}
  .qi-ai-chip__sphere-lat--n{opacity:.56!important}
  .qi-ai-chip__sphere-lat--s{opacity:.50!important}
}
.doc-lines--input{opacity:.85;animation:tech-svg-doc-input 10s ease-in-out infinite}
.doc-lines--output{opacity:1;animation:tech-svg-doc-output 10s ease-in-out infinite}
.doc-lines path{stroke-width:1.05}
.doc-seal circle{stroke:rgba(34,195,93,.6)}
.doc-check{stroke:rgba(34,195,93,.8);opacity:.6;animation:tech-svg-check 15s ease-in-out infinite}
.doc-scan{
  fill:rgba(34,195,93,1);
  stroke:none;
  opacity:.3;
  transform-box:fill-box;
  transform-origin:center;
  animation:tech-svg-scan 9s ease-in-out infinite;
  will-change:transform;
}
.doc-magnifier{
  stroke:rgba(226,238,231,.75);
  opacity:.88;
  transform-box:fill-box;
  transform-origin:center;
  animation:tech-svg-magnifier 14s ease-in-out infinite;
  will-change:transform,opacity;
}
.doc-magnifier circle{
  fill:rgba(10,15,14,.78);
  stroke:rgba(124,92,255,.68);
}
.doc-legal-stamp rect{
  fill:rgba(255,176,32,.04);
  stroke:rgba(255,176,32,.55);
  stroke-width:1.4;
  stroke-dasharray:3 3;
}
.doc-legal-stamp text{
  fill:rgba(255,176,32,.8);
  font-family:'DM Mono',monospace;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-anchor:middle;
  stroke:none;
}
.doc-magnifier-ai{
  fill:rgba(34,195,93,.8);
  font-family:'DM Mono',monospace;
  font-size:15px;
  font-weight:700;
  text-anchor:middle;
  dominant-baseline:central;
  stroke:none;
  animation:tech-svg-check 15s ease-in-out -3s infinite;
}
@keyframes tech-svg-excel-breathe{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.025)}
}
@keyframes tech-svg-cell{
  0%,16%,100%{fill:rgba(34,195,93,.02);transform:scale(1)}
  8%{fill:rgba(70,210,130,.14);transform:scale(1.015)}
}
@keyframes tech-svg-web-back{50%{transform:translate3d(-3px,2px,0)}}
@keyframes tech-svg-web-side{50%{transform:translate3d(4px,1px,0)}}
@keyframes tech-svg-web-active{50%{transform:translate3d(2px,-3px,0)}}
@keyframes tech-svg-orbit-spin{to{transform:rotate(360deg)}}
@keyframes wbAD{
  0%,100%{opacity:.55;filter:drop-shadow(0 0 2px rgba(124,92,255,.38))}
  50%{opacity:1;filter:drop-shadow(0 0 5px rgba(124,92,255,.78))}
}
@keyframes wbSbA{
  0%,100%{opacity:.68;filter:none}
  50%{opacity:1;filter:drop-shadow(0 0 5px rgba(34,195,93,.55))}
}
@keyframes wbGlobeGlow{
  0%,100%{filter:none}
  50%{filter:drop-shadow(0 0 4px rgba(34,195,93,.16)) drop-shadow(0 0 10px rgba(124,92,255,.06))}
}
@keyframes wbLatG{
  0%,100%{opacity:.48}
  50%{opacity:1;filter:drop-shadow(0 0 2px rgba(34,195,93,.52))}
}
@keyframes wbLatP{
  0%,100%{opacity:.44}
  50%{opacity:1;filter:drop-shadow(0 0 2px rgba(124,92,255,.55))}
}
@keyframes wbScan{
  0%,100%{transform:translateY(0);opacity:.48}
  45%,55%{transform:translateY(9px);opacity:.82;filter:drop-shadow(0 0 2px rgba(34,195,93,.60))}
}
@keyframes wbTA{
  0%,100%{opacity:.58;filter:none}
  50%{opacity:1;filter:drop-shadow(0 0 4px rgba(124,92,255,.55))}
}
@keyframes wbMA{
  0%,100%{opacity:.55;filter:none}
  50%{opacity:1;filter:drop-shadow(0 0 4px rgba(34,195,93,.55))}
}
@keyframes wbConnDash{to{stroke-dashoffset:-11}}
@keyframes wbConnPulse{0%,100%{opacity:.35}50%{opacity:.88}}
@keyframes wbApprove{
  0%,100%{opacity:.58;filter:none}
  50%{opacity:1;filter:drop-shadow(0 0 3px rgba(34,195,93,.40))}
}
@keyframes tech-svg-gear-spin{to{transform:rotate(360deg)}}
@keyframes tech-svg-doc-input{50%{transform:translate3d(0,-7px,0);opacity:.68}}
@keyframes tech-svg-doc-output{50%{transform:translate3d(0,7px,0);opacity:.94}}
@keyframes tech-svg-check{
  0%,28%,100%{opacity:.2}
  48%,68%{opacity:.72}
}
@keyframes tech-svg-scan{
  0%,100%{transform:translate3d(0,-18px,0)}
  50%{transform:translate3d(0,18px,0)}
}
@keyframes tech-svg-magnifier{
  0%,100%{transform:translate3d(-20px,0,0)}
  50%{transform:translate3d(20px,0,0)}
}
.technology-flow-hero + .tech-decision .tech-decision-num{
  font-size:.58rem;
  color:rgba(205,211,207,.3);
}
.technology-flow-hero + .tech-decision .tech-decision-col--excel .shape-a{
  width:82px;height:82px;top:20%;left:calc(50% - 88px);background-size:20px 20px;
}
.technology-flow-hero + .tech-decision .tech-decision-col--excel .shape-b{
  width:82px;height:82px;top:20%;left:calc(50% + 6px);background-size:20px 20px;
}
.technology-flow-hero + .tech-decision .tech-decision-col--excel .shape-c{
  width:82px;height:82px;top:calc(20% + 94px);left:calc(50% - 88px);background-size:20px 20px;
}
.technology-flow-hero + .tech-decision .tech-decision-col--web .shape-a{
  width:190px;height:120px;top:8%;left:calc(50% - 120px);
}
.technology-flow-hero + .tech-decision .tech-decision-col--web .shape-b{
  width:190px;height:120px;top:26%;left:calc(50% - 94px);
}
.technology-flow-hero + .tech-decision .tech-decision-col--web .shape-c{
  width:190px;height:120px;top:44%;left:calc(50% - 68px);
}
.technology-flow-hero + .tech-decision .tech-decision-col--doc .shape-a{
  width:218px;height:16px;top:23%;left:calc(50% - 109px);
}
.technology-flow-hero + .tech-decision .tech-decision-col--doc .shape-b{
  width:164px;height:16px;top:47%;left:calc(50% - 82px);
}
.technology-flow-hero + .tech-decision .tech-decision-col--doc .shape-c{
  width:194px;height:16px;top:71%;left:calc(50% - 97px);
}
.technology-flow-hero + .tech-decision .tech-decision-col--doc .tech-decision-visual::after{display:none}
.technology-flow-hero + .tech-decision .tech-decision-col h2{
  margin:0 0 .7rem!important;
  padding:0!important;
  font-size:1rem!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:-.015em!important;
  white-space:normal;
}
.technology-flow-hero + .tech-decision .tech-decision-col p{
  max-width:32ch;
  color:rgba(205,211,207,.62);
  font-size:.78rem;
  line-height:1.6;
}

@media(max-width:700px){
  .technology-flow-hero h1,
  .technology-flow-hero p{
    font-size:clamp(1.7rem,2.35vw,2.35rem);
    line-height:1!important;
  }
}

@media(max-width:860px){
  .technology-flow-hero{
    padding:4rem 0 4.5rem;
  }
  .technology-flow-hero + .tech-decision .tech-decision-grid{
    grid-template-columns:1fr;
  }
  .technology-flow-hero + .tech-decision .tech-decision-col,
  .technology-flow-hero + .tech-decision .tech-decision-col:first-child,
  .technology-flow-hero + .tech-decision .tech-decision-col:last-child{
    padding:3.5rem 0;
  }
  .technology-flow-hero + .tech-decision .tech-decision-col:not(:last-child)::after{
    top:auto;
    right:8%;
    bottom:0;
    left:8%;
    width:auto;
    height:1px;
  }
  .technology-flow-hero + .tech-decision .tech-decision-visual{
    width:100%;
    max-width:420px;
    margin-right:auto;
    margin-left:auto;
  }
}

@media(prefers-reduced-motion:reduce){
  .tech-illustration *,
  .doc-scan,
  .wb-adot,
  .wb-sb-active,
  .wb-globe-lat-g,
  .wb-globe-lat-p,
  .wb-scan,
  .wb-t-acc,
  .wb-mac,
  .wb-conn,
  .wb-conn-dot,
  .wb-approve{
    animation:none!important;
  }
  .wb-scan{opacity:.6}
}

/* Angebots- & Kalkulationssysteme */
.calc-case-page{background:radial-gradient(circle at 72% 6%,rgba(124,58,237,.08),transparent 34%),radial-gradient(circle at 18% 0%,rgba(34,195,93,.08),transparent 30%)}
.calc-case-hero{padding:clamp(3rem,7vw,5.5rem) 0 clamp(2.5rem,5vw,4rem);border-bottom:1px solid rgba(255,255,255,.05)}
.calc-case-hero-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(420px,1.22fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.calc-case-hero-copy h1{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.02;letter-spacing:-.04em;max-width:780px;margin-bottom:1.6rem}
.calc-case-hero-copy p{max-width:620px;color:rgba(224,229,226,.86);font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.7;margin:.45rem 0}
.calc-showcase,.calc-before-after figure{margin:0;position:relative}
.calc-showcase img,.calc-before-after img{display:block;width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px rgba(0,0,0,.36);background:#0f1010}
.calc-showcase::after{content:"";position:absolute;inset:0;border-radius:10px;background:linear-gradient(180deg,transparent 58%,rgba(10,15,14,.22));pointer-events:none}
.calc-problem-grid,.calc-feature-grid,.calc-outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;margin-top:1.8rem}
.calc-problem-card,.calc-feature-grid>div,.calc-outcome-grid>div{background:#0f1010;padding:1.45rem}
.calc-problem-card span{display:block;font-family:'DM Mono',monospace;font-size:11px;color:#22C35D;margin-bottom:.75rem}
.calc-problem-card h3,.calc-feature-grid h3,.calc-outcome-grid h3,.calc-choice-card h3,.calc-compare-lists h3{font-size:1.05rem;line-height:1.28;margin:0 0 .55rem;color:#ecfdf5}
.calc-problem-card p,.calc-feature-grid p,.calc-outcome-grid p,.calc-choice-card p{font-size:.93rem;line-height:1.6;color:rgba(205,211,207,.78);margin:0}
.calc-before-after{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}
.calc-before-after span{display:block;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#22C35D;margin-bottom:.7rem}
.calc-before-after figure:first-child span{color:rgba(255,255,255,.46)}
.calc-before-after img{aspect-ratio:16/10;object-fit:cover;object-position:center top}
.calc-compare-lists{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}
.calc-compare-lists>div,.calc-choice-card{background:rgba(13,21,15,.72);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:1.35rem}
.calc-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.calc-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.8rem}
.calc-outcome-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.calc-final-cta p{max-width:720px;color:rgba(224,229,226,.86);font-size:1.05rem;line-height:1.75;margin-bottom:1.4rem}
@media(max-width:980px){
  .calc-case-hero-grid{grid-template-columns:1fr}
  .calc-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .calc-before-after,.calc-compare-lists,.calc-choice-grid{grid-template-columns:1fr}
  .calc-feature-grid,.calc-outcome-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .calc-problem-grid{grid-template-columns:1fr}
  .calc-problem-card,.calc-feature-grid>div,.calc-outcome-grid>div,.calc-choice-card{padding:1.2rem}
}

/* Consistency layer for structure/detail pages */
.structure-page .container{width:min(1120px,92%)}
.structure-hero,.calc-case-hero{padding:clamp(3.75rem,7vw,5.75rem) 0 clamp(3rem,5vw,4.5rem)}
.structure-band{padding:clamp(3.25rem,6vw,5rem) 0}
.structure-hero h1,.calc-case-hero-copy h1{letter-spacing:-.035em}
.structure-hero p,.structure-note,.calc-case-hero-copy p,.calc-final-cta p{line-height:1.72}
.structure-grid,.calc-problem-grid,.calc-feature-grid,.calc-outcome-grid,.calc-choice-grid,.calc-before-after,.calc-compare-lists{gap:1rem}
.structure-card,.calc-problem-card,.calc-feature-grid>div,.calc-outcome-grid>div,.calc-choice-card,.calc-compare-lists>div{border-radius:10px;background:#0f1010;border:1px solid rgba(255,255,255,.08);padding:clamp(1.25rem,2vw,1.65rem)}
.structure-card h2,.structure-card h3,.calc-problem-card h3,.calc-feature-grid h3,.calc-outcome-grid h3,.calc-choice-card h3,.calc-compare-lists h3{line-height:1.22}
.structure-card p,.calc-problem-card p,.calc-feature-grid p,.calc-outcome-grid p,.calc-choice-card p{line-height:1.62}
.calc-showcase img,.calc-before-after img{border-radius:10px}
.calc-before-after img{box-shadow:0 18px 58px rgba(0,0,0,.32)}
@media(max-width:760px){
  .structure-page .container{width:min(100%,91%)}
  .structure-hero,.calc-case-hero{padding:clamp(3rem,8vw,4.5rem) 0}
  .structure-band{padding:clamp(2.75rem,8vw,4rem) 0}
}

/* Dokumentenverarbeitung & KI */
.doc-case-page{background:radial-gradient(circle at 76% 4%,rgba(124,58,237,.08),transparent 34%),radial-gradient(circle at 18% 0%,rgba(34,195,93,.075),transparent 30%)}
.doc-story-hero h1{max-width:1040px;font-size:clamp(2.2rem,5vw,4.05rem);line-height:1.04;letter-spacing:-.04em}
.doc-story-copy{max-width:820px;display:grid;gap:.55rem;margin-top:1.7rem}
.doc-story-copy p,.doc-note,.doc-final p{font-size:clamp(1rem,1.45vw,1.12rem);line-height:1.72;color:rgba(224,229,226,.86);margin:0}
.doc-platform{margin-top:2.4rem;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0f1010;min-height:420px;display:grid;grid-template-columns:190px 1fr;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.34)}
.doc-platform-sidebar{background:linear-gradient(180deg,rgba(5,11,9,.96),rgba(7,20,14,.9));border-right:1px solid rgba(255,255,255,.08);padding:1.4rem;display:grid;align-content:start;gap:.8rem}
.doc-platform-sidebar span{height:34px;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06)}
.doc-platform-sidebar span:nth-child(2){background:rgba(34,195,93,.12);border-color:rgba(34,195,93,.22)}
.doc-platform-main{padding:1.4rem;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 38%)}
.doc-platform-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}
.doc-platform-top small,.doc-result-card span{display:block;font-family:'DM Mono',monospace;font-size:10px;color:#7b9482;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.35rem}
.doc-platform-top strong{font-size:1.15rem;color:#ecfdf5}
.doc-platform-top button{border:1px solid rgba(34,195,93,.25);background:rgba(34,195,93,.10);color:#22C35D;border-radius:999px;padding:.45rem .8rem;font:inherit;font-size:12px}
.doc-platform-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:1rem}
.doc-preview,.doc-results{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(10,15,14,.74);padding:1.2rem}
.doc-preview{min-height:300px;display:grid;align-content:start;gap:.75rem}
.doc-line{height:13px;border-radius:999px;background:rgba(199,225,216,.15);width:72%}
.doc-line.long{width:92%}.doc-line.mid{width:58%}.doc-line.short{width:36%}
.doc-highlight{height:76px;border-radius:9px;border:1px solid rgba(34,195,93,.3);background:rgba(34,195,93,.08);box-shadow:inset 0 0 0 1px rgba(34,195,93,.05)}
.doc-results{display:grid;gap:.8rem}
.doc-result-card{border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:1rem;background:rgba(255,255,255,.025)}
.doc-result-card strong{font-size:1rem;color:#ecfdf5}
.doc-result-card.muted{border-color:rgba(34,195,93,.2);background:rgba(34,195,93,.06)}
.doc-loss-grid,.doc-use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.8rem}
.doc-use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.doc-loss-grid>div,.doc-use-grid>div,.doc-process-card{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0f1010;padding:clamp(1.25rem,2vw,1.65rem)}
.doc-loss-grid h3,.doc-use-grid h3,.doc-process-card h3{font-size:1.05rem;line-height:1.24;margin:0 0 .55rem;color:#ecfdf5}
.doc-loss-grid p,.doc-use-grid p{font-size:.94rem;line-height:1.62;color:rgba(205,211,207,.8);margin:0}
.doc-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.8rem}
.doc-process-card ol{list-style:none;counter-reset:docstep;display:grid;gap:.85rem;margin:0;padding:0}
.doc-process-card li{counter-increment:docstep;display:grid;grid-template-columns:28px 1fr;gap:.8rem;align-items:center;color:rgba(224,229,226,.82);font-size:.96rem}
.doc-process-card li::before{content:counter(docstep);font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.38)}
.doc-process-card li:not(:last-child)::after{content:"↓";grid-column:2;color:rgba(255,255,255,.25);font-family:'DM Mono',monospace;margin-top:.2rem}
.doc-process-card--after{border-color:rgba(34,195,93,.2);background:rgba(13,21,15,.82)}
.doc-process-card--after li::before{color:#22C35D}
.doc-check-list{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;max-width:820px}
.doc-check-list li{display:flex;gap:.7rem;color:rgba(220,233,224,.88);line-height:1.5}
.doc-check-list li::before{content:"✓";color:#22C35D;font-weight:700}
.doc-final p{max-width:780px;margin-bottom:1.4rem}
@media(max-width:900px){
  .doc-platform{grid-template-columns:1fr}
  .doc-platform-sidebar{display:none}
  .doc-platform-grid,.doc-process-grid{grid-template-columns:1fr}
  .doc-loss-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .doc-platform{min-height:0}
  .doc-platform-main{padding:1rem}
  .doc-platform-top{align-items:flex-start;flex-direction:column}
  .doc-loss-grid,.doc-use-grid,.doc-check-list{grid-template-columns:1fr}
}

/* Lösungen overview */
.loesungen-overview .structure-hero{min-height:calc(100vh - 88px);display:grid;align-items:center}
.solution-overview-guide{margin-top:.75rem!important;color:rgba(205,211,207,.66)!important;font-size:.92rem!important}
.solution-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.65rem}
.loesungen-overview .solution-tile{display:flex;height:158px;min-height:0!important;flex-direction:column;text-decoration:none;color:inherit;background:#0f1010;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:1rem 1.1rem!important;transition:border-color .18s,background .18s,transform .18s}
.solution-tile:hover{border-color:rgba(34,195,93,.28);background:#101210;transform:translateY(-2px)}
.solution-tile-icon{width:19px;height:19px;margin-bottom:.65rem;color:rgba(205,211,207,.62);stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:color .18s}
.solution-tile:hover .solution-tile-icon{color:#22C35D}
.loesungen-overview .solution-tile h2{max-width:30rem;font-size:1rem!important;font-weight:600!important;line-height:1.28!important;letter-spacing:0!important;margin:0 0 .4rem!important;color:#ecfdf5}
.solution-tile p{font-size:clamp(.82rem,1vw,.9rem);line-height:1.48;color:rgba(205,211,207,.78);margin:0;max-width:34rem}
.solution-tile-cta{margin-top:auto;padding-top:.75rem;color:#22C35D;font-family:'DM Mono',monospace;font-size:.7rem;font-weight:600}
@media(max-width:760px){
  .loesungen-overview .structure-hero{min-height:auto}
  .solution-tile-grid{grid-template-columns:1fr;margin-top:2rem}
  .loesungen-overview .solution-tile{height:auto;min-height:138px!important;padding:1rem!important}
  .loesungen-overview .solution-tile h2{font-size:.96rem!important}
}

/* Praxiswissen knowledge base */
.praxis-kb-page .structure-hero{min-height:calc(100vh - 88px);display:grid;align-items:center}
.kb-list{margin-top:2.5rem;border-top:1px solid rgba(255,255,255,.10);max-width:920px}
.kb-list a{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;text-decoration:none;color:inherit;border-bottom:1px solid rgba(255,255,255,.10);padding:1.05rem 0;transition:color .16s,border-color .16s}
.kb-list a:hover{color:#ecfdf5;border-color:rgba(34,195,93,.32)}
.kb-list span{font-size:clamp(1rem,1.45vw,1.16rem);line-height:1.45;color:rgba(220,233,224,.90)}
.kb-list span i{display:inline-block;min-width:2.4rem;margin-right:.8rem;font-family:'DM Mono',monospace;font-style:normal;font-size:.78em;color:#7b9482;letter-spacing:.06em}
.kb-list b{font-family:'DM Mono',monospace;color:#22C35D;font-weight:500}
@media(max-width:760px){
  .praxis-kb-page .structure-hero{min-height:auto}
  .kb-list{margin-top:2rem}
  .kb-list a{padding:.95rem 0}
}

/* Praxiswissen: knowledge hub and editorial articles */
.praxis-kb-page .knowledge-overview-hero{padding:clamp(4rem,8vw,7rem) 0 clamp(2.5rem,5vw,4rem)}
.praxis-kb-page .knowledge-overview-hero h1{max-width:920px;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.03}
.praxis-kb-page .knowledge-overview-hero p{max-width:820px;margin:0;color:rgba(205,211,207,.82);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.65}
.knowledge-overview{padding-bottom:clamp(3rem,6vw,5rem)}
.knowledge-category{padding:clamp(2.25rem,4vw,3.5rem) 0;border-top:1px solid rgba(255,255,255,.08)}
.knowledge-category-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:1.3rem}
.knowledge-category-heading>div{display:flex;align-items:baseline;gap:.8rem}
.knowledge-category-heading span{color:#22C35D;font-family:'DM Mono',monospace;font-size:.68rem}
.knowledge-category-heading h2{margin:0;font-size:clamp(1.45rem,2.7vw,2.15rem)}
.knowledge-category-heading>a{color:rgba(205,211,207,.72);font-size:.78rem;text-decoration:none}
.knowledge-category-heading>a:hover{color:#22C35D}
.knowledge-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.knowledge-card{display:flex;min-height:235px;flex-direction:column;padding:1rem 1.05rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:inherit;background:rgba(255,255,255,.014);text-decoration:none;transition:border-color .18s,background .18s,transform .18s}
.knowledge-card:hover{border-color:rgba(34,195,93,.3);background:rgba(34,195,93,.035);transform:translateY(-2px)}
.knowledge-card>span{color:#22C35D;font-family:'DM Mono',monospace;font-size:.58rem;text-transform:uppercase}
.knowledge-card h3{margin:.65rem 0 .55rem;font-size:1.05rem;line-height:1.3}
.knowledge-card p{margin:0;color:rgba(205,211,207,.72);font-size:.78rem;line-height:1.55}
.knowledge-card strong{margin-top:auto;padding-top:.9rem;color:rgba(225,235,229,.88);font-size:.68rem}
.knowledge-overview-cta{text-align:center;padding:clamp(2.5rem,5vw,4rem) 0;border-top:1px solid rgba(255,255,255,.07)}
.knowledge-overview-cta .container{display:flex;flex-direction:column;align-items:center}
.knowledge-overview-cta h2{margin:0 0 .6rem;font-size:clamp(1.7rem,3vw,2.4rem)}
.knowledge-overview-cta p{margin:0 0 1.1rem;color:rgba(205,211,207,.8)}

/* Praxiswissen overview: diagnostic index */
.praxis-kb-page .knowledge-overview-hero{
  padding:clamp(5rem,9vw,8rem) 0 clamp(3.5rem,6vw,5rem);
}
.praxis-kb-page .knowledge-overview-hero .container,
.praxis-kb-page .knowledge-overview{
  width:min(1100px,92%);
}
.praxis-kb-page .knowledge-overview-hero h1{
  max-width:820px;
  margin-bottom:1.15rem;
  font-size:clamp(3rem,6.5vw,5.4rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.praxis-kb-page .knowledge-overview-hero p{
  max-width:720px;
  font-size:clamp(1rem,1.45vw,1.12rem);
}
.praxis-kb-page .knowledge-overview-hero h1,
.praxis-kb-page .knowledge-overview-hero p{
  display:inline;
  max-width:none;
  margin:0;
  font-size:clamp(1.7rem,2.35vw,2.35rem);
  line-height:1.02!important;
  letter-spacing:-.015em;
}
.praxis-kb-page .knowledge-overview-hero h1{
  color:#ffffff;
  font-weight:400;
}
.praxis-kb-page .knowledge-overview-hero h1::after{
  content:" ";
}
.praxis-kb-page .knowledge-overview-hero p{
  color:rgba(205,211,207,.68);
  font-weight:400;
}
.praxis-kb-page .knowledge-overview{
  padding-bottom:clamp(5rem,9vw,8rem);
}
.praxis-kb-page .knowledge-category{
  padding:clamp(3.5rem,7vw,6rem) 0 0;
  border-top:1px solid rgba(255,255,255,.09);
}
.praxis-kb-page .knowledge-category-heading{
  align-items:flex-start;
  margin-bottom:clamp(2rem,4vw,3.25rem);
}
.praxis-kb-page .knowledge-category-heading>div{
  align-items:flex-start;
}
.praxis-kb-page .knowledge-category-heading h2{
  max-width:700px;
  font-size:clamp(1.65rem,3vw,2.5rem);
  line-height:1.12;
  letter-spacing:-.03em;
}
.praxis-kb-page .knowledge-category-heading>a{
  padding-top:.45rem;
  white-space:nowrap;
}
.knowledge-diagnostic-list{
  border-top:1px solid rgba(255,255,255,.1);
}
.knowledge-diagnostic-item{
  border-bottom:1px solid rgba(255,255,255,.085);
}
.knowledge-diagnostic-item summary{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 30px;
  gap:clamp(1rem,2.5vw,2.5rem);
  align-items:center;
  min-height:130px;
  padding:clamp(1.45rem,2.5vw,2.25rem) 0;
  color:inherit;
  cursor:pointer;
  list-style:none;
}
.knowledge-diagnostic-item summary::-webkit-details-marker{display:none}
.knowledge-diagnostic-item summary::marker{display:none}
.knowledge-diagnostic-number{
  color:rgba(205,211,207,.42);
  font-family:'DM Mono',monospace;
  font-size:.72rem;
  letter-spacing:.08em;
  transition:color .2s ease;
}
.knowledge-diagnostic-question h3{
  max-width:830px;
  margin:0;
  color:rgba(232,242,236,.88);
  font-size:clamp(1.35rem,2.5vw,2.05rem);
  font-weight:500;
  line-height:1.22;
  letter-spacing:-.025em;
  transition:color .2s ease;
}
.knowledge-diagnostic-question p{
  margin:.65rem 0 0;
  color:rgba(205,211,207,.5);
  font-family:'DM Mono',monospace;
  font-size:.67rem;
  letter-spacing:.04em;
}
.knowledge-diagnostic-indicator{
  position:relative;
  width:22px;
  height:22px;
}
.knowledge-diagnostic-indicator::before,
.knowledge-diagnostic-indicator::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:14px;
  height:1px;
  background:rgba(159,191,173,.6);
  transform:translate(-50%,-50%);
  transition:background .2s ease,transform .25s ease;
}
.knowledge-diagnostic-indicator::after{
  transform:translate(-50%,-50%) rotate(90deg);
}
.knowledge-diagnostic-item:hover .knowledge-diagnostic-number,
.knowledge-diagnostic-item[open] .knowledge-diagnostic-number{
  color:#22C35D;
}
.knowledge-diagnostic-item:hover .knowledge-diagnostic-question h3,
.knowledge-diagnostic-item[open] .knowledge-diagnostic-question h3{
  color:#f2faf5;
}
.knowledge-diagnostic-item:hover .knowledge-diagnostic-indicator::before,
.knowledge-diagnostic-item:hover .knowledge-diagnostic-indicator::after,
.knowledge-diagnostic-item[open] .knowledge-diagnostic-indicator::before,
.knowledge-diagnostic-item[open] .knowledge-diagnostic-indicator::after{
  background:#22C35D;
}
.knowledge-diagnostic-item[open] .knowledge-diagnostic-indicator::after{
  transform:translate(-50%,-50%) rotate(0);
}
.knowledge-diagnostic-teaser{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:clamp(1.5rem,4vw,4rem);
  align-items:end;
  padding:0 30px clamp(2rem,4vw,3.25rem) calc(58px + clamp(1rem,2.5vw,2.5rem));
}
.knowledge-diagnostic-teaser>p{
  max-width:760px;
  margin:0;
  color:rgba(224,229,226,.75);
  font-size:.95rem;
  line-height:1.72;
}
.knowledge-diagnostic-teaser>div{
  display:flex;
  gap:1.25rem;
  align-items:center;
  white-space:nowrap;
}
.knowledge-diagnostic-teaser a{
  color:rgba(225,235,229,.82);
  font-family:'DM Mono',monospace;
  font-size:.7rem;
  font-weight:500;
  text-decoration:none;
}
.knowledge-diagnostic-teaser a:first-child{color:#22C35D}
.knowledge-diagnostic-teaser a:hover{color:#fff}
.praxis-kb-page .knowledge-overview-cta{
  text-align:left;
  padding:clamp(4rem,7vw,6rem) 0;
}
.praxis-kb-page .knowledge-overview-cta .container{
  align-items:flex-start;
  width:min(1100px,92%);
}
.praxis-kb-page .knowledge-overview-cta h2{
  max-width:760px;
  font-size:clamp(2rem,4vw,3.4rem);
  line-height:1.08;
  letter-spacing:-.035em;
}

@media(max-width:700px){
  .praxis-kb-page .knowledge-overview-hero h1,
  .praxis-kb-page .knowledge-overview-hero p{
    font-size:clamp(1.7rem,2.35vw,2.35rem);
    line-height:1.02!important;
  }
  .praxis-kb-page .knowledge-category-heading{
    gap:.8rem;
  }
  .knowledge-diagnostic-item summary{
    grid-template-columns:36px minmax(0,1fr) 24px;
    min-height:110px;
  }
  .knowledge-diagnostic-question h3{
    font-size:clamp(1.15rem,5.6vw,1.55rem);
  }
  .knowledge-diagnostic-teaser{
    grid-template-columns:1fr;
    padding-right:0;
    padding-left:calc(36px + 1rem);
  }
  .knowledge-diagnostic-teaser>div{
    flex-wrap:wrap;
    white-space:normal;
  }
}

/* Praxiswissen topic navigation: executive diagnosis */
.praxis-kb-page .knowledge-overview{
  width:min(1180px,92%);
}
.knowledge-topic-navigation{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid rgba(255,255,255,.1);
  border-bottom:1px solid rgba(255,255,255,.1);
}
.knowledge-topic{
  position:relative;
  display:flex;
  min-height:310px;
  flex-direction:column;
  align-items:flex-start;
  padding:clamp(2rem,4vw,3.5rem) clamp(2rem,4vw,3.5rem) clamp(2rem,4vw,3rem) 0;
  border:0;
  background:transparent;
  color:inherit;
  font-family:'DM Sans',sans-serif;
  text-align:left;
  cursor:pointer;
}
.knowledge-topic:not(:last-child){
  margin-right:clamp(1.5rem,3vw,3rem);
  border-right:1px solid rgba(255,255,255,.075);
}
.knowledge-topic::after{
  content:"";
  position:absolute;
  right:clamp(2rem,4vw,3.5rem);
  bottom:-1px;
  left:0;
  height:2px;
  background:#22C35D;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}
.knowledge-topic:nth-child(2)::after{background:#6d51c7}
.knowledge-topic-number{
  margin-bottom:clamp(2.5rem,5vw,4rem);
  color:rgba(205,211,207,.42);
  font-family:'DM Mono',monospace;
  font-size:.8rem;
  letter-spacing:.08em;
  transition:color .2s ease;
}
.knowledge-topic strong{
  max-width:320px;
  color:rgba(232,242,236,.86);
  font-size:clamp(1.45rem,2.4vw,2rem);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.03em;
  transition:color .2s ease;
}
.knowledge-topic p{
  max-width:330px;
  margin:1rem 0 0;
  color:rgba(205,211,207,.62);
  font-size:.9rem;
  line-height:1.62;
}
.knowledge-topic small{
  display:block;
  margin-top:1.25rem;
  color:rgba(205,211,207,.46);
  font-family:'DM Mono',monospace;
  font-size:.65rem;
}
.knowledge-topic-action{
  margin-top:auto;
  padding-top:2rem;
  color:rgba(225,235,229,.72);
  font-family:'DM Mono',monospace;
  font-size:.7rem;
}
.knowledge-topic:hover strong,
.knowledge-topic:focus-visible strong,
.knowledge-topic.is-active strong{
  color:#f3faf6;
}
.knowledge-topic:hover .knowledge-topic-number,
.knowledge-topic:focus-visible .knowledge-topic-number,
.knowledge-topic.is-active .knowledge-topic-number{
  color:#22C35D;
}
.knowledge-topic:nth-child(2):hover .knowledge-topic-number,
.knowledge-topic:nth-child(2):focus-visible .knowledge-topic-number,
.knowledge-topic:nth-child(2).is-active .knowledge-topic-number{
  color:#6d51c7;
}
.knowledge-topic:hover::after,
.knowledge-topic:focus-visible::after,
.knowledge-topic.is-active::after{
  transform:scaleX(1);
}
.knowledge-topic:focus-visible{outline:1px solid rgba(34,195,93,.35);outline-offset:6px}
.knowledge-topic-panels{
  min-height:0;
}
.praxis-kb-page .knowledge-category{
  padding:clamp(3.5rem,6vw,5rem) 0 0;
  border-top:0;
}
.praxis-kb-page .knowledge-category[hidden]{display:none}
.praxis-kb-page .knowledge-category.is-revealing{
  animation:knowledgePanelReveal .32s ease both;
}
@keyframes knowledgePanelReveal{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:none}
}
.knowledge-diagnostic-list{
  border-top:1px solid rgba(255,255,255,.1);
}
.knowledge-diagnostic-item{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  gap:clamp(1rem,2.5vw,2.5rem);
  align-items:center;
  min-height:112px;
  padding:clamp(1.25rem,2vw,1.85rem) 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.knowledge-diagnostic-question h3{
  max-width:800px;
  margin:0;
  font-size:clamp(1.2rem,2vw,1.65rem);
  line-height:1.28;
}
.knowledge-diagnostic-question h3 a{
  color:rgba(232,242,236,.86);
  text-decoration:none;
  transition:color .2s ease;
}
.knowledge-diagnostic-item:hover .knowledge-diagnostic-question h3 a{
  color:#f3faf6;
}
.knowledge-diagnostic-link{
  color:rgba(205,211,207,.58);
  font-family:'DM Mono',monospace;
  font-size:.68rem;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease;
}
.knowledge-diagnostic-item:hover .knowledge-diagnostic-number,
.knowledge-diagnostic-item:hover .knowledge-diagnostic-link{
  color:#22C35D;
}

@media(prefers-reduced-motion:reduce){
  .praxis-kb-page .knowledge-category.is-revealing{animation:none}
}

@media(max-width:820px){
  .knowledge-topic-navigation{
    grid-template-columns:1fr;
  }
  .knowledge-topic{
    min-height:0;
    padding:2rem 0;
  }
  .knowledge-topic:not(:last-child){
    margin-right:0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.075);
  }
  .knowledge-topic::after{right:0}
  .knowledge-topic-number{margin-bottom:1.2rem}
  .knowledge-topic-action{margin-top:1.5rem;padding-top:0}
}

@media(max-width:600px){
  .knowledge-diagnostic-item{
    grid-template-columns:34px minmax(0,1fr);
  }
  .knowledge-diagnostic-link{
    grid-column:2;
  }
}

.knowledge-article-page .knowledge-article-hero{padding:clamp(3.5rem,7vw,6rem) 0 clamp(2.5rem,4vw,3.5rem);border-bottom:1px solid rgba(255,255,255,.07)}
.knowledge-article-page .knowledge-article-hero .container{max-width:1050px}
.knowledge-breadcrumb{display:flex;gap:.45rem;align-items:center;margin-bottom:1.3rem;color:rgba(205,211,207,.52);font-size:.7rem}
.knowledge-breadcrumb a{color:inherit;text-decoration:none}
.knowledge-breadcrumb a:hover{color:#22C35D}
.knowledge-article-hero h1{max-width:950px;margin:.75rem 0 1rem;font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.04;letter-spacing:-.045em}
.knowledge-article-hero>div>p{max-width:850px;margin:0;color:rgba(224,229,226,.84);font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.7}
.knowledge-article-meta{display:flex;gap:1rem;margin-top:1.2rem;color:rgba(205,211,207,.5);font-family:'DM Mono',monospace;font-size:.62rem}
.knowledge-article-layout{max-width:950px;padding-top:clamp(2.25rem,4vw,3.25rem);padding-bottom:clamp(3.5rem,7vw,6rem)}
.knowledge-article-content section{scroll-margin-top:90px;margin-bottom:clamp(2rem,3.5vw,3rem)}
.knowledge-article-content h2{margin:0 0 1rem;font-size:clamp(1.55rem,2.8vw,2.15rem);line-height:1.2}
.knowledge-article-content h3{margin:0 0 .35rem;font-size:.98rem;line-height:1.35}
.knowledge-article-content p{margin:.75rem 0;color:rgba(224,229,226,.8);font-size:.95rem;line-height:1.78}
.knowledge-article-content a:not(.btn){color:#72dc96}
.knowledge-point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.2rem 0}
.knowledge-point-grid article{padding:.9rem;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.014)}
.knowledge-point-grid article p{margin:0;color:rgba(205,211,207,.74);font-size:.78rem;line-height:1.6}
.knowledge-check{margin:1.3rem 0;padding:1rem 1.1rem;border-left:2px solid #22C35D;background:rgba(34,195,93,.035)}
.knowledge-check h3{font-size:1.05rem}
.knowledge-check ul{margin:.8rem 0;padding-left:1.1rem;color:rgba(224,229,226,.8)}
.knowledge-check li{margin:.4rem 0;font-size:.86rem;line-height:1.55}
.knowledge-steps{list-style:none;counter-reset:steps;margin:1.2rem 0;padding:0;display:grid;gap:.6rem}
.knowledge-steps li{counter-increment:steps;display:grid;grid-template-columns:30px 170px 1fr;gap:.65rem;align-items:start;padding:.8rem;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.012)}
.knowledge-steps li::before{content:counter(steps,decimal-leading-zero);color:#22C35D;font-family:'DM Mono',monospace;font-size:.65rem}
.knowledge-steps strong{font-size:.82rem}
.knowledge-steps span{color:rgba(205,211,207,.76);font-size:.8rem;line-height:1.55}
.knowledge-example{padding:1.2rem 1.3rem;border:1px solid rgba(34,195,93,.17);border-radius:9px;background:linear-gradient(140deg,rgba(34,195,93,.055),rgba(255,255,255,.012))}
.knowledge-example h2{margin-top:.6rem}
.knowledge-cta{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:1.25rem 1.35rem;border:1px solid rgba(34,195,93,.22);border-radius:9px;background:rgba(34,195,93,.05)}
.knowledge-cta h2{margin:.45rem 0 .4rem}
.knowledge-cta p{margin:0}
.knowledge-cta .btn{white-space:nowrap}
.knowledge-related{padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}
.knowledge-related>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.knowledge-related a{display:flex;min-height:110px;flex-direction:column;padding:.8rem;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(255,255,255,.012);text-decoration:none}
.knowledge-related a span{color:rgba(205,211,207,.5);font-family:'DM Mono',monospace;font-size:.55rem;text-transform:uppercase}
.knowledge-related a strong{margin-top:.45rem;color:rgba(225,235,229,.9);font-size:.78rem;line-height:1.4}
.knowledge-article-aside{position:sticky;top:88px;display:grid;gap:.45rem;padding:.9rem;border-left:1px solid rgba(255,255,255,.08)}
.knowledge-article-aside>span{margin-bottom:.3rem;color:rgba(205,211,207,.48);font-family:'DM Mono',monospace;font-size:.6rem;text-transform:uppercase}
.knowledge-article-aside a{color:rgba(224,229,226,.7);font-size:.72rem;line-height:1.4;text-decoration:none}
.knowledge-article-aside a:hover{color:#22C35D}
@media(max-width:980px){
  .knowledge-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .knowledge-article-layout{grid-template-columns:1fr}
  .knowledge-article-aside{display:none}
}
@media(max-width:680px){
  .knowledge-category-heading{align-items:flex-start;flex-direction:column;gap:.5rem}
  .knowledge-card-grid,.knowledge-point-grid,.knowledge-related>div{grid-template-columns:1fr}
  .knowledge-card{min-height:0}
  .knowledge-steps li{grid-template-columns:25px 1fr}
  .knowledge-steps li span{grid-column:2}
  .knowledge-cta{grid-template-columns:1fr}
  .knowledge-cta .btn{width:100%;text-align:center}
}

/* Compact solution detail pages */
.solution-detail-page{padding-top:88px}
.solution-detail-page .container{width:min(1120px,92%)}
.solution-detail-hero{padding:clamp(3.25rem,6vw,5rem) 0 clamp(2.5rem,5vw,4rem)}
.solution-detail-hero-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.solution-detail-hero h1{max-width:720px;margin:0 0 1.15rem;font-size:clamp(2.1rem,4.6vw,3.65rem);line-height:1.05;letter-spacing:-.035em}
.solution-detail-hero p{max-width:700px;margin:0;color:rgba(205,211,207,.82);font-size:clamp(.98rem,1.4vw,1.08rem);line-height:1.7}
.solution-detail-media{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#090c0b}
.solution-detail-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.solution-detail-section{padding:clamp(2.5rem,5vw,4rem) 0;border-top:1px solid rgba(255,255,255,.05)}
.solution-detail-section h2{margin:0 0 1.4rem;font-size:clamp(1.35rem,2.5vw,1.85rem)!important;line-height:1.2}
.solution-situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.solution-situation-grid>div{display:flex;align-items:center;min-height:92px;padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0f1010;color:rgba(225,235,229,.86);font-size:.92rem;line-height:1.5}
.solution-practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}
.solution-practice-grid>div{padding:1.15rem;border-top:1px solid rgba(255,255,255,.1)}
.solution-practice-grid span{display:block;margin-bottom:.7rem;color:#22C35D;font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.solution-practice-grid ul{display:flex;flex-wrap:wrap;gap:.45rem 1.35rem;margin:0;padding:0;list-style:none}
.solution-practice-grid li{position:relative;padding-left:.85rem;color:rgba(205,211,207,.8);font-size:.86rem;line-height:1.5}
.solution-practice-grid li::before{content:"";position:absolute;top:.62em;left:0;width:4px;height:4px;border-radius:50%;background:#22C35D}
.solution-practice-media{max-width:100%}
.solution-detail-cta{padding:clamp(2.25rem,4vw,3.25rem) 0 clamp(3.5rem,6vw,5rem);border-top:1px solid rgba(255,255,255,.05)}
@media(max-width:820px){
  .solution-detail-page{padding-top:64px}
  .solution-detail-hero-grid{grid-template-columns:1fr}
  .solution-detail-hero-grid .solution-detail-media{order:2}
  .solution-situation-grid{grid-template-columns:1fr}
  .solution-practice-grid{grid-template-columns:1fr;gap:.25rem}
}

/* Dokumentenverarbeitung: compact case-study page */
.document-processing-page .document-hero{padding:clamp(2.4rem,5vw,4.25rem) 0 clamp(1.8rem,3.5vw,2.75rem)}
.document-processing-page .document-hero .container{width:min(1560px,96%)}
.document-processing-page .document-hero-layout{display:flex;flex-direction:column;align-items:center}
.document-processing-page .document-hero-copy{width:min(1160px,95%);max-width:none}
.document-processing-page .document-hero-copy>.structure-kicker{text-align:left}
.document-processing-page .document-hero-copy p{margin-bottom:.55rem;line-height:1.62}
.document-processing-page .document-hero-copy .btn{margin-top:1rem}
.document-processing-page .document-hero-media{position:relative;width:100%;margin-top:clamp(1.5rem,2.5vw,2.25rem);overflow:hidden;border:0;background:transparent;box-shadow:0 34px 100px rgba(0,0,0,.3),0 0 85px rgba(34,195,93,.06)}
.document-processing-page .document-hero-media::after{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 54% 48%,transparent 48%,rgba(7,15,10,.2) 76%,rgba(7,15,10,.72) 100%),linear-gradient(90deg,rgba(7,15,10,.28),transparent 18%,transparent 82%,rgba(7,15,10,.2))}
.document-processing-page .document-hero-media img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;filter:saturate(.92) contrast(.98);transform:scale(1.015)}
.document-processing-page .document-trust-badges{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin-top:.85rem}
.document-processing-page .document-trust-badges span{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .65rem;border:1px solid rgba(34,195,93,.2);border-radius:999px;background:rgba(34,195,93,.055);color:rgba(224,229,226,.88);font-size:.75rem;line-height:1.25}
.document-processing-page .document-trust-badges span::before{content:"✓";color:#22C35D;font-weight:700}
.document-processing-page .document-hero-copy .document-reference-note{margin:.6rem 0 0;color:rgba(205,211,207,.7);font-size:.78rem;line-height:1.4}
.document-processing-page .document-practice{padding:clamp(2rem,3.5vw,3rem) 0}
.document-processing-page .document-practice .container{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.document-processing-page .document-practice-intro{display:block;margin:0}
.document-processing-page .document-practice-intro h2{margin:0 0 .75rem;font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.15}
.document-processing-page .document-practice-intro p{max-width:660px;margin:0;color:rgba(205,211,207,.82);font-size:.98rem;line-height:1.65}
.document-processing-page .document-practice-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.document-processing-page .document-practice-comparison>div{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018)}
.document-processing-page .document-practice-comparison span{display:block;margin-bottom:.7rem;color:rgba(205,211,207,.65);font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.document-processing-page .document-practice-comparison ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}
.document-processing-page .document-practice-comparison li{display:flex;align-items:flex-start;gap:.55rem;color:rgba(205,211,207,.78);font-size:.88rem;line-height:1.5}
.document-processing-page .document-practice-comparison li::before{content:"–";color:rgba(205,211,207,.4)}
.document-processing-page .document-practice-result span{color:#22C35D}
.document-processing-page .document-practice-result li{color:rgba(224,229,226,.9)}
.document-processing-page .document-practice-result li::before{content:"✓";color:#22C35D;font-weight:700}
.document-processing-page .document-final-cta{text-align:center}
.document-processing-page .document-final-cta{padding:clamp(1.75rem,3vw,2.5rem) 0 clamp(2.25rem,4vw,3.25rem)}
.document-processing-page .document-final-cta .container{display:flex;flex-direction:column;align-items:center}
.document-processing-page .document-final-cta h2{max-width:760px;margin:0 0 .7rem;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15}
.document-processing-page .document-final-cta p{max-width:680px;margin:0 0 1.25rem;color:rgba(205,211,207,.82);line-height:1.65}

@media(max-width:820px){
  .document-processing-page .document-practice .container{grid-template-columns:1fr}
}

@media(max-width:700px){
  .document-processing-page .document-hero-copy{width:100%}
}

@media(max-width:560px){
  .document-processing-page .document-practice-comparison{grid-template-columns:1fr}
}

/* Angebotskalkulation & Konfigurator: compact conversion page */
.offer-configurator-page .offer-configurator-hero{min-height:calc(100svh - 54px);display:grid;align-items:center;padding:clamp(1rem,2vw,1.8rem) 0}
.offer-configurator-page .offer-configurator-hero .container{width:min(1540px,97%)}
.offer-configurator-page .solution-detail-hero-grid{grid-template-columns:minmax(300px,30fr) minmax(760px,70fr);gap:clamp(1rem,1.7vw,1.8rem)}
.offer-configurator-page .offer-configurator-copy{max-width:440px}
.offer-configurator-page .offer-configurator-hero h1{max-width:440px;margin-bottom:1rem;font-size:clamp(2rem,2.75vw,3rem);line-height:1.04;letter-spacing:-.04em}
.offer-configurator-page .offer-configurator-copy p{margin-bottom:.55rem;line-height:1.62}
.offer-configurator-page .offer-configurator-copy .btn{margin-top:1rem}
.offer-configurator-page .offer-trust-badges{display:flex;flex-wrap:wrap;gap:.4rem .5rem;margin-top:.85rem}
.offer-configurator-page .offer-trust-badges span{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .65rem;border:1px solid rgba(34,195,93,.2);border-radius:999px;background:rgba(34,195,93,.055);color:rgba(224,229,226,.88);font-size:.75rem;line-height:1.25}
.offer-configurator-page .offer-trust-badges span::before{content:"✓";color:#22C35D;font-weight:700}
.offer-configurator-page .offer-reference-note{margin:.6rem 0 0!important;color:rgba(205,211,207,.7)!important;font-size:.78rem!important;line-height:1.4!important}
.offer-configurator-page .offer-demo{position:relative;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,rgba(17,22,19,.99),rgba(8,11,9,.99));box-shadow:0 32px 90px rgba(0,0,0,.42),0 0 60px rgba(34,195,93,.035);overflow:hidden}
.offer-configurator-page .offer-demo::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 54%,rgba(34,195,93,.025))}
.offer-configurator-page .offer-demo-header{display:flex;justify-content:space-between;align-items:center;padding:.7rem .85rem;border-bottom:1px solid rgba(255,255,255,.07)}
.offer-configurator-page .offer-demo-header span,.offer-configurator-page .offer-demo-eyebrow{display:block;color:rgba(205,211,207,.58);font-family:'DM Mono',monospace;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}
.offer-configurator-page .offer-demo-header h2{margin:.12rem 0 0;font-size:1rem!important;line-height:1.2}
.offer-configurator-page .offer-demo-header .offer-demo-status{padding:.35rem .5rem;border:1px solid rgba(34,195,93,.2);border-radius:999px;color:#22C35D;background:rgba(34,195,93,.055)}
.offer-configurator-page .offer-demo-grid{display:grid;grid-template-columns:minmax(185px,.72fr) minmax(320px,1.42fr) minmax(250px,.96fr);min-height:500px}
.offer-configurator-page .offer-demo-controls,.offer-configurator-page .offer-demo-preview,.offer-configurator-page .offer-demo-quote{min-width:0;padding:.75rem}
.offer-configurator-page .offer-demo-controls{border-right:1px solid rgba(255,255,255,.07)}
.offer-configurator-page .offer-demo-controls fieldset{margin:0;padding:0;border:0}
.offer-configurator-page .offer-demo-controls fieldset+fieldset{margin-top:.75rem}
.offer-configurator-page .offer-demo-controls legend{margin-bottom:.55rem;color:rgba(225,235,229,.92);font-size:.72rem;font-weight:600}
.offer-configurator-page .offer-demo-controls label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;margin-bottom:.3rem;padding:.42rem .48rem;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:rgba(224,229,226,.78);font-size:.66rem;line-height:1.25;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.offer-configurator-page .offer-demo-controls label:has(input:checked){border-color:rgba(34,195,93,.45);background:rgba(34,195,93,.075);color:#e8f7ed}
.offer-configurator-page .offer-demo-controls input{width:13px;height:13px;margin:0;accent-color:#22C35D}
.offer-configurator-page .offer-demo-controls small{color:rgba(205,211,207,.58);font-size:.58rem;white-space:nowrap}
.offer-configurator-page .offer-demo-preview{display:flex;min-height:0;flex-direction:column;justify-content:center;padding-inline:.45rem;text-align:center}
.offer-configurator-page .offer-demo-image-wrap{display:grid;min-height:350px;place-items:center;margin-bottom:.35rem;border-radius:9px;background:radial-gradient(circle at 50% 48%,rgba(34,195,93,.085),transparent 62%)}
.offer-configurator-page .offer-demo-preview img{display:block;width:106%;max-width:none;max-height:375px;object-fit:contain;animation:offer-demo-fade .28s ease}
.offer-configurator-page .offer-demo-preview strong{color:#ecfdf5;font-size:.83rem}
.offer-configurator-page .offer-demo-preview p{margin:.3rem auto 0;color:rgba(205,211,207,.66);font-size:.65rem;line-height:1.45}
.offer-configurator-page .offer-demo-quote{position:relative;border-left:1px solid rgba(34,195,93,.28);background:linear-gradient(180deg,rgba(34,195,93,.075),rgba(255,255,255,.015));box-shadow:-18px 0 45px rgba(0,0,0,.14)}
.offer-configurator-page .offer-demo-quote h3{margin:.25rem 0 .75rem;font-size:.88rem}
.offer-configurator-page .offer-demo-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:.65rem}
.offer-configurator-page .offer-demo-metrics>div{padding:.5rem;border:1px solid rgba(255,255,255,.07);border-radius:7px;background:rgba(0,0,0,.14)}
.offer-configurator-page .offer-demo-metrics span{display:block;margin-bottom:.2rem;color:rgba(205,211,207,.56);font-size:.54rem}
.offer-configurator-page .offer-demo-metrics strong{display:block;color:rgba(225,235,229,.94);font-size:.69rem;line-height:1.25}
.offer-configurator-page .offer-demo-metrics>div:last-child{border-color:rgba(34,195,93,.34);background:rgba(34,195,93,.09)}
.offer-configurator-page .offer-demo-metrics>div:last-child strong{color:#22C35D;font-size:.85rem}
.offer-configurator-page .offer-demo-quote dl{margin:0}
.offer-configurator-page .offer-demo-quote dl div{display:flex;justify-content:space-between;gap:.75rem;padding:.4rem 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.67rem}
.offer-configurator-page .offer-demo-quote dt{color:rgba(205,211,207,.65)}
.offer-configurator-page .offer-demo-quote dd{margin:0;color:rgba(225,235,229,.94);font-weight:600}
.offer-configurator-page .offer-demo-selected{padding:.7rem 0}
.offer-configurator-page .offer-demo-selected>span,.offer-configurator-page .offer-demo-total>span,.offer-configurator-page .offer-demo-delivery>span{display:block;margin-bottom:.35rem;color:rgba(205,211,207,.58);font-size:.6rem}
.offer-configurator-page .offer-demo-selected ul{list-style:none;margin:0;padding:0;display:grid;gap:.25rem}
.offer-configurator-page .offer-demo-selected li{position:relative;padding-left:.7rem;color:rgba(224,229,226,.78);font-size:.61rem;line-height:1.35}
.offer-configurator-page .offer-demo-selected li::before{content:"";position:absolute;top:.48em;left:0;width:3px;height:3px;border-radius:50%;background:#22C35D}
.offer-configurator-page .offer-demo-pdf{width:100%;min-height:42px;padding:.65rem .7rem!important;box-shadow:0 10px 25px rgba(34,195,93,.14);font-size:.7rem!important}
.offer-configurator-page .offer-demo-feedback{min-height:1.1rem;margin:.45rem 0 0!important;color:#22C35D!important;font-size:.62rem!important;line-height:1.3!important;text-align:center}
.offer-configurator-page .offer-demo.is-success .offer-demo-quote{box-shadow:inset 0 0 0 1px rgba(34,195,93,.38),-18px 0 45px rgba(0,0,0,.14)}
@keyframes offer-demo-fade{from{opacity:.35;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
.offer-configurator-page .offer-seo-section{padding:clamp(1.35rem,2.4vw,1.9rem) 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.offer-configurator-page .offer-seo-section .container{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.offer-configurator-page .offer-seo-section h2{margin:0;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.18}
.offer-configurator-page .offer-seo-section p{margin:0;color:rgba(205,211,207,.76);font-size:.88rem;line-height:1.6}
.offer-configurator-page .offer-seo-section p+p{margin-top:.45rem}
.offer-configurator-page .offer-practice{padding:clamp(1.75rem,3vw,2.6rem) 0}
.offer-configurator-page .offer-practice .container{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(440px,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.offer-configurator-page .offer-practice-intro h2{margin:0 0 .7rem;font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.16}
.offer-configurator-page .offer-practice-intro p{max-width:660px;margin:0;color:rgba(205,211,207,.8);font-size:.92rem;line-height:1.58}
.offer-configurator-page .offer-practice-intro p+p{margin-top:.4rem}
.offer-configurator-page .offer-practice-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.offer-configurator-page .offer-practice-comparison>div{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018)}
.offer-configurator-page .offer-practice-comparison span{display:block;margin-bottom:.7rem;color:rgba(205,211,207,.65);font-family:'DM Mono',monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.offer-configurator-page .offer-practice-comparison ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.offer-configurator-page .offer-practice-comparison li{display:flex;align-items:flex-start;gap:.55rem;color:rgba(205,211,207,.78);font-size:.84rem;line-height:1.45}
.offer-configurator-page .offer-practice-comparison li::before{content:"–";color:rgba(205,211,207,.4)}
.offer-configurator-page .offer-practice-result span{color:#22C35D}
.offer-configurator-page .offer-practice-result li{color:rgba(224,229,226,.9)}
.offer-configurator-page .offer-practice-result li::before{content:"✓";color:#22C35D;font-weight:700}
.offer-configurator-page .offer-final-cta{text-align:center;padding:clamp(1.6rem,2.8vw,2.25rem) 0 clamp(2rem,3.5vw,3rem)}
.offer-configurator-page .offer-final-cta .container{display:flex;flex-direction:column;align-items:center}
.offer-configurator-page .offer-final-cta h2{max-width:760px;margin:0 0 .65rem;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15}
.offer-configurator-page .offer-final-cta p{max-width:760px;margin:0 0 1.15rem;color:rgba(205,211,207,.82);line-height:1.6}

@media(max-width:1050px){
  .offer-configurator-page .offer-configurator-hero{min-height:auto}
  .offer-configurator-page .solution-detail-hero-grid{grid-template-columns:1fr}
  .offer-configurator-page .offer-configurator-copy{max-width:680px}
}

@media(max-width:820px){
  .offer-configurator-page .offer-configurator-hero{min-height:auto;padding:clamp(2.5rem,8vw,4rem) 0}
  .offer-configurator-page .solution-detail-hero-grid,
  .offer-configurator-page .offer-seo-section .container,
  .offer-configurator-page .offer-practice .container{grid-template-columns:1fr}
  .offer-configurator-page .offer-demo-grid{grid-template-columns:minmax(170px,.8fr) minmax(220px,1.2fr)}
  .offer-configurator-page .offer-demo-quote{grid-column:1 / -1;border-top:1px solid rgba(255,255,255,.07);border-left:0}
}

@media(max-width:620px){
  .offer-configurator-page .offer-demo-grid{grid-template-columns:1fr}
  .offer-configurator-page .offer-demo-controls{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}
  .offer-configurator-page .offer-demo-quote{grid-column:auto}
  .offer-configurator-page .offer-demo-image-wrap{min-height:210px}
}

@media(max-width:560px){
  .offer-configurator-page .offer-practice-comparison{grid-template-columns:1fr}
}

/* Gefährdungsbeurteilung, JSA & ATEX: realistic safety application */
.approval-process-page .approval-process-hero{padding:clamp(1.5rem,3vw,2.75rem) 0}
.approval-process-page .approval-process-hero .container{width:min(1540px,97%)}
.approval-process-page .solution-detail-hero-grid{grid-template-columns:minmax(300px,30fr) minmax(760px,70fr);gap:clamp(1rem,1.8vw,2rem)}
.approval-process-page .approval-process-copy{max-width:440px}
.approval-process-page .approval-process-copy h1{font-size:clamp(2rem,2.8vw,3.1rem);line-height:1.04}
.approval-process-page .approval-process-copy p+p{margin-top:.65rem}
.approval-process-page .approval-process-copy .btn{margin-top:1.25rem}
.approval-process-page .approval-trust-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}
.approval-process-page .approval-trust-badges span{display:inline-flex;align-items:center;gap:.38rem;padding:.42rem .6rem;border:1px solid rgba(34,195,93,.2);border-radius:999px;background:rgba(34,195,93,.055);color:rgba(224,229,226,.88);font-size:.7rem;line-height:1.25}
.approval-process-page .approval-trust-badges span::before{content:"✓";color:#22C35D;font-weight:700}
.approval-process-page .safety-demo{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(145deg,rgba(17,22,19,.99),rgba(8,11,9,.99));box-shadow:0 32px 90px rgba(0,0,0,.4),0 0 70px rgba(34,195,93,.035);overflow:hidden}
.approval-process-page .safety-demo-header{display:flex;justify-content:space-between;align-items:center;padding:.7rem .85rem;border-bottom:1px solid rgba(255,255,255,.07)}
.approval-process-page .safety-demo-header span,.approval-process-page .safety-demo-label,.approval-process-page .safety-risk>span,.approval-process-page .safety-ai span{display:block;color:rgba(205,211,207,.58);font-family:'DM Mono',monospace;font-size:.57rem;letter-spacing:.07em;text-transform:uppercase}
.approval-process-page .safety-demo-header h2{margin:.12rem 0 0;font-size:1rem!important;line-height:1.2}
.approval-process-page .safety-demo-header>strong{padding:.35rem .5rem;border:1px solid rgba(34,195,93,.2);border-radius:999px;color:#22C35D;background:rgba(34,195,93,.055);font-size:.58rem}
.approval-process-page .safety-demo-toolbar{display:grid;grid-template-columns:105px 1fr;gap:.65rem;align-items:center;padding:.65rem .75rem;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.012)}
.approval-process-page .safety-demo-toolbar>label{color:rgba(205,211,207,.66);font-size:.62rem;font-weight:600}
.approval-process-page .safety-demo-toolbar>div{display:grid;grid-template-columns:minmax(250px,1fr) auto;gap:.5rem}
.approval-process-page .safety-demo-toolbar select{min-width:0;min-height:38px;padding:.5rem 2rem .5rem .65rem;border:1px solid rgba(255,255,255,.11);border-radius:6px;color:#e8f7ed;background:#111713;font:inherit;font-size:.64rem;cursor:pointer}
.approval-process-page .safety-demo-analyze{min-height:38px;padding:.5rem .75rem!important;font-size:.62rem!important;white-space:nowrap}
.approval-process-page .safety-demo-context{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid rgba(255,255,255,.07)}
.approval-process-page .safety-demo-context>div{min-width:0;padding:.55rem .65rem;border-right:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.12)}
.approval-process-page .safety-demo-context>div:last-child{border-right:0}
.approval-process-page .safety-demo-context span{display:block;color:rgba(205,211,207,.5);font-size:.52rem}
.approval-process-page .safety-demo-context strong{display:block;margin-top:.2rem;overflow:hidden;color:rgba(225,235,229,.92);font-size:.61rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.approval-process-page .safety-demo-context .context-status{color:#efc56f}
.approval-process-page .safety-demo.is-created .safety-demo-context .context-status{color:#7be49e}
.approval-process-page .safety-demo-workspace{min-height:332px}
.approval-process-page .safety-demo-label{margin-bottom:.6rem;color:rgba(224,229,226,.72)}
.approval-process-page .safety-ai{padding:.5rem .55rem;border:1px solid rgba(34,195,93,.15);border-radius:6px;background:rgba(34,195,93,.035)}
.approval-process-page .safety-ai small{display:block;margin-top:.3rem;color:rgba(224,229,226,.7);font-size:.57rem;line-height:1.45}
.approval-process-page .safety-demo-results{display:flex;min-width:0;min-height:332px;flex-direction:column;padding:.7rem .75rem;background:linear-gradient(140deg,transparent,rgba(34,195,93,.025))}
.approval-process-page .safety-demo-result-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}
.approval-process-page .safety-demo-result-lists article{min-width:0}
.approval-process-page .safety-demo-checks{list-style:none;margin:0;padding:0;border:1px solid rgba(255,255,255,.065);border-radius:6px;overflow:hidden}
.approval-process-page .safety-demo-checks li{display:grid;grid-template-columns:24px 1fr auto;gap:.45rem;align-items:center;min-height:35px;padding:.35rem .45rem;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.012)}
.approval-process-page .safety-demo-checks li:last-child{border-bottom:0}
.approval-process-page .safety-demo-checks li>span{color:rgba(205,211,207,.42);font-family:'DM Mono',monospace;font-size:.5rem}
.approval-process-page .safety-demo-checks li>strong{overflow:hidden;color:rgba(224,229,226,.86);font-size:.59rem;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.approval-process-page .safety-demo-checks li>small{padding:.16rem .3rem;border-radius:999px;color:#7be49e;background:rgba(34,195,93,.08);font-size:.48rem}
.approval-process-page .safety-demo-checks li::before{display:none}
.approval-process-page .safety-demo-summary{display:grid;grid-template-columns:.8fr 1.15fr minmax(150px,.7fr);gap:.55rem;align-items:stretch;margin-top:auto;padding-top:.65rem}
.approval-process-page .safety-risk{padding:.55rem .6rem;border:1px solid rgba(255,255,255,.06);border-radius:7px;background:rgba(0,0,0,.14)}
.approval-process-page .safety-risk p{display:flex;align-items:center;gap:.35rem;margin:.3rem 0 0}
.approval-process-page .safety-risk small{color:rgba(205,211,207,.55);font-size:.52rem}
.approval-process-page .safety-risk strong{padding:.18rem .4rem;border-radius:999px;font-size:.62rem}
.approval-process-page .safety-risk i{color:rgba(205,211,207,.5);font-style:normal}
.approval-process-page .risk-high{color:#ffb8a6;background:rgba(233,85,50,.13)}
.approval-process-page .risk-low{color:#7be49e;background:rgba(34,195,93,.12)}
.approval-process-page .safety-demo-create{width:100%;min-height:42px;padding:.6rem!important;border-color:rgba(34,195,93,.3)!important;color:#dff7e7!important;background:rgba(34,195,93,.075)!important;font-size:.63rem!important}
.approval-process-page .safety-document-result{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;max-height:90px;padding:.65rem .75rem;border-top:1px solid rgba(34,195,93,.25);background:rgba(34,195,93,.065);transition:max-height .25s,padding .25s,opacity .2s}
.approval-process-page .safety-document-result[aria-hidden="true"]{max-height:0;padding-block:0;border-top:0;opacity:0;overflow:hidden}
.approval-process-page .safety-document-result span,.approval-process-page .safety-document-result dt{display:block;color:rgba(205,211,207,.58);font-family:'DM Mono',monospace;font-size:.52rem;letter-spacing:.05em;text-transform:uppercase}
.approval-process-page .safety-document-result strong{display:block;margin-top:.2rem;color:#e8f7ed;font-size:.67rem}
.approval-process-page .safety-document-result dl{display:flex;gap:.5rem;margin:0}
.approval-process-page .safety-document-result dl div{min-width:72px;padding:.35rem .45rem;border:1px solid rgba(34,195,93,.18);border-radius:6px;background:rgba(0,0,0,.12)}
.approval-process-page .safety-document-result dd{margin:.18rem 0 0;color:#7be49e;font-size:.6rem;font-weight:700}
.approval-process-page .safety-demo.is-analyzed .safety-demo-results{animation:safety-demo-result .3s ease}
.approval-process-page .safety-demo.is-created{box-shadow:0 32px 90px rgba(0,0,0,.4),0 0 0 1px rgba(34,195,93,.25),0 0 70px rgba(34,195,93,.06)}
@keyframes safety-demo-result{from{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}
.approval-process-page .approval-section-heading{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;margin-bottom:1.25rem}
.approval-process-page .approval-section-heading .structure-kicker{margin:0}
.approval-process-page .approval-section-heading h2{margin:0!important}
.approval-process-page .approval-situations{padding:clamp(2rem,3.5vw,3rem) 0}
.approval-process-page .approval-situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.approval-process-page .approval-situation-grid>div{display:flex;align-items:center;min-height:76px;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.015);color:rgba(224,229,226,.84);font-size:.86rem;line-height:1.45}
.approval-process-page .approval-practice{padding:clamp(2rem,3.5vw,3rem) 0}
.approval-process-page .approval-practice .container{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(440px,1.15fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.approval-process-page .approval-practice-intro h2{margin:0 0 .75rem!important}
.approval-process-page .approval-practice-intro p{margin:0;color:rgba(205,211,207,.8);font-size:.9rem;line-height:1.58}
.approval-process-page .approval-practice-intro p+p{margin-top:.45rem}
.approval-process-page .approval-practice-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.approval-process-page .approval-practice-comparison>div{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018)}
.approval-process-page .approval-practice-comparison span{display:block;margin-bottom:.7rem;color:rgba(205,211,207,.62);font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.approval-process-page .approval-practice-comparison ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.approval-process-page .approval-practice-comparison li{display:flex;gap:.55rem;color:rgba(205,211,207,.76);font-size:.82rem;line-height:1.45}
.approval-process-page .approval-practice-comparison li::before{content:"–";color:rgba(205,211,207,.4)}
.approval-process-page .approval-practice-result span{color:#22C35D}
.approval-process-page .approval-practice-result li{color:rgba(224,229,226,.9)}
.approval-process-page .approval-practice-result li::before{content:"✓";color:#22C35D;font-weight:700}
.approval-process-page .approval-use-cases{padding:clamp(2rem,3.5vw,3rem) 0}
.approval-process-page .approval-use-cases .container{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:1rem clamp(2rem,5vw,5rem);align-items:start}
.approval-process-page .approval-use-cases-intro{grid-row:1 / span 2}
.approval-process-page .approval-use-cases-intro h2{margin:0 0 .7rem!important}
.approval-process-page .approval-use-cases-intro p,.approval-process-page .approval-seo-note{margin:0;color:rgba(205,211,207,.76);font-size:.88rem;line-height:1.58}
.approval-process-page .approval-use-case-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.approval-process-page .approval-use-case-list li{position:relative;padding:.7rem .75rem .7rem 1.65rem;border:1px solid rgba(255,255,255,.065);border-radius:7px;background:rgba(255,255,255,.012);color:rgba(224,229,226,.84);font-size:.8rem;line-height:1.35}
.approval-process-page .approval-use-case-list li::before{content:"";position:absolute;top:1rem;left:.8rem;width:5px;height:5px;border-radius:50%;background:#22C35D}
.approval-process-page .approval-seo-note{padding-top:.2rem}
.approval-process-page .approval-final-cta{text-align:center;padding:clamp(1.8rem,3vw,2.5rem) 0 clamp(2.75rem,4.5vw,4rem)}
.approval-process-page .approval-final-cta .container{display:flex;flex-direction:column;align-items:center}
.approval-process-page .approval-final-cta h2{margin:0 0 .65rem;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15}
.approval-process-page .approval-final-cta p{margin:0 0 1.15rem;color:rgba(205,211,207,.82)}

@media(max-width:900px){
  .approval-process-page .solution-detail-hero-grid{grid-template-columns:1fr}
  .approval-process-page .approval-process-copy{max-width:720px}
  .approval-process-page .approval-practice .container,
  .approval-process-page .approval-use-cases .container{grid-template-columns:1fr}
  .approval-process-page .approval-use-cases-intro{grid-row:auto}
}

@media(max-width:680px){
  .approval-process-page .approval-section-heading,
  .approval-process-page .approval-practice-comparison{grid-template-columns:1fr}
  .approval-process-page .approval-situation-grid{grid-template-columns:1fr}
  .approval-process-page .approval-use-case-list{grid-template-columns:1fr}
  .approval-process-page .safety-demo-toolbar{grid-template-columns:1fr}
  .approval-process-page .safety-demo-toolbar>div{grid-template-columns:1fr}
  .approval-process-page .safety-demo-context{grid-template-columns:repeat(2,minmax(0,1fr))}
  .approval-process-page .safety-demo-context>div{border-bottom:1px solid rgba(255,255,255,.06)}
  .approval-process-page .safety-demo-result-lists,
  .approval-process-page .safety-demo-summary{grid-template-columns:1fr}
  .approval-process-page .safety-document-result{grid-template-columns:1fr}
}

/* Interne Systeme & Datenbanken: qualification management application */
.internal-systems-page .internal-systems-hero{min-height:auto;padding:clamp(1.8rem,3.5vw,3rem) 0 clamp(2rem,3vw,2.75rem)}
.internal-systems-page .internal-systems-hero .container{width:min(1640px,98%)}
.internal-systems-page .internal-systems-hero-layout{display:flex;flex-direction:column;align-items:center}
.internal-systems-page .internal-systems-copy{width:min(950px,90%);max-width:none;text-align:center}
.internal-systems-page .internal-systems-copy h1{margin:.55rem auto .8rem;font-size:clamp(2.1rem,3.65vw,3.65rem);line-height:1.04;letter-spacing:-.045em}
.internal-systems-page .internal-systems-copy h1 span{color:#22C35D}
.internal-systems-page .internal-systems-description{max-width:880px;margin:0 auto}
.internal-systems-page .internal-systems-copy p{max-width:none;margin:0;color:rgba(224,229,226,.76);font-size:clamp(.88rem,1.25vw,1rem);line-height:1.55;text-align:center}
.internal-systems-page .qualification-demo-stage{width:100%;margin-top:clamp(.75rem,1.5vw,1.1rem)}
.internal-systems-page .qualification-demo-heading{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-bottom:.5rem;padding:.55rem .75rem;border:1px solid rgba(34,195,93,.24);border-radius:8px;background:rgba(34,195,93,.055)}
.internal-systems-page .qualification-demo-heading>div{display:flex;gap:.45rem;align-items:center}
.internal-systems-page .qualification-demo-heading>span{padding:.24rem .42rem;border-radius:999px;color:#061008;background:#22C35D;font-family:'DM Mono',monospace;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.internal-systems-page .qualification-demo-heading strong{color:#e5f5ea;font-size:.68rem}
.internal-systems-page .qualification-demo-heading p{margin:0;color:rgba(205,211,207,.72);font-size:.62rem}
.internal-systems-page .internal-trust-badges{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.85rem}
.internal-systems-page .internal-trust-badges span{display:inline-flex;align-items:center;gap:.38rem;padding:.42rem .6rem;border:1px solid rgba(34,195,93,.2);border-radius:999px;background:rgba(34,195,93,.055);color:rgba(224,229,226,.88);font-size:.7rem;line-height:1.25}
.internal-systems-page .internal-trust-badges span::before{content:"✓";color:#22C35D;font-weight:700}
.internal-systems-page .qualification-dashboard{min-width:0;border:1px solid #d8dfdb;border-radius:12px;background:#f6f8f7;box-shadow:0 32px 90px rgba(0,0,0,.44),0 0 0 1px rgba(255,255,255,.35);overflow:hidden}
.internal-systems-page .qualification-app-bar{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;gap:.7rem;align-items:center;padding:.6rem .7rem;border-bottom:1px solid #dce3df;background:#fff}
.internal-systems-page .qualification-app-brand{display:flex;align-items:center;gap:.5rem}
.internal-systems-page .qualification-app-brand>i{display:grid;width:28px;height:28px;place-items:center;border-radius:7px;color:#08120b;background:#22C35D;font-style:normal;font-weight:800}
.internal-systems-page .qualification-app-brand strong,.internal-systems-page .qualification-app-brand span{display:block}
.internal-systems-page .qualification-app-brand strong{color:#18231c;font-size:.72rem}
.internal-systems-page .qualification-app-brand span{margin-top:.08rem;color:#77847c;font-size:.48rem}
.internal-systems-page .qualification-search{display:flex;align-items:center;gap:.4rem;min-width:0;padding:.42rem .55rem;border:1px solid #d8dfdb;border-radius:6px;background:#f6f8f7;box-shadow:inset 0 1px 1px rgba(20,35,26,.025)}
.internal-systems-page .qualification-search:focus-within{border-color:#22C35D;box-shadow:0 0 0 2px rgba(34,195,93,.1)}
.internal-systems-page .qualification-search>span{color:#6d7a72;font-size:.8rem}
.internal-systems-page .qualification-search input{width:100%;min-width:0;padding:0;border:0;outline:0;color:#1c2921;background:transparent;font:inherit;font-size:.58rem}
.internal-systems-page .qualification-search input::placeholder{color:#8b9690}
.internal-systems-page .qualification-app-actions{display:flex;align-items:center;gap:.38rem}
.internal-systems-page .qualification-app-actions>button{min-height:30px;padding:.35rem .52rem;border:1px solid #d3dbd6;border-radius:5px;color:#334139;background:#fff;box-shadow:0 1px 2px rgba(22,36,27,.05);font:inherit;font-size:.53rem;cursor:pointer}
.internal-systems-page .qualification-app-actions>button:first-child{border-color:#22C35D;color:#fff;background:#22C35D}
.internal-systems-page .qualification-app-actions>button:hover{border-color:#159a45;background:#eef9f1}
.internal-systems-page .qualification-app-actions>button:first-child:hover{color:#fff;background:#1aaa50}
.internal-systems-page .qualification-user{display:flex;align-items:center;gap:.35rem;padding-left:.35rem;border-left:1px solid #dce3df}
.internal-systems-page .qualification-user>i{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:#14743a;background:#dff5e6;font-size:.5rem;font-style:normal;font-weight:700}
.internal-systems-page .qualification-user strong,.internal-systems-page .qualification-user small{display:block;white-space:nowrap}
.internal-systems-page .qualification-user strong{color:#26332b;font-size:.5rem}
.internal-systems-page .qualification-user small{margin-top:.08rem;color:#7c8981;font-size:.44rem}
.internal-systems-page .qualification-dashboard-grid{display:grid;grid-template-columns:minmax(200px,.68fr) minmax(520px,1.75fr) minmax(240px,.82fr);min-height:470px}
.internal-systems-page .employee-panel,.internal-systems-page .qualification-panel,.internal-systems-page .dashboard-panel{min-width:0;padding:.65rem}
.internal-systems-page .employee-panel,.internal-systems-page .qualification-panel{border-right:1px solid #dce3df}
.internal-systems-page .employee-panel{background:#f2f5f3}
.internal-systems-page .qualification-panel{background:#f8faf9}
.internal-systems-page .dashboard-label,.internal-systems-page .employee-heading span{display:block;color:#718078;font-family:'DM Mono',monospace;font-size:.54rem;letter-spacing:.07em;text-transform:uppercase}
.internal-systems-page .employee-panel-heading{display:flex;justify-content:space-between;align-items:center}
.internal-systems-page .employee-panel-heading>small{color:#89958e;font-size:.48rem}
.internal-systems-page .employee-panel ul{list-style:none;margin:.55rem 0 0;padding:0;display:grid;gap:.3rem}
.internal-systems-page .employee-panel li{display:block;padding:0;border:0;background:none}
.internal-systems-page .employee-panel li>button{position:relative;display:grid;width:100%;grid-template-columns:6px 28px 1fr;gap:.4rem;align-items:center;padding:.43rem;border:1px solid #dde4e0;border-radius:6px;color:#3d4a42;background:#fff;box-shadow:0 1px 2px rgba(24,39,30,.035);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s}
.internal-systems-page .employee-panel li>button:hover{border-color:#8bd4a4;background:#f4fbf6;box-shadow:0 3px 8px rgba(25,92,49,.08);transform:translateX(2px)}
.internal-systems-page .employee-panel li>button.is-selected{border-color:#22C35D;color:#193522;background:#e8f8ed;box-shadow:inset 3px 0 #22C35D,0 3px 10px rgba(34,195,93,.1)}
.internal-systems-page .employee-panel button>b{width:6px;height:6px;border-radius:50%;background:#22C35D}
.internal-systems-page .employee-panel button>b.is-warning{background:#e6ac3e}
.internal-systems-page .employee-panel i,.internal-systems-page .employee-avatar{display:grid;place-items:center;border-radius:50%;color:#17723b;background:#dcf3e4;font-style:normal;font-weight:700}
.internal-systems-page .employee-panel i{width:28px;height:28px;font-size:.55rem}
.internal-systems-page .employee-panel strong,.internal-systems-page .employee-panel small{display:block}
.internal-systems-page .employee-panel strong{font-size:.62rem;line-height:1.25}
.internal-systems-page .employee-panel small{margin-top:.08rem;color:#7f8b84;font-size:.52rem}
.internal-systems-page .employee-heading{display:flex;align-items:center;gap:.6rem;padding-bottom:.5rem;margin-bottom:.35rem;border-bottom:1px solid #dfe5e2}
.internal-systems-page .employee-avatar{width:42px;height:42px;flex:0 0 auto;font-size:.68rem}
.internal-systems-page .employee-heading strong,.internal-systems-page .employee-heading small{display:block}
.internal-systems-page .employee-heading strong{margin-top:.12rem;color:#1e2c23;font-size:.78rem}
.internal-systems-page .employee-heading small{margin-top:.12rem;color:#78857d;font-size:.55rem}
.internal-systems-page .qualification-tabs{display:flex;gap:.15rem;margin-bottom:.45rem;border-bottom:1px solid #dce3df}
.internal-systems-page .qualification-tabs button{padding:.4rem .5rem;border:0;border-bottom:2px solid transparent;color:#738078;background:transparent;font:inherit;font-size:.53rem;cursor:pointer;transition:color .16s,background .16s}
.internal-systems-page .qualification-tabs button:hover{color:#17743a}
.internal-systems-page .qualification-tabs button.is-active{border-bottom-color:#22C35D;color:#176d38;font-weight:700}
.internal-systems-page .qualification-feedback{min-height:.8rem;margin:.28rem 0 0!important;color:#178443!important;font-size:.5rem!important;text-align:right}
.internal-systems-page .dashboard-panel{background:#f1f4f2}
.internal-systems-page .dashboard-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.65rem}
.internal-systems-page .dashboard-metrics>div{min-height:70px;padding:.5rem;border:1px solid #d9e0dc;border-radius:6px;background:#fff;box-shadow:0 1px 2px rgba(23,38,29,.035);transition:border-color .16s,box-shadow .16s,transform .16s}
.internal-systems-page .dashboard-metrics>div:hover{border-color:#9bd8ae;box-shadow:0 6px 16px rgba(24,83,43,.08);transform:translateY(-2px)}
.internal-systems-page .dashboard-metrics span{display:block;min-height:2.5em;color:#6f7c74;font-size:.55rem;line-height:1.3}
.internal-systems-page .dashboard-metrics strong{display:block;margin-top:.3rem;color:#213027;font-size:1.15rem;line-height:1}
.internal-systems-page .dashboard-metrics .is-warning strong{color:#a8700a}
.internal-systems-page .dashboard-metrics .is-critical strong{color:#bd4a35}
.internal-systems-page .deadline-panel{margin-top:.6rem;padding:.55rem;border:1px solid #d9e0dc;border-radius:6px;background:#fff}
.internal-systems-page .deadline-panel ul{list-style:none;margin:.45rem 0 0;padding:0}
.internal-systems-page .deadline-panel li{display:flex;justify-content:space-between;gap:.5rem;padding:.38rem 0;border-top:1px solid #e4e9e6;color:#48564d;font-size:.53rem}
.internal-systems-page .deadline-panel strong{color:#9a690b;font-size:.5rem}
.internal-systems-page .qualification-toast{position:absolute;right:.7rem;bottom:.65rem;z-index:2;margin:0!important;padding:.45rem .6rem;border:1px solid #86d5a0;border-radius:6px;color:#176f38!important;background:#e6f7eb;box-shadow:0 12px 30px rgba(24,55,34,.16);font-size:.55rem!important;opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .18s,transform .18s}
.internal-systems-page .qualification-dashboard{position:relative}
.internal-systems-page .qualification-dashboard.has-toast .qualification-toast{opacity:1;transform:none}
.internal-systems-page .qualification-modal-backdrop{position:absolute;inset:0;z-index:5;display:grid;place-items:center;padding:1rem;background:rgba(19,30,23,.48);backdrop-filter:blur(2px);opacity:1;transition:opacity .18s}
.internal-systems-page .qualification-modal-backdrop[aria-hidden="true"]{visibility:hidden;opacity:0;pointer-events:none}
.internal-systems-page .qualification-modal{width:min(400px,94%);overflow:hidden;border:1px solid #d4ddd7;border-radius:10px;background:#fff;box-shadow:0 24px 70px rgba(12,31,19,.3);transform:none;transition:transform .18s}
.internal-systems-page .qualification-modal-backdrop[aria-hidden="true"] .qualification-modal{transform:translateY(8px) scale(.98)}
.internal-systems-page .qualification-modal>header{display:flex;justify-content:space-between;align-items:center;padding:.75rem .85rem;border-bottom:1px solid #e0e6e2}
.internal-systems-page .qualification-modal>header span{display:block;color:#168041;font-family:'DM Mono',monospace;font-size:.5rem;text-transform:uppercase}
.internal-systems-page .qualification-modal h3{margin:.2rem 0 0;color:#19261e;font-size:.92rem}
.internal-systems-page .qualification-modal>header button{display:grid;width:27px;height:27px;place-items:center;border:1px solid #d8dfdb;border-radius:5px;color:#5f6c64;background:#f7f9f8;font-size:.9rem;cursor:pointer}
.internal-systems-page .qualification-modal-body{display:grid;gap:.7rem;padding:.85rem}
.internal-systems-page .qualification-modal-body label{display:grid;gap:.25rem;color:#59675e;font-size:.58rem}
.internal-systems-page .qualification-modal-body input,.internal-systems-page .qualification-modal-body select{width:100%;min-height:38px;padding:.48rem .55rem;border:1px solid #d5ddd8;border-radius:6px;color:#26342b;background:#f8faf9;font:inherit;font-size:.64rem}
.internal-systems-page .modal-certificate{display:flex;justify-content:space-between;gap:1rem;padding:.6rem;border:1px solid #dde4e0;border-radius:6px;background:#f7f9f8}
.internal-systems-page .modal-certificate span{color:#76837b;font-size:.57rem}
.internal-systems-page .modal-certificate strong{color:#26342b;font-size:.64rem}
.internal-systems-page .qualification-modal>footer{display:flex;justify-content:flex-end;gap:.45rem;padding:.7rem .85rem;border-top:1px solid #e0e6e2;background:#f7f9f8}
.internal-systems-page .qualification-modal>footer button{min-height:34px;padding:.4rem .65rem;border:1px solid #d3dbd6;border-radius:5px;color:#4b594f;background:#fff;font:inherit;font-size:.58rem;cursor:pointer}
.internal-systems-page .qualification-modal>footer button:last-child{border-color:#22C35D;color:#fff;background:#22C35D}
.internal-systems-page .qualification-modal button:hover{border-color:#159a45}

/* QualiBase product dashboard */
.internal-systems-page .qualification-product-bar{display:grid;grid-template-columns:auto auto minmax(260px,1fr) auto;gap:.85rem;align-items:center;padding:.72rem .9rem;border-bottom:1px solid #dce3df;background:#fff}
.internal-systems-page .qualification-product-nav{display:flex;align-items:center;gap:.12rem}
.internal-systems-page .qualification-product-nav button{padding:.38rem .46rem;border:0;border-radius:5px;color:#69776f;background:transparent;font:inherit;font-size:.5rem;cursor:pointer;transition:color .16s,background .16s}
.internal-systems-page .qualification-product-nav button:hover{color:#176f38;background:#eff8f2}
.internal-systems-page .qualification-product-nav button.is-active{color:#176f38;background:#e3f5e9;font-weight:700}
.internal-systems-page .qualification-product-actions{display:flex;align-items:center;gap:.55rem}
.internal-systems-page .notification-button{position:relative;width:31px;height:31px;border:1px solid #d6ded9;border-radius:7px;color:#fff;background:#ef4d4d;font:inherit;font-size:.52rem;font-weight:700;cursor:pointer}
.internal-systems-page .qualification-workspace{display:grid;grid-template-columns:145px 230px minmax(530px,1fr) 260px;min-height:590px;background:#f5f7f6}
.internal-systems-page .qualification-sidebar{display:flex;min-width:0;flex-direction:column;padding:.75rem .55rem;border-right:1px solid #dce3df;background:#fff}
.internal-systems-page .qualification-sidebar nav{display:grid;gap:.25rem}
.internal-systems-page .qualification-sidebar nav button{display:flex;align-items:center;gap:.55rem;width:100%;padding:.52rem .55rem;border:1px solid transparent;border-radius:7px;color:#627067;background:transparent;font:inherit;font-size:.57rem;text-align:left;cursor:pointer;transition:color .16s,background .16s,transform .16s}
.internal-systems-page .qualification-sidebar nav button:hover{color:#16713a;background:#eff8f2;transform:translateX(2px)}
.internal-systems-page .qualification-sidebar nav button.is-active{border-color:#ccebd7;color:#116b35;background:#e8f7ed;font-weight:700}
.internal-systems-page .qualification-sidebar nav i{display:grid;width:18px;height:18px;place-items:center;color:inherit;font-size:.65rem;font-style:normal}
.internal-systems-page .sidebar-compliance{display:flex;flex-direction:column;align-items:center;margin-top:auto;padding:.7rem .35rem;border:1px solid #dfe6e2;border-radius:8px;background:#f8faf9}
.internal-systems-page .compliance-ring,.internal-systems-page .mini-donut{position:relative;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#22C35D calc(var(--progress) * 1%),#e2e9e5 0)}
.internal-systems-page .compliance-ring{width:64px;height:64px}
.internal-systems-page .compliance-ring::before,.internal-systems-page .mini-donut::before{content:"";position:absolute;border-radius:50%;background:#fff}
.internal-systems-page .compliance-ring::before{inset:7px}
.internal-systems-page .compliance-ring strong{position:relative;z-index:1;color:#1b2c21;font-size:.7rem}
.internal-systems-page .sidebar-compliance>span{margin-top:.45rem;color:#34443a;font-size:.56rem;font-weight:700}
.internal-systems-page .sidebar-compliance>small{margin-top:.1rem;color:#859089;font-size:.47rem}
.internal-systems-page .qualification-workspace .employee-panel{padding:.75rem;border-right:1px solid #dce3df;background:#f8faf9}
.internal-systems-page .employee-panel-heading button{display:grid;width:25px;height:25px;place-items:center;border:1px solid #d6ded9;border-radius:6px;color:#14743a;background:#fff;font:inherit;font-size:.75rem;cursor:pointer}
.internal-systems-page .qualification-workspace .employee-panel li>button{grid-template-columns:6px 31px 1fr auto;padding:.52rem .45rem}
.internal-systems-page .qualification-workspace .employee-panel li>button>em{color:#87928b;font-size:.46rem;font-style:normal}
.internal-systems-page .employee-panel button>b.is-critical{background:#e94d42}
.internal-systems-page .qualification-main-panel{min-width:0;padding:.85rem .9rem;background:#fff}
.internal-systems-page .employee-profile-header{display:grid;grid-template-columns:auto 1fr auto auto;gap:.65rem;align-items:center;padding-bottom:.7rem}
.internal-systems-page .employee-profile-copy span{display:block;color:#7b8780;font-family:'DM Mono',monospace;font-size:.48rem;text-transform:uppercase}
.internal-systems-page .employee-profile-copy h3{margin:.14rem 0 .1rem;color:#19271e;font-size:1.05rem;line-height:1.2}
.internal-systems-page .employee-profile-copy p{margin:0;color:#78857d;font-size:.54rem}
.internal-systems-page .employee-release-status{padding:.25rem .45rem;border-radius:999px;font-size:.5rem;font-weight:700;white-space:nowrap}
.internal-systems-page .employee-release-status.is-valid{color:#16713a;background:#dff4e6}
.internal-systems-page .employee-release-status.is-expiring{color:#98680d;background:#fff0cc}
.internal-systems-page .employee-release-status.is-expired{color:#b33e31;background:#fde5e2}
.internal-systems-page .employee-profile-actions{display:flex;gap:.4rem}
.internal-systems-page .employee-profile-actions button{min-height:32px;padding:.4rem .58rem;border:1px solid #d4ddd7;border-radius:6px;color:#405048;background:#fff;font:inherit;font-size:.52rem;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}
.internal-systems-page .employee-profile-actions button:first-child{border-color:#22C35D;color:#fff;background:#22C35D}
.internal-systems-page .employee-profile-actions button:hover{border-color:#159a45;background:#eff9f2;transform:translateY(-1px)}
.internal-systems-page .employee-profile-actions button:first-child:hover{color:#fff;background:#19a64d}
.internal-systems-page .qualification-card-section{padding-top:.25rem}
.internal-systems-page .section-heading{display:flex;justify-content:space-between;align-items:center;margin:.55rem 0}
.internal-systems-page .section-heading>div{display:flex;align-items:center;gap:.55rem}
.internal-systems-page .section-heading span{color:#344239;font-size:.64rem;font-weight:700}
.internal-systems-page .section-heading strong{padding:.18rem .35rem;border-radius:999px;color:#17743a;background:#e5f6eb;font-size:.47rem}
.internal-systems-page .section-heading>button{border:0;color:#168041;background:transparent;font:inherit;font-size:.5rem;cursor:pointer}
.internal-systems-page .qualification-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}
.internal-systems-page .qualification-card{display:grid;grid-template-columns:34px 1fr auto;gap:.55rem;align-items:center;min-height:76px;padding:.55rem;border:1px solid #dce3df;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(23,38,29,.035);cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.internal-systems-page .qualification-card:hover{border-color:#8ed2a5;box-shadow:0 7px 18px rgba(24,83,43,.08);transform:translateY(-2px)}
.internal-systems-page .qualification-card-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#17743a;background:#e4f5ea;font-size:.66rem;font-weight:800}
.internal-systems-page .qualification-card-copy span,.internal-systems-page .qualification-card-copy strong,.internal-systems-page .qualification-card-copy small{display:block}
.internal-systems-page .qualification-card-copy span{color:#89948e;font-size:.44rem}
.internal-systems-page .qualification-card-copy strong{margin:.14rem 0;color:#28372d;font-size:.6rem}
.internal-systems-page .qualification-card-copy small{color:#748179;font-size:.47rem}
.internal-systems-page .qualification-card-state{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}
.internal-systems-page .qualification-card-state>span{padding:.17rem .3rem;border-radius:999px;font-size:.45rem;font-weight:700}
.internal-systems-page .qualification-card.is-valid .qualification-card-state>span{color:#17743a;background:#e0f4e6}
.internal-systems-page .qualification-card.is-expiring{border-color:#ecd399;background:#fffcf5}
.internal-systems-page .qualification-card.is-expiring .qualification-card-state>span{color:#96670b;background:#ffefca}
.internal-systems-page .qualification-card.is-expired{border-color:#efb5ae;background:#fff8f7}
.internal-systems-page .qualification-card.is-expired .qualification-card-state>span{color:#b33d31;background:#fde5e2}
.internal-systems-page .qualification-card-state button{padding:.22rem .35rem;border:1px solid #d2dbd5;border-radius:5px;color:#425148;background:#fff;font:inherit;font-size:.47rem;cursor:pointer}
.internal-systems-page .qualification-card-state button:hover{border-color:#22C35D;color:#17743a}
.internal-systems-page .employee-status-strip{display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center;margin-top:.65rem;padding:.65rem;border:1px solid #dae3dd;border-radius:8px;background:#f5f9f6}
.internal-systems-page .employee-status-strip span,.internal-systems-page .employee-status-strip strong{display:block}
.internal-systems-page .employee-status-strip span{color:#718078;font-size:.48rem}
.internal-systems-page .employee-status-strip strong{margin:.16rem 0 .35rem;color:#314139;font-size:.56rem}
.internal-systems-page .progress-track{height:6px;border-radius:999px;background:#dfe7e2;overflow:hidden}
.internal-systems-page .progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#16a34a,#22C35D);transition:width .35s ease}
.internal-systems-page .employee-status-strip button{min-height:32px;padding:.4rem .55rem;border:1px solid #b9d8c4;border-radius:6px;color:#176f38;background:#fff;font:inherit;font-size:.5rem;cursor:pointer}
.internal-systems-page .qualification-workspace .dashboard-panel{padding:.75rem;border-left:1px solid #dce3df;background:#f8faf9}
.internal-systems-page .dashboard-panel-heading{display:flex;justify-content:space-between;align-items:center}
.internal-systems-page .dashboard-panel-heading>small{color:#89948e;font-size:.46rem}
.internal-systems-page .qualification-workspace .dashboard-metrics{grid-template-columns:1fr;gap:.4rem;margin-top:.55rem}
.internal-systems-page .qualification-workspace .dashboard-metrics>button{display:grid;grid-template-columns:1fr auto;gap:.1rem .5rem;min-height:65px;padding:.55rem;border:1px solid #dae2dd;border-radius:8px;background:#fff;box-shadow:0 1px 3px rgba(23,38,29,.035);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.internal-systems-page .qualification-workspace .dashboard-metrics>button:hover{border-color:#8fd2a5;box-shadow:0 6px 15px rgba(24,83,43,.08);transform:translateY(-2px)}
.internal-systems-page .qualification-workspace .dashboard-metrics span{min-height:0;color:#6e7b73;font-size:.5rem}
.internal-systems-page .qualification-workspace .dashboard-metrics strong{grid-row:1 / span 2;grid-column:2;color:#203027;font-size:1.15rem}
.internal-systems-page .qualification-workspace .dashboard-metrics small{color:#89948e;font-size:.44rem}
.internal-systems-page .qualification-workspace .dashboard-metrics .is-warning strong{color:#a66e08}
.internal-systems-page .qualification-workspace .dashboard-metrics .is-critical strong{color:#c53f34}
.internal-systems-page .compliance-card{display:grid;grid-template-columns:1fr auto;gap:.6rem;align-items:center;margin-top:.55rem;padding:.65rem;border:1px solid #dae2dd;border-radius:8px;background:#fff}
.internal-systems-page .compliance-card span,.internal-systems-page .compliance-card strong,.internal-systems-page .compliance-card small{display:block}
.internal-systems-page .compliance-card span{color:#718078;font-size:.48rem}
.internal-systems-page .compliance-card strong{margin:.18rem 0;color:#1e3025;font-size:.82rem}
.internal-systems-page .compliance-card small{color:#8a958e;font-size:.44rem}
.internal-systems-page .mini-donut{width:50px;height:50px}
.internal-systems-page .mini-donut::before{inset:6px}
.internal-systems-page .qualification-workspace .deadline-panel{margin-top:.55rem;padding:.6rem}
.internal-systems-page .qualification-workspace .deadline-panel li{display:grid;grid-template-columns:6px 1fr auto;align-items:center;gap:.45rem;padding:.48rem 0}
.internal-systems-page .qualification-workspace .deadline-panel li>i{width:6px;height:6px;border-radius:50%;background:#22C35D}
.internal-systems-page .qualification-workspace .deadline-panel li>i.is-urgent{background:#e6a21c}
.internal-systems-page .qualification-workspace .deadline-panel li>span{color:#405048;font-size:.51rem}
.internal-systems-page .qualification-workspace .deadline-panel li small{display:block;margin-top:.08rem;color:#8b9690;font-size:.43rem}
.internal-systems-page .qualification-workspace .deadline-panel li>strong{color:#9a690b;font-size:.49rem}
.internal-systems-page .internal-practice{padding:clamp(1.8rem,3vw,2.6rem) 0}
.internal-systems-page .internal-practice .container{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.internal-systems-page .internal-practice-intro h2{margin:0 0 .7rem;font-size:clamp(1.5rem,2.5vw,2.1rem);line-height:1.16}
.internal-systems-page .internal-practice-intro p{margin:0;color:rgba(205,211,207,.8);font-size:.9rem;line-height:1.58}
.internal-systems-page .internal-practice-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.internal-systems-page .internal-practice-comparison>div{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018)}
.internal-systems-page .internal-practice-comparison>div>span{display:block;margin-bottom:.7rem;color:rgba(205,211,207,.62);font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.internal-systems-page .internal-practice-comparison ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.internal-systems-page .internal-practice-comparison li{display:flex;gap:.55rem;color:rgba(205,211,207,.76);font-size:.82rem;line-height:1.45}
.internal-systems-page .internal-practice-comparison li::before{content:"–";color:rgba(205,211,207,.4)}
.internal-systems-page .internal-practice-result>span{color:#22C35D!important}
.internal-systems-page .internal-practice-result li{color:rgba(224,229,226,.9)}
.internal-systems-page .internal-practice-result li::before{content:"✓";color:#22C35D;font-weight:700}
.internal-systems-page .internal-function-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
.internal-systems-page .internal-function-list li{position:relative;padding:.75rem .7rem .75rem 1.75rem;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:rgba(224,229,226,.84);background:rgba(255,255,255,.015);font-size:.76rem;line-height:1.35}
.internal-systems-page .internal-function-list li::before{content:"✓";position:absolute;left:.75rem;color:#22C35D;font-weight:700}
.internal-systems-page .internal-final-cta{text-align:center;padding:clamp(1.8rem,3vw,2.5rem) 0 clamp(2.75rem,4.5vw,4rem)}
.internal-systems-page .internal-final-cta .container{display:flex;flex-direction:column;align-items:center}
.internal-systems-page .internal-final-cta h2{margin:0 0 .65rem;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.15}
.internal-systems-page .internal-final-cta p{max-width:760px;margin:0;color:rgba(205,211,207,.82);line-height:1.55}
.internal-systems-page .internal-final-cta p+p{margin-top:.25rem}
.internal-systems-page .internal-final-cta .btn{margin-top:1.15rem}

@media(max-width:1050px){
  .internal-systems-page .internal-systems-copy{width:min(900px,94%)}
  .internal-systems-page .qualification-demo-stage{width:100%}
  .internal-systems-page .qualification-workspace{grid-template-columns:125px 210px minmax(460px,1fr)}
  .internal-systems-page .qualification-workspace .dashboard-panel{grid-column:2 / -1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem;border-top:1px solid #dce3df;border-left:0}
  .internal-systems-page .qualification-workspace .dashboard-panel>.dashboard-panel-heading{grid-column:1 / -1}
  .internal-systems-page .qualification-workspace .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1 / -1}
  .internal-systems-page .compliance-card,.internal-systems-page .qualification-workspace .deadline-panel{margin-top:0}
}

@media(max-width:760px){
  .internal-systems-page .internal-systems-description{grid-template-columns:1fr}
  .internal-systems-page .internal-systems-copy p{text-align:center}
  .internal-systems-page .qualification-demo-heading{align-items:flex-start;flex-direction:column;gap:.2rem}
  .internal-systems-page .qualification-app-bar{grid-template-columns:auto 1fr}
  .internal-systems-page .qualification-app-actions{grid-column:1 / -1;justify-content:flex-end}
  .internal-systems-page .qualification-product-bar{grid-template-columns:auto 1fr}
  .internal-systems-page .qualification-product-nav{justify-content:flex-end}
  .internal-systems-page .qualification-search{grid-column:1 / -1}
  .internal-systems-page .qualification-product-actions{justify-content:flex-end}
  .internal-systems-page .qualification-workspace{grid-template-columns:1fr}
  .internal-systems-page .qualification-sidebar{display:none}
  .internal-systems-page .qualification-workspace .employee-panel,.internal-systems-page .qualification-main-panel,.internal-systems-page .qualification-workspace .dashboard-panel{grid-column:auto}
  .internal-systems-page .qualification-workspace .employee-panel{border-right:0;border-bottom:1px solid #dce3df}
  .internal-systems-page .qualification-workspace .employee-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .internal-systems-page .employee-profile-header{grid-template-columns:auto 1fr auto}
  .internal-systems-page .employee-profile-actions{grid-column:1 / -1;justify-content:flex-end}
  .internal-systems-page .qualification-workspace .dashboard-panel{display:block;border-left:0}
  .internal-systems-page .qualification-workspace .dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .internal-systems-page .internal-practice .container{grid-template-columns:1fr}
  .internal-systems-page .internal-function-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:560px){
  .internal-systems-page .qualification-app-bar{grid-template-columns:1fr}
  .internal-systems-page .qualification-app-actions{grid-column:auto;justify-content:flex-start;flex-wrap:wrap}
  .internal-systems-page .qualification-user{margin-left:auto}
  .internal-systems-page .internal-practice-comparison{grid-template-columns:1fr}
  .internal-systems-page .qualification-demo-heading,.internal-systems-page .qualification-demo-heading>div{align-items:center;flex-direction:column;text-align:center}
  .internal-systems-page .qualification-product-bar{grid-template-columns:1fr}
  .internal-systems-page .qualification-product-nav{justify-content:flex-start;overflow-x:auto}
  .internal-systems-page .qualification-search{grid-column:auto}
  .internal-systems-page .internal-function-list{grid-template-columns:1fr}
  .internal-systems-page .qualification-workspace .employee-panel ul,.internal-systems-page .qualification-card-grid,.internal-systems-page .qualification-workspace .dashboard-metrics{grid-template-columns:1fr}
  .internal-systems-page .employee-profile-header{grid-template-columns:auto 1fr}
  .internal-systems-page .employee-release-status{grid-column:1 / -1;justify-self:start}
}

/* HSE Chemie & Pharma: Excel tools */
.hse-tools-page .hse-hero{padding:clamp(3rem,5vw,4.5rem) 0}
.hse-tools-page .solution-detail-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(2.5rem,6vw,5.5rem);align-items:center}
.hse-tools-page .hse-hero-copy p+p{margin-top:.65rem}
.hse-tools-page .hse-hero-copy .btn{margin-top:1.3rem}
.hse-tools-page .hse-context-panel{padding:clamp(1.4rem,3vw,2rem);border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(15,16,16,.78)}
.hse-tools-page .hse-context-panel>span,.hse-tools-page .hse-tool-label{display:block;margin-bottom:.7rem;color:#22C35D;font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}
.hse-tools-page .hse-context-panel h2{margin:0 0 .8rem;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.2}
.hse-tools-page .hse-context-panel p{margin:0;color:rgba(205,211,207,.8);font-size:.92rem;line-height:1.62}
.hse-tools-page .hse-context-panel ul{list-style:none;margin:1.15rem 0 0;padding:0;display:grid;gap:.65rem}
.hse-tools-page .hse-context-panel li{display:flex;gap:.6rem;color:rgba(224,229,226,.86);font-size:.86rem;line-height:1.5}
.hse-tools-page .hse-context-panel li::before{content:"✓";color:#22C35D;font-weight:700}
.hse-tools-page .hse-tools-section{padding:clamp(2.5rem,4vw,3.5rem) 0}
.hse-tools-page .hse-section-intro{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:.7rem clamp(2rem,5vw,5rem);margin-bottom:clamp(1.5rem,3vw,2.25rem)}
.hse-tools-page .hse-section-intro .structure-kicker{grid-row:1 / span 2;margin:0}
.hse-tools-page .hse-section-intro h2{margin:0!important}
.hse-tools-page .hse-section-intro p{margin:0;color:rgba(205,211,207,.78);font-size:.92rem;line-height:1.6}
.hse-tools-page .hse-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.hse-tools-page .hse-tool-card{position:relative;padding:clamp(1.35rem,2.5vw,1.8rem);border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0f1010}
.hse-tools-page .hse-tool-number{position:absolute;top:1.1rem;right:1.2rem;color:rgba(255,255,255,.14);font-family:'DM Mono',monospace;font-size:.75rem}
.hse-tools-page .hse-tool-card h3{margin:0 0 .65rem;font-size:clamp(1.35rem,2.5vw,1.8rem)}
.hse-tools-page .hse-tool-card>p{margin:0;color:rgba(205,211,207,.8);font-size:.9rem;line-height:1.6}
.hse-tools-page .hse-tool-card ul{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.55rem}
.hse-tools-page .hse-tool-card li{position:relative;padding-left:1rem;color:rgba(224,229,226,.84);font-size:.86rem;line-height:1.48}
.hse-tools-page .hse-tool-card li::before{content:"";position:absolute;top:.62em;left:0;width:4px;height:4px;border-radius:50%;background:#22C35D}
.hse-tools-page .hse-final-cta{padding:clamp(2rem,3.5vw,3rem) 0 clamp(3rem,5vw,4rem)}
.hse-tools-page .hse-final-cta .container{display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:2rem;align-items:center}
.hse-tools-page .hse-final-cta h2{max-width:720px;margin:0 0 .65rem;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.16}
.hse-tools-page .hse-final-cta p{max-width:760px;margin:0;color:rgba(205,211,207,.8);line-height:1.6}
.hse-tools-page .hse-cta-actions{display:flex;flex-direction:column;gap:.65rem;min-width:250px}
.hse-tools-page .hse-cta-actions .btn{text-align:center}

@media(max-width:820px){
  .hse-tools-page .solution-detail-hero-grid,
  .hse-tools-page .hse-section-intro,
  .hse-tools-page .hse-final-cta .container{grid-template-columns:1fr}
  .hse-tools-page .hse-section-intro .structure-kicker{grid-row:auto}
  .hse-tools-page .hse-tool-grid{grid-template-columns:1fr}
  .hse-tools-page .hse-cta-actions{min-width:0;max-width:320px}
}

/* Qualification management: focused interactive product demo */
.internal-systems-page .internal-systems-hero{padding-top:clamp(2.4rem,5vw,4.5rem);padding-bottom:clamp(2rem,4vw,3.5rem)}
.internal-systems-page .internal-systems-copy{width:min(780px,92%)}
.internal-systems-page .internal-systems-copy h1{margin:.45rem auto .65rem;font-size:clamp(2rem,3.25vw,3.35rem)}
.internal-systems-page .internal-systems-copy h1>span{display:block;white-space:nowrap}
.internal-systems-page .internal-systems-copy p{font-size:clamp(.84rem,1.05vw,.96rem);line-height:1.5}
.internal-systems-page .qualification-demo-stage{width:min(1560px,100%);margin-top:clamp(.65rem,1.2vw,.9rem)}
.internal-systems-page .qualification-demo-heading{justify-content:flex-start;gap:.9rem;margin-bottom:.55rem;padding:.7rem .9rem;border-color:rgba(34,195,93,.4);background:linear-gradient(90deg,rgba(34,195,93,.12),rgba(34,195,93,.035))}
.internal-systems-page .qualification-demo-heading>span{padding:.3rem .55rem;font-size:.62rem}
.internal-systems-page .qualification-demo-heading strong{font-size:.72rem}
.internal-systems-page .qualification-demo-heading p{font-size:.68rem}
.internal-systems-page .qualification-dashboard{border-color:#cfd8d2;border-radius:14px;box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.32)}
.internal-systems-page .qualification-product-bar{grid-template-columns:auto auto minmax(230px,1fr) auto;min-height:68px;padding:.75rem 1rem;gap:1.1rem}
.internal-systems-page .qualification-app-brand>i{width:34px;height:34px;border-radius:9px;font-size:.8rem}
.internal-systems-page .qualification-app-brand strong{font-size:.8rem}
.internal-systems-page .qualification-app-brand span{font-size:.51rem}
.internal-systems-page .qualification-product-nav{gap:.25rem}
.internal-systems-page .qualification-product-nav button{padding:.52rem .72rem;border-radius:7px;font-size:.59rem}
.internal-systems-page .qualification-product-nav button.is-active{box-shadow:inset 0 0 0 1px #c8ead3}
.internal-systems-page .qualification-search{justify-self:end;width:min(360px,100%);padding:.52rem .65rem;border-radius:8px;background:#f7f9f8}
.internal-systems-page .qualification-search input{font-size:.62rem}
.internal-systems-page .qualification-workspace{display:grid;grid-template-columns:minmax(230px,285px) minmax(0,1fr);min-height:520px;background:#f5f7f6}
.internal-systems-page .qualification-workspace .employee-panel{padding:1rem;border-right:1px solid #dce3df;background:#f8faf9}
.internal-systems-page .employee-panel-heading{margin-bottom:.75rem}
.internal-systems-page .employee-panel-heading>div{display:flex;align-items:center;justify-content:space-between;width:100%}
.internal-systems-page .employee-panel-heading small{color:#8a968f;font-size:.5rem}
.internal-systems-page .employee-panel ul{display:grid;gap:.45rem}
.internal-systems-page .qualification-workspace .employee-panel li>button{display:grid;grid-template-columns:36px 1fr 8px;gap:.65rem;align-items:center;width:100%;padding:.68rem;border:1px solid transparent;border-radius:9px;background:#fff;box-shadow:0 1px 3px rgba(23,38,29,.04);text-align:left;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s}
.internal-systems-page .qualification-workspace .employee-panel li>button:hover{border-color:#a7dcb8;box-shadow:0 7px 18px rgba(24,83,43,.08);transform:translateY(-1px)}
.internal-systems-page .qualification-workspace .employee-panel li>button.is-selected{border-color:#58c87d;background:#eaf8ef;box-shadow:0 0 0 2px rgba(34,195,93,.08)}
.internal-systems-page .qualification-workspace .employee-panel li>button>i{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;color:#176f38;background:#dcf3e4;font-size:.58rem;font-style:normal;font-weight:800}
.internal-systems-page .qualification-workspace .employee-panel li strong,.internal-systems-page .qualification-workspace .employee-panel li small{display:block}
.internal-systems-page .qualification-workspace .employee-panel li strong{color:#26342b;font-size:.61rem}
.internal-systems-page .qualification-workspace .employee-panel li small{margin-top:.13rem;color:#7c8981;font-size:.49rem}
.internal-systems-page .qualification-workspace .employee-panel li>button>b{width:7px;height:7px;border-radius:50%;background:#22C35D}
.internal-systems-page .qualification-workspace .employee-panel li>button>b.is-warning{background:#e6a21c}
.internal-systems-page .qualification-workspace .employee-panel li>button>b.is-critical{background:#dc4b40}
.internal-systems-page .employee-empty-state{padding:.85rem;color:#7c8981!important;font-size:.58rem!important;text-align:center}
.internal-systems-page .qualification-main-panel{padding:1.1rem 1.25rem 1.25rem;background:#fff}
.internal-systems-page .employee-profile-header{display:grid;grid-template-columns:48px minmax(180px,1fr) auto;gap:.75rem;align-items:center;padding:0 0 1rem;border-bottom:1px solid #e1e7e3}
.internal-systems-page .employee-avatar{display:grid;width:48px;height:48px;place-items:center;border-radius:11px;color:#146d37;background:#dff5e6;font-size:.72rem;font-weight:800}
.internal-systems-page .employee-profile-copy h3{margin:0;color:#1d2921;font-size:1.05rem}
.internal-systems-page .employee-profile-copy p{margin:.2rem 0 0!important;color:#79867e!important;font-size:.58rem!important}
.internal-systems-page .employee-profile-meta{display:flex;gap:1.5rem;align-items:center}
.internal-systems-page .employee-profile-meta>span{display:grid;gap:.2rem;color:#8a968f;font-size:.48rem}
.internal-systems-page .employee-profile-meta strong{color:#35443a;font-size:.59rem}
.internal-systems-page .employee-release-status{display:inline-flex;width:max-content;padding:.22rem .4rem;border-radius:999px;font-size:.5rem!important}
.internal-systems-page .employee-release-status.is-valid{color:#16723a;background:#e0f4e6}
.internal-systems-page .employee-release-status.is-expiring{color:#96670b;background:#ffefca}
.internal-systems-page .employee-release-status.is-expired{color:#b33d31;background:#fde5e2}
.internal-systems-page .qualification-view{padding-top:1.1rem}
.internal-systems-page .demo-view-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.85rem}
.internal-systems-page .demo-view-heading span{display:block;color:#7f8c84;font-size:.49rem}
.internal-systems-page .demo-view-heading h4{margin:.18rem 0 0;color:#1f2d24;font-size:.92rem}
.internal-systems-page .demo-view-heading .view-count{padding:.25rem .42rem;border:1px solid #dce4df;border-radius:999px;color:#607067;background:#f7f9f8;font-size:.49rem}
.internal-systems-page .qualification-overview{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(390px,1.3fr);gap:.8rem}
.internal-systems-page .qualification-progress-card{padding:1rem;border:1px solid #dce3df;border-radius:10px;background:#f8faf9}
.internal-systems-page .progress-copy{display:flex;justify-content:space-between;align-items:center}
.internal-systems-page .progress-copy span{color:#69776f;font-size:.56rem}
.internal-systems-page .progress-copy strong{color:#17743a;font-size:1.25rem}
.internal-systems-page .qualification-progress-card .progress-track{height:7px;margin:.9rem 0 .55rem;border-radius:999px;background:#e2e9e5;overflow:hidden}
.internal-systems-page .qualification-progress-card .progress-track i{display:block;height:100%;border-radius:inherit;background:#22C35D}
.internal-systems-page .qualification-progress-card small{color:#87928c;font-size:.49rem;line-height:1.45}
.internal-systems-page .qualification-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.internal-systems-page .qualification-status-grid article{display:grid;grid-template-columns:30px 1fr;gap:.55rem;align-items:center;padding:.72rem;border:1px solid #dce3df;border-radius:9px;background:#fff;box-shadow:0 2px 6px rgba(23,38,29,.035);cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}
.internal-systems-page .qualification-status-grid article:hover{border-color:#93d4aa;box-shadow:0 8px 20px rgba(24,83,43,.08);transform:translateY(-2px)}
.internal-systems-page .qualification-status-grid article>i{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;font-size:.58rem;font-style:normal;font-weight:800}
.internal-systems-page .qualification-status-grid article>i.is-valid{color:#17743a;background:#e0f4e6}
.internal-systems-page .qualification-status-grid article>i.is-expiring{color:#96670b;background:#ffefca}
.internal-systems-page .qualification-status-grid article>i.is-expired{color:#b33d31;background:#fde5e2}
.internal-systems-page .qualification-status-grid article strong{display:block;margin-bottom:.3rem;color:#2c3a31;font-size:.58rem}
.internal-systems-page .demo-status{display:inline-flex!important;width:max-content;padding:.2rem .35rem;border-radius:999px;font-size:.46rem!important;font-style:normal;font-weight:700}
.internal-systems-page .demo-status.is-valid{color:#17743a;background:#e0f4e6}
.internal-systems-page .demo-status.is-expiring{color:#96670b;background:#ffefca}
.internal-systems-page .demo-status.is-expired{color:#b33d31;background:#fde5e2}
.internal-systems-page .demo-data-table{overflow:hidden;border:1px solid #dce3df;border-radius:10px;background:#fff;box-shadow:0 2px 8px rgba(23,38,29,.035)}
.internal-systems-page .demo-table-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(130px,.7fr) minmax(110px,.55fr);align-items:center;min-height:64px;padding:0 .9rem;border-top:1px solid #e5eae7;cursor:pointer;transition:background .16s}
.internal-systems-page .demo-table-row:hover:not(.demo-table-head){background:#f2faf5}
.internal-systems-page .demo-table-row:first-child{border-top:0}
.internal-systems-page .demo-table-row strong{color:#2a3930;font-size:.61rem}
.internal-systems-page .demo-table-row>span{color:#69776f;font-size:.56rem}
.internal-systems-page .demo-table-head{min-height:40px;color:#738078;background:#f6f8f7;cursor:default}
.internal-systems-page .demo-table-head span{font-size:.48rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.internal-systems-page .internal-case-study .container{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(480px,1.25fr);gap:clamp(1.5rem,4vw,4rem);align-items:center}
.internal-systems-page .case-study-metrics{display:flex;gap:.65rem;margin-top:1rem}
.internal-systems-page .case-study-metrics span{display:grid;gap:.12rem;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:rgba(205,211,207,.68);font-size:.6rem}
.internal-systems-page .case-study-metrics strong{color:#e6f3ea;font-size:1rem}
.internal-systems-page .internal-practice-comparison{gap:.8rem}
.internal-systems-page .internal-practice-comparison>article{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.018)}
.internal-systems-page .internal-practice-comparison>article.is-result{border-color:rgba(34,195,93,.24);background:rgba(34,195,93,.045)}
.internal-systems-page .internal-practice-comparison>article>span{display:block;margin-bottom:.7rem;color:rgba(205,211,207,.62);font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}
.internal-systems-page .internal-practice-comparison>article.is-result>span{color:#22C35D}
.internal-systems-page .internal-practice-comparison>article.is-result li::before{content:"✓";color:#22C35D}

@media(max-width:1100px){
  .internal-systems-page .qualification-product-bar{grid-template-columns:auto 1fr}
  .internal-systems-page .qualification-product-nav{justify-content:flex-end}
  .internal-systems-page .qualification-search{grid-column:1 / -1;grid-row:2;width:100%;justify-self:stretch;padding-right:160px}
  .internal-systems-page .qualification-product-actions{grid-column:2;grid-row:2;justify-self:end}
  .internal-systems-page .qualification-overview{grid-template-columns:1fr}
  .internal-systems-page .internal-case-study .container{grid-template-columns:1fr}
}

@media(max-width:760px){
  .internal-systems-page .qualification-demo-heading{align-items:flex-start;flex-direction:column}
  .internal-systems-page .internal-systems-copy h1>span{white-space:normal}
  .internal-systems-page .qualification-product-bar{grid-template-columns:1fr}
  .internal-systems-page .qualification-product-nav{justify-content:flex-start;overflow-x:auto}
  .internal-systems-page .qualification-search,.internal-systems-page .qualification-product-actions{grid-column:auto;grid-row:auto}
  .internal-systems-page .qualification-search{padding-right:.65rem}
  .internal-systems-page .qualification-product-actions{justify-self:start}
  .internal-systems-page .qualification-workspace{grid-template-columns:1fr}
  .internal-systems-page .qualification-workspace .employee-panel{border-right:0;border-bottom:1px solid #dce3df}
  .internal-systems-page .employee-panel ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .internal-systems-page .employee-profile-header{grid-template-columns:44px 1fr}
  .internal-systems-page .employee-profile-meta{grid-column:1 / -1;justify-content:flex-start}
  .internal-systems-page .qualification-status-grid{grid-template-columns:1fr}
  .internal-systems-page .case-study-metrics{flex-wrap:wrap}
}

@media(max-width:520px){
  .internal-systems-page .employee-panel ul{grid-template-columns:1fr}
  .internal-systems-page .demo-table-row{grid-template-columns:1.25fr .8fr .75fr;padding:0 .55rem}
  .internal-systems-page .demo-table-row strong,.internal-systems-page .demo-table-row>span{font-size:.49rem}
}

/* Offer configurator: product family layout */
.offer-configurator-page .offer-configurator-hero{min-height:auto;padding:clamp(1.5rem,3vw,2.75rem) 0}
.offer-configurator-page .offer-configurator-hero .container{width:min(1540px,97%)}
.offer-configurator-page .solution-detail-hero-grid{grid-template-columns:minmax(300px,30fr) minmax(760px,70fr);gap:clamp(1rem,1.8vw,2rem)}
.offer-configurator-page .offer-configurator-copy{max-width:440px}
.offer-configurator-page .offer-configurator-copy h1{max-width:470px;font-size:clamp(2rem,2.8vw,3.1rem);line-height:1.04}
.offer-configurator-page .offer-configurator-copy p+p{margin-top:.65rem}
.offer-configurator-page .offer-configurator-copy .btn{margin-top:1.25rem}
.offer-configurator-page .offer-demo-stage{min-width:0}
.offer-configurator-page .offer-demo{border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(17,22,19,.99),rgba(8,11,9,.99));box-shadow:0 32px 90px rgba(0,0,0,.4),0 0 70px rgba(34,195,93,.035)}
.offer-configurator-page .offer-demo-header{padding:.78rem 1rem}
.offer-configurator-page .offer-demo-header h2{font-size:1.05rem!important}
.offer-configurator-page .offer-demo-grid{grid-template-columns:minmax(205px,.78fr) minmax(330px,1.35fr) minmax(270px,1fr);min-height:510px}
.offer-configurator-page .offer-demo-controls,.offer-configurator-page .offer-demo-preview,.offer-configurator-page .offer-demo-quote{padding:1rem}
.offer-configurator-page .offer-demo-controls{border-right:0;background:rgba(255,255,255,.014)}
.offer-configurator-page .offer-demo-controls fieldset+fieldset{margin-top:1rem}
.offer-configurator-page .offer-demo-controls legend{margin-bottom:.65rem;color:rgba(225,235,229,.9);font-size:.68rem}
.offer-configurator-page .offer-demo-controls label{min-height:44px;margin-bottom:.42rem;padding:.55rem .6rem;border-color:transparent;border-radius:9px;background:rgba(255,255,255,.035);font-size:.64rem}
.offer-configurator-page .offer-demo-controls label:hover{background:rgba(255,255,255,.065)}
.offer-configurator-page .offer-demo-controls label:has(input:checked){border-color:rgba(34,195,93,.32);background:rgba(34,195,93,.09)}
.offer-configurator-page .offer-demo-controls label>span strong,.offer-configurator-page .offer-demo-controls label>span small{display:block}
.offer-configurator-page .offer-demo-controls label>span strong{font-size:.63rem}
.offer-configurator-page .offer-demo-controls label>span small{margin-top:.1rem;color:rgba(205,211,207,.55);font-size:.5rem}
.offer-configurator-page .offer-demo-options label{grid-template-columns:auto 1fr auto;min-height:38px;padding:.45rem .55rem}
.offer-configurator-page .offer-demo-preview{justify-content:flex-start;border-radius:12px;background:radial-gradient(circle at 50% 38%,rgba(34,195,93,.09),transparent 55%)}
.offer-configurator-page .offer-demo-image-wrap{min-height:350px;margin:0;background:none}
.offer-configurator-page .offer-demo-preview img{width:108%;max-height:365px}
.offer-configurator-page .offer-demo-preview-copy{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:end;width:100%;padding:.75rem .25rem .35rem;border-top:1px solid rgba(255,255,255,.06);text-align:left}
.offer-configurator-page .offer-demo-preview-copy>div:last-child{text-align:right}
.offer-configurator-page .offer-demo-preview-copy span{display:block;margin-bottom:.18rem;color:rgba(205,211,207,.5);font-size:.5rem}
.offer-configurator-page .offer-demo-preview-copy strong{font-size:.72rem}
.offer-configurator-page .offer-demo-preview p{margin:.15rem .25rem 0;text-align:left}
.offer-configurator-page .offer-demo-quote{border-left:0;background:linear-gradient(180deg,rgba(34,195,93,.07),rgba(255,255,255,.018));box-shadow:inset 1px 0 rgba(34,195,93,.18)}
.offer-configurator-page .offer-demo-quote h3{margin:.32rem 0 .9rem;font-size:.92rem}
.offer-configurator-page .offer-demo-metrics{gap:.5rem;margin-bottom:.75rem}
.offer-configurator-page .offer-demo-metrics>div{padding:.62rem;border-color:transparent;border-radius:9px;background:rgba(0,0,0,.18)}
.offer-configurator-page .offer-demo-metrics>div:last-child{border-color:rgba(34,195,93,.25)}
.offer-configurator-page .offer-demo-quote dl div{padding:.48rem 0}
.offer-configurator-page .offer-demo-selected{padding:.8rem 0}
.offer-configurator-page .offer-demo-selected ul{gap:.3rem}
.offer-configurator-page .offer-demo-pdf{margin-top:auto}
.offer-configurator-page .offer-section-heading{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:clamp(1.5rem,4vw,4rem);align-items:start;margin-bottom:1.25rem}
.offer-configurator-page .offer-section-heading .structure-kicker{margin:0}
.offer-configurator-page .offer-section-heading h2{margin:0!important}
.offer-configurator-page .offer-situations{padding:clamp(2rem,3.5vw,3rem) 0}
.offer-configurator-page .offer-situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.offer-configurator-page .offer-situation-grid>div{display:flex;align-items:center;min-height:76px;padding:.9rem 1rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.015);color:rgba(224,229,226,.84);font-size:.86rem;line-height:1.45}
.offer-configurator-page .offer-practice{padding:clamp(2rem,3.5vw,3rem) 0}
.offer-configurator-page .offer-practice .container{grid-template-columns:minmax(300px,.85fr) minmax(440px,1.15fr)}
.offer-configurator-page .offer-practice-intro .structure-kicker{margin-bottom:.65rem}
.offer-configurator-page .offer-practice-intro h2{margin:0 0 .75rem!important}
.offer-configurator-page .offer-use-cases{padding:clamp(2rem,3.5vw,3rem) 0}
.offer-configurator-page .offer-use-cases .container{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:1rem clamp(2rem,5vw,5rem);align-items:start}
.offer-configurator-page .offer-use-cases-intro h2{margin:0 0 .7rem!important}
.offer-configurator-page .offer-use-cases-intro p{margin:0;color:rgba(205,211,207,.76);font-size:.88rem;line-height:1.58}
.offer-configurator-page .offer-use-case-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.offer-configurator-page .offer-use-case-list li{position:relative;padding:.7rem .75rem .7rem 1.65rem;border:1px solid rgba(255,255,255,.065);border-radius:7px;background:rgba(255,255,255,.012);color:rgba(224,229,226,.84);font-size:.8rem;line-height:1.35}
.offer-configurator-page .offer-use-case-list li::before{content:"";position:absolute;top:1rem;left:.8rem;width:5px;height:5px;border-radius:50%;background:#22C35D}
.offer-configurator-page .offer-final-cta{padding:clamp(1.8rem,3vw,2.5rem) 0 clamp(2.75rem,4.5vw,4rem)}

@media(max-width:1250px){
  .offer-configurator-page .solution-detail-hero-grid{grid-template-columns:1fr}
  .offer-configurator-page .offer-configurator-copy{max-width:720px}
}

@media(max-width:980px){
  .offer-configurator-page .offer-demo-grid{grid-template-columns:minmax(190px,.8fr) minmax(300px,1.2fr)}
  .offer-configurator-page .offer-demo-quote{grid-column:1 / -1;box-shadow:inset 0 1px rgba(34,195,93,.18)}
  .offer-configurator-page .offer-practice .container,
  .offer-configurator-page .offer-use-cases .container{grid-template-columns:1fr}
}

@media(max-width:700px){
  .offer-configurator-page .offer-demo-grid{grid-template-columns:1fr}
  .offer-configurator-page .offer-demo-controls{border-bottom:1px solid rgba(255,255,255,.06)}
  .offer-configurator-page .offer-demo-image-wrap{min-height:230px}
  .offer-configurator-page .offer-demo-quote{grid-column:auto}
  .offer-configurator-page .offer-section-heading,
  .offer-configurator-page .offer-practice-comparison{grid-template-columns:1fr}
  .offer-configurator-page .offer-situation-grid,
  .offer-configurator-page .offer-use-case-list{grid-template-columns:1fr}
}

/* Light SaaS theme for the embedded offer application */
.offer-configurator-page .offer-demo{
  color:#26342b;
  border-color:#d6ded9;
  background:#f6f8f7;
  box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.5);
}
.offer-configurator-page .offer-demo::before{display:none}
.offer-configurator-page .offer-demo-header{
  border-bottom-color:#dce3df;
  background:#fff;
}
.offer-configurator-page .offer-demo-header span,
.offer-configurator-page .offer-demo-eyebrow{color:#748179}
.offer-configurator-page .offer-demo-header h2,
.offer-configurator-page .offer-demo-quote h3{color:#1e2c23}
.offer-configurator-page .offer-demo-header .offer-demo-status{
  border-color:#bde3c9;
  color:#16733a;
  background:#e6f7eb;
}
.offer-configurator-page .offer-demo-grid{background:#f6f8f7}
.offer-configurator-page .offer-demo-controls{
  border-right:1px solid #dce3df;
  background:#f8faf9;
}
.offer-configurator-page .offer-demo-controls legend{color:#25342a}
.offer-configurator-page .offer-demo-controls label{
  border-color:#e1e7e3;
  color:#415047;
  background:#fff;
  box-shadow:0 1px 3px rgba(23,38,29,.035);
}
.offer-configurator-page .offer-demo-controls label:hover{
  border-color:#9bd5ad;
  color:#176f38;
  background:#f2faf5;
  box-shadow:0 7px 18px rgba(24,83,43,.07);
  transform:translateY(-1px);
}
.offer-configurator-page .offer-demo-controls label:has(input:checked){
  border-color:#55c77a;
  color:#176f38;
  background:#e8f7ed;
  box-shadow:0 0 0 2px rgba(34,195,93,.08);
}
.offer-configurator-page .offer-demo-controls label>span strong{color:#2a3930}
.offer-configurator-page .offer-demo-controls label:has(input:checked)>span strong{color:#126c35}
.offer-configurator-page .offer-demo-controls label>span small,
.offer-configurator-page .offer-demo-controls small{color:#7d8a82}
.offer-configurator-page .offer-demo-controls input{accent-color:#22C35D}
.offer-configurator-page .offer-demo-preview{
  border-radius:0;
  background:#fff;
}
.offer-configurator-page .offer-demo-image-wrap{
  min-height:335px;
  margin:.1rem;
  border:1px solid #e0e6e2;
  border-radius:11px;
  background:#111513;
  box-shadow:inset 0 0 45px rgba(34,195,93,.035);
  overflow:hidden;
}
.offer-configurator-page .offer-demo-preview img{width:104%;max-height:345px}
.offer-configurator-page .offer-demo-preview-copy{
  border-top-color:#e2e8e4;
}
.offer-configurator-page .offer-demo-preview-copy span{color:#86928b}
.offer-configurator-page .offer-demo-preview-copy strong{color:#26352b}
.offer-configurator-page .offer-demo-preview p{color:#6f7c74}
.offer-configurator-page .offer-demo-quote{
  border-left:1px solid #d6e4da;
  color:#26342b;
  background:#f8faf9;
  box-shadow:none;
}
.offer-configurator-page .offer-demo-metrics>div{
  border:1px solid #dde4df;
  background:#fff;
  box-shadow:0 1px 3px rgba(23,38,29,.035);
}
.offer-configurator-page .offer-demo-metrics span{color:#7a8780}
.offer-configurator-page .offer-demo-metrics strong{color:#26352b}
.offer-configurator-page .offer-demo-metrics>div:last-child{
  border-color:#8ed2a5;
  background:#eaf8ef;
}
.offer-configurator-page .offer-demo-metrics>div:last-child strong{color:#168041}
.offer-configurator-page .offer-demo-quote dl div{border-bottom-color:#dfe6e1}
.offer-configurator-page .offer-demo-quote dt{color:#748179}
.offer-configurator-page .offer-demo-quote dd{color:#2b3930}
.offer-configurator-page .offer-demo-selected>span{color:#748179}
.offer-configurator-page .offer-demo-selected li{color:#536159}
.offer-configurator-page .offer-demo-pdf{
  color:#fff!important;
  background:#18aa4e!important;
  box-shadow:0 10px 24px rgba(34,195,93,.18);
}
.offer-configurator-page .offer-demo-pdf:hover{background:#159843!important}
.offer-configurator-page .offer-demo-feedback{color:#168041!important}
.offer-configurator-page .offer-demo.is-success .offer-demo-quote{
  box-shadow:inset 0 0 0 2px rgba(34,195,93,.22);
}

@media(max-width:980px){
  .offer-configurator-page .offer-demo-quote{
    border-top:1px solid #d6e4da;
    border-left:0;
    box-shadow:none;
  }
}

@media(max-width:700px){
  .offer-configurator-page .offer-demo-controls{
    border-right:0;
    border-bottom:1px solid #dce3df;
  }
}

/* Compact offer page: product demo below the introduction */
.offer-configurator-page .offer-configurator-hero{
  padding-top:clamp(2.4rem,5vw,4.25rem);
  padding-bottom:clamp(1.8rem,3.5vw,2.75rem);
}
.offer-configurator-page .offer-configurator-hero .container{
  width:min(1560px,96%);
}
.offer-configurator-page .offer-configurator-hero-layout{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.offer-configurator-page .offer-configurator-copy{
  width:min(1160px,95%);
  max-width:none;
  text-align:center;
}
.offer-configurator-page .offer-configurator-copy > .structure-kicker{
  text-align:left;
}
.offer-configurator-page .offer-trust-badges{
  justify-content:center;
  margin-top:.75rem;
}
.offer-configurator-page .offer-configurator-copy .btn{
  margin-top:.85rem;
}
.offer-configurator-page .offer-demo-stage{
  width:100%;
  margin-top:clamp(.7rem,1.3vw,1rem);
}
.offer-configurator-page .offer-practice{
  padding:clamp(1.75rem,3vw,2.5rem) 0;
}
.offer-configurator-page .offer-final-cta{
  padding:clamp(1.6rem,2.8vw,2.2rem) 0 clamp(2.4rem,4vw,3.4rem);
}

@media(max-width:700px){
  .offer-configurator-page .offer-configurator-copy{width:100%}
}

/* Approval and inspection processes: compact light product page */
.approval-process-page .approval-process-hero{
  padding-top:clamp(2.4rem,5vw,4.25rem);
  padding-bottom:clamp(1.8rem,3.5vw,2.75rem);
}
.approval-process-page .approval-process-hero .container{
  width:min(1560px,96%);
}
.approval-process-page .approval-process-hero-layout{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.approval-process-page .approval-process-copy{
  width:min(1160px,95%);
  max-width:none;
  text-align:center;
}
.approval-process-page .approval-process-copy > .structure-kicker{
  text-align:left;
}
.approval-process-page .approval-trust-badges{
  justify-content:center;
  margin-top:.75rem;
}
.approval-process-page .approval-process-copy .btn{margin-top:.85rem}

.approval-process-page .safety-demo-stage{
  width:100%;
  margin-top:clamp(.7rem,1.3vw,1rem);
}
.approval-process-page .safety-demo-intro{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:.75rem;
  margin-bottom:.55rem;
  padding:.55rem .7rem;
  border:1px solid rgba(34,195,93,.22);
  border-radius:8px;
  background:rgba(34,195,93,.04);
}
.approval-process-page .safety-demo-intro>span{
  flex:0 0 auto;
  padding:.28rem .45rem;
  border-radius:999px;
  color:#07110a;
  background:#22C35D;
  font-family:'DM Mono',monospace;
  font-size:.56rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.approval-process-page .safety-demo-intro strong{
  display:block;
  color:rgba(225,235,229,.92);
  font-size:.68rem;
}
.approval-process-page .safety-demo-intro p{
  margin:.12rem 0 0;
  color:rgba(205,211,207,.65);
  font-size:.58rem;
}
.approval-process-page .safety-demo{
  color:#26342b;
  border-color:#d6ded9;
  background:#f6f8f7;
  box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.5);
}
.approval-process-page .safety-demo-header{
  padding:.78rem 1rem;
  border-bottom-color:#dce3df;
  background:#fff;
}
.approval-process-page .safety-demo-header span,
.approval-process-page .safety-demo-label,
.approval-process-page .safety-risk>span,
.approval-process-page .safety-ai span{color:#748179}
.approval-process-page .safety-demo-header h2{color:#1e2c23}
.approval-process-page .safety-demo-header>strong{
  border-color:#e1d09d;
  color:#96670b;
  background:#fff3d2;
}
.approval-process-page .safety-demo.is-analyzed .safety-demo-header>strong,
.approval-process-page .safety-demo.is-created .safety-demo-header>strong{
  border-color:#bde3c9;
  color:#16733a;
  background:#e6f7eb;
}
.approval-process-page .safety-demo-toolbar{
  padding:.75rem 1rem;
  border-bottom-color:#dce3df;
  background:#f8faf9;
}
.approval-process-page .safety-demo-toolbar>label{color:#4c5b52}
.approval-process-page .safety-demo-toolbar select{
  min-height:42px;
  border-color:#d5ddd8;
  color:#26342b;
  background:#fff;
  box-shadow:0 1px 3px rgba(23,38,29,.035);
}
.approval-process-page .safety-demo-toolbar select:hover,
.approval-process-page .safety-demo-toolbar select:focus{border-color:#65c986}
.approval-process-page .safety-demo-context{
  border-bottom-color:#dce3df;
  background:#fff;
}
.approval-process-page .safety-demo-context>div{
  padding:.65rem .75rem;
  border-right-color:#e2e8e4;
  background:#fff;
}
.approval-process-page .safety-demo-context span{color:#849088}
.approval-process-page .safety-demo-context strong{color:#2c3a31}
.approval-process-page .safety-demo-context .context-status{color:#96670b}
.approval-process-page .safety-demo.is-created .safety-demo-context .context-status{color:#168041}
.approval-process-page .safety-demo-workspace{background:#f6f8f7}
.approval-process-page .safety-demo-results{
  min-height:350px;
  padding:1rem;
  background:#f6f8f7;
}
.approval-process-page .safety-demo-result-lists{gap:.8rem}
.approval-process-page .safety-demo-result-lists article{
  padding:.8rem;
  border:1px solid #dce3df;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 7px rgba(23,38,29,.035);
}
.approval-process-page .safety-demo-checks{
  border:0;
  border-radius:0;
}
.approval-process-page .safety-demo-checks li{
  min-height:42px;
  padding:.45rem .25rem;
  border-bottom-color:#e5eae7;
  background:#fff;
}
.approval-process-page .safety-demo-checks li>span{color:#9aa49e}
.approval-process-page .safety-demo-checks li>strong{color:#344239}
.approval-process-page .safety-demo-checks li>small{
  color:#17743a;
  background:#e0f4e6;
}
.approval-process-page .safety-demo-summary{gap:.7rem;padding-top:.8rem}
.approval-process-page .safety-risk,
.approval-process-page .safety-ai{
  border-color:#dce3df;
  border-radius:9px;
  background:#fff;
  box-shadow:0 1px 3px rgba(23,38,29,.035);
}
.approval-process-page .safety-risk small{color:#7c8981}
.approval-process-page .safety-risk i{color:#8b9690}
.approval-process-page .risk-high{color:#b33d31;background:#fde5e2}
.approval-process-page .risk-low{color:#17743a;background:#e0f4e6}
.approval-process-page .safety-ai small{color:#59675e}
.approval-process-page .safety-demo-create{
  border-color:#22C35D!important;
  color:#fff!important;
  background:#18aa4e!important;
  box-shadow:0 8px 20px rgba(34,195,93,.16);
}
.approval-process-page .safety-demo-create:hover{background:#159843!important}
.approval-process-page .safety-document-result{
  border-top-color:#a9dfba;
  background:#e8f7ed;
}
.approval-process-page .safety-document-result span,
.approval-process-page .safety-document-result dt{color:#64816d}
.approval-process-page .safety-document-result strong{color:#263b2d}
.approval-process-page .safety-document-result dl div{
  border-color:#bde3c9;
  background:#fff;
}
.approval-process-page .safety-document-result dd{color:#168041}
.approval-process-page .safety-demo.is-created{
  box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 0 2px rgba(34,195,93,.18);
}
.approval-process-page .approval-practice{
  padding:clamp(1.75rem,3vw,2.5rem) 0;
}
.approval-process-page .approval-final-cta{
  padding:clamp(1.6rem,2.8vw,2.2rem) 0 clamp(2.4rem,4vw,3.4rem);
}

@media(max-width:700px){
  .approval-process-page .approval-process-copy{width:100%}
  .approval-process-page .safety-demo-intro{align-items:flex-start;flex-direction:column}
  .approval-process-page .safety-demo-context>div{border-bottom-color:#e2e8e4}
}

/* Safety documentation workflow */
.approval-process-page .safety-workflow-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-bottom:1px solid #dce3df;
  background:#f8faf9;
}
.approval-process-page .safety-workflow-steps span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-height:46px;
  color:#7d8982;
  font-size:.57rem;
  font-weight:600;
}
.approval-process-page .safety-workflow-steps span+span{border-left:1px solid #e1e7e3}
.approval-process-page .safety-workflow-steps i{
  display:grid;
  width:22px;
  height:22px;
  place-items:center;
  border:1px solid #d3dcd6;
  border-radius:50%;
  color:#76837b;
  background:#fff;
  font-size:.5rem;
  font-style:normal;
}
.approval-process-page .safety-workflow-steps .is-active{color:#176f38;background:#eef9f2}
.approval-process-page .safety-workflow-steps .is-active i,
.approval-process-page .safety-workflow-steps .is-complete i{border-color:#22C35D;color:#fff;background:#22C35D}
.approval-process-page .safety-workflow{
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(600px,1.68fr);
  background:#f6f8f7;
}
.approval-process-page .safety-context-form,
.approval-process-page .safety-suggestion-panel{min-width:0;padding:1rem}
.approval-process-page .safety-context-form{
  border-right:1px solid #dce3df;
  background:#f8faf9;
}
.approval-process-page .safety-panel-heading{margin-bottom:.75rem}
.approval-process-page .safety-panel-heading span{
  display:block;
  color:#168041;
  font-family:'DM Mono',monospace;
  font-size:.49rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.approval-process-page .safety-panel-heading h3{
  margin:.18rem 0 0;
  color:#223128;
  font-size:.86rem;
}
.approval-process-page .safety-context-form>label,
.approval-process-page .safety-field-grid label{
  display:grid;
  gap:.25rem;
  color:#68766e;
  font-size:.5rem;
  font-weight:600;
}
.approval-process-page .safety-context-form select,
.approval-process-page .safety-context-form input{
  width:100%;
  min-height:38px;
  padding:.48rem .55rem;
  border:1px solid #d5ddd8;
  border-radius:7px;
  outline:0;
  color:#28372d;
  background:#fff;
  font:inherit;
  font-size:.58rem;
  box-shadow:0 1px 2px rgba(23,38,29,.025);
}
.approval-process-page .safety-context-form select:focus,
.approval-process-page .safety-context-form input:focus{
  border-color:#54c779;
  box-shadow:0 0 0 2px rgba(34,195,93,.1);
}
.approval-process-page .safety-field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem;
  margin-top:.6rem;
}
.approval-process-page .safety-conditions{
  display:grid;
  gap:.35rem;
  margin:.7rem 0 0;
  padding:.7rem;
  border:1px solid #dce3df;
  border-radius:8px;
  background:#fff;
}
.approval-process-page .safety-conditions legend{
  padding:0 .2rem;
  color:#536159;
  font-size:.5rem;
  font-weight:700;
}
.approval-process-page .safety-conditions label{
  display:flex;
  align-items:center;
  gap:.4rem;
  color:#536159;
  font-size:.53rem;
}
.approval-process-page .safety-conditions input{
  width:13px;
  min-height:0;
  height:13px;
  margin:0;
  accent-color:#22C35D;
}
.approval-process-page .safety-context-form .safety-demo-analyze{
  width:100%;
  min-height:40px;
  margin-top:.7rem;
}
.approval-process-page .safety-suggestion-panel{
  background:#fff;
  transition:opacity .2s;
}
.approval-process-page .safety-demo:not(.is-analyzed):not(.is-created) .safety-suggestion-panel{opacity:.58}
.approval-process-page .safety-suggestion-columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}
.approval-process-page .safety-suggestion-columns>article{
  min-width:0;
  padding:.8rem;
  border:1px solid #dce3df;
  border-radius:10px;
  background:#f8faf9;
}
.approval-process-page .safety-list-heading{min-height:40px;margin-bottom:.45rem}
.approval-process-page .safety-list-heading strong,
.approval-process-page .safety-list-heading small{display:block}
.approval-process-page .safety-list-heading strong{color:#2a3930;font-size:.62rem}
.approval-process-page .safety-list-heading small{margin-top:.18rem;color:#849088;font-size:.48rem}
.approval-process-page .safety-review-list{
  list-style:none;
  margin:0;
  padding:0;
  border-top:1px solid #e1e7e3;
}
.approval-process-page .safety-review-list li{
  display:grid;
  grid-template-columns:25px 1fr auto;
  gap:.45rem;
  align-items:center;
  min-height:42px;
  padding:.35rem 0;
  border-bottom:1px solid #e5eae7;
}
.approval-process-page .safety-review-list button{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border:1px solid #cdd8d1;
  border-radius:6px;
  color:#9aa59e;
  background:#fff;
  font:inherit;
  font-size:.52rem;
  cursor:pointer;
}
.approval-process-page .safety-review-list li.is-reviewed button{
  border-color:#22C35D;
  color:#fff;
  background:#22C35D;
}
.approval-process-page .safety-review-list strong{
  color:#344239;
  font-size:.54rem;
  font-weight:600;
  line-height:1.3;
}
.approval-process-page .safety-review-list small{
  padding:.18rem .3rem;
  border-radius:999px;
  color:#96670b;
  background:#ffefca;
  font-size:.43rem;
  white-space:nowrap;
}
.approval-process-page .safety-review-list li.is-reviewed small{color:#17743a;background:#e0f4e6}
.approval-process-page .safety-review-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.3rem;
  margin-top:.65rem;
}
.approval-process-page .safety-review-actions button{
  padding:.3rem .42rem;
  border:1px solid #d3dcd6;
  border-radius:6px;
  color:#526057;
  background:#fff;
  font:inherit;
  font-size:.46rem;
  cursor:pointer;
}
.approval-process-page .safety-review-actions button:hover{border-color:#22C35D;color:#176f38}
.approval-process-page .safety-suggestion-columns .safety-ai{
  margin-top:.65rem;
  padding:.65rem;
  background:#eef8f1;
}
.approval-process-page .atex-zone-assessment{
  display:grid;
  grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(110px,.6fr));
  gap:.55rem;
  align-items:stretch;
  margin-top:.75rem;
}
.approval-process-page .atex-zone-assessment .safety-list-heading{
  min-height:0;
  margin:0;
  padding:.65rem;
  border:1px solid #dce3df;
  border-radius:8px;
  background:#f8faf9;
}
.approval-process-page .atex-zone-assessment>div:not(.safety-list-heading){
  padding:.65rem;
  border:1px solid #dce3df;
  border-radius:8px;
  background:#fff;
}
.approval-process-page .atex-zone-assessment>div>span,
.approval-process-page .atex-zone-assessment>div>strong{display:block}
.approval-process-page .atex-zone-assessment>div>span{color:#748179;font-size:.49rem}
.approval-process-page .atex-zone-assessment>div>strong{
  margin-top:.25rem;
  color:#176f38;
  font-size:.64rem;
}
.approval-process-page .safety-documentation{
  padding:.85rem 1rem 1rem;
  border-top:1px solid #dce3df;
  background:#f8faf9;
}
.approval-process-page .safety-documentation .safety-panel-heading{margin-bottom:.6rem}
.approval-process-page .safety-document-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.55rem;
}
.approval-process-page .safety-document-grid>div{
  padding:.65rem;
  border:1px solid #dce3df;
  border-radius:8px;
  background:#fff;
}
.approval-process-page .safety-document-grid span,
.approval-process-page .safety-document-grid strong{display:block}
.approval-process-page .safety-document-grid span{color:#748179;font-size:.49rem}
.approval-process-page .safety-document-grid strong{
  width:max-content;
  margin-top:.25rem;
  padding:.18rem .32rem;
  border-radius:999px;
  color:#17743a;
  background:#e0f4e6;
  font-size:.48rem;
}
.approval-process-page .safety-document-grid strong.is-warning{color:#96670b;background:#ffefca}
.approval-process-page .safety-document-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  margin-top:.65rem;
}
.approval-process-page .safety-document-actions p{
  margin:0!important;
  color:#647269!important;
  font-size:.54rem!important;
}
.approval-process-page .safety-document-actions .safety-demo-create{
  width:auto;
  min-width:190px;
}
.approval-process-page .safety-demo.is-created .safety-documentation{background:#eef9f2}

@media(max-width:1100px){
  .approval-process-page .safety-workflow{grid-template-columns:1fr}
  .approval-process-page .safety-context-form{border-right:0;border-bottom:1px solid #dce3df}
}

@media(max-width:760px){
  .approval-process-page .safety-workflow-steps span{padding:.45rem;font-size:.48rem;text-align:center}
  .approval-process-page .safety-suggestion-columns,
  .approval-process-page .safety-document-grid,
  .approval-process-page .atex-zone-assessment{grid-template-columns:1fr}
  .approval-process-page .safety-field-grid{grid-template-columns:1fr}
  .approval-process-page .safety-document-actions{align-items:stretch;flex-direction:column}
  .approval-process-page .safety-document-actions .safety-demo-create{width:100%}
}

/* Shared solution-detail rhythm */
.document-processing-page .document-practice-intro .structure-kicker,
.offer-configurator-page .offer-practice-intro .structure-kicker,
.approval-process-page .approval-practice-intro .structure-kicker,
.internal-systems-page .internal-practice-intro .structure-kicker,
.supplier-rating-page .supplier-practice-intro .structure-kicker{margin-bottom:.6rem}
.document-processing-page .document-practice,
.offer-configurator-page .offer-practice,
.approval-process-page .approval-practice,
.internal-systems-page .internal-practice,
.supplier-rating-page .supplier-practice{border-top:1px solid rgba(255,255,255,.055)}
.document-processing-page .document-final-cta,
.offer-configurator-page .offer-final-cta,
.approval-process-page .approval-final-cta,
.internal-systems-page .internal-final-cta,
.supplier-rating-page .supplier-final-cta{border-top:1px solid rgba(255,255,255,.055)}

/* Supplier rating product page */
.supplier-rating-page .supplier-rating-hero{
  padding-top:clamp(2.4rem,5vw,4.25rem);
  padding-bottom:clamp(1.8rem,3.5vw,2.75rem);
}
.supplier-rating-page .supplier-rating-hero .container{width:min(1560px,96%)}
.supplier-rating-page .supplier-rating-hero-layout{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.supplier-rating-page .supplier-rating-copy{
  width:min(860px,92%);
  text-align:center;
}
.supplier-rating-page .supplier-rating-copy h1{
  max-width:900px;
  margin:.5rem auto .7rem;
  font-size:clamp(2rem,3.25vw,3.4rem);
  line-height:1.04;
}
.supplier-rating-page .supplier-rating-copy h1>span{display:block;white-space:nowrap}
.supplier-rating-page .supplier-rating-copy p{
  max-width:800px;
  margin:0 auto;
  color:rgba(224,229,226,.76);
  font-size:clamp(.84rem,1.05vw,.96rem);
  line-height:1.52;
}
.supplier-rating-page .supplier-trust-badges{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:.4rem;
  margin-top:.75rem;
}
.supplier-rating-page .supplier-trust-badges span{
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  padding:.42rem .6rem;
  border:1px solid rgba(34,195,93,.2);
  border-radius:999px;
  color:rgba(224,229,226,.88);
  background:rgba(34,195,93,.055);
  font-size:.7rem;
}
.supplier-rating-page .supplier-trust-badges span::before{content:"✓";color:#22C35D;font-weight:700}
.supplier-rating-page .supplier-rating-copy .btn{margin-top:.85rem}
.supplier-rating-page .supplier-overview{
  width:100%;
  margin-top:clamp(.7rem,1.3vw,1rem);
  overflow:hidden;
  border:1px solid #d6ded9;
  border-radius:14px;
  color:#26342b;
  background:#f6f8f7;
  box-shadow:0 34px 90px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.5);
}
.supplier-rating-page .supplier-overview>header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:.78rem 1rem;
  border-bottom:1px solid #dce3df;
  background:#fff;
}
.supplier-rating-page .supplier-overview>header span{
  display:block;
  color:#748179;
  font-family:'DM Mono',monospace;
  font-size:.55rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.supplier-rating-page .supplier-overview>header h2{margin:.15rem 0 0;color:#1e2c23;font-size:1.05rem}
.supplier-rating-page .supplier-overview>header>strong{
  padding:.3rem .45rem;
  border:1px solid #bde3c9;
  border-radius:999px;
  color:#16733a;
  background:#e6f7eb;
  font-size:.54rem;
}
.supplier-rating-page .supplier-overview-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,.7fr)) minmax(420px,1.6fr);
  gap:.75rem;
  padding:1rem;
}
.supplier-rating-page .supplier-overview-grid>article,
.supplier-rating-page .supplier-rating-list,
.supplier-rating-page .supplier-status-cards>div{
  border:1px solid #dce3df;
  border-radius:10px;
  background:#fff;
  box-shadow:0 2px 7px rgba(23,38,29,.035);
}
.supplier-rating-page .supplier-overview-grid>article{padding:1rem}
.supplier-rating-page .supplier-overview-grid>article span,
.supplier-rating-page .supplier-overview-grid>article strong,
.supplier-rating-page .supplier-overview-grid>article small{display:block}
.supplier-rating-page .supplier-overview-grid>article span{color:#7d8982;font-size:.5rem}
.supplier-rating-page .supplier-overview-grid>article strong{margin:.35rem 0;color:#26352b;font-size:.82rem}
.supplier-rating-page .supplier-overview-grid>article small{color:#849088;font-size:.52rem}
.supplier-rating-page .supplier-overview-grid .supplier-score{color:#168041;font-size:1.45rem}
.supplier-rating-page .supplier-rating-list{grid-row:1 / span 2;grid-column:3;padding:.8rem 1rem}
.supplier-rating-page .supplier-rating-list>div{
  display:grid;
  grid-template-columns:110px 1fr 45px;
  gap:.65rem;
  align-items:center;
  min-height:50px;
  border-bottom:1px solid #e5eae7;
}
.supplier-rating-page .supplier-rating-list>div:last-child{border-bottom:0}
.supplier-rating-page .supplier-rating-list span{color:#536159;font-size:.56rem}
.supplier-rating-page .supplier-rating-list i{height:6px;border-radius:999px;background:#e4eae6;overflow:hidden}
.supplier-rating-page .supplier-rating-list b{display:block;height:100%;border-radius:inherit;background:#22C35D}
.supplier-rating-page .supplier-rating-list strong{color:#2c3a31;font-size:.58rem;text-align:right}
.supplier-rating-page .supplier-status-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.6rem;
  grid-column:1 / 3;
}
.supplier-rating-page .supplier-status-cards>div{padding:.7rem}
.supplier-rating-page .supplier-status-cards span,
.supplier-rating-page .supplier-status-cards strong{display:block}
.supplier-rating-page .supplier-status-cards span{color:#7d8982;font-size:.47rem}
.supplier-rating-page .supplier-status-cards strong{margin-top:.25rem;color:#2c3a31;font-size:.58rem}
.supplier-rating-page .supplier-status-cards strong.is-warning{color:#96670b}
.supplier-rating-page .supplier-practice{padding:clamp(1.75rem,3vw,2.5rem) 0}
.supplier-rating-page .supplier-practice .container{
  display:grid;
  grid-template-columns:minmax(300px,.85fr) minmax(440px,1.15fr);
  gap:clamp(2rem,5vw,5rem);
}
.supplier-rating-page .supplier-practice-intro h2{margin:0 0 .75rem;font-size:clamp(1.5rem,2.5vw,2.1rem)}
.supplier-rating-page .supplier-practice-intro p{margin:0;color:rgba(205,211,207,.8);font-size:.92rem;line-height:1.58}
.supplier-rating-page .supplier-practice-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.supplier-rating-page .supplier-practice-comparison>div{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.018)}
.supplier-rating-page .supplier-practice-comparison span{display:block;margin-bottom:.7rem;color:rgba(205,211,207,.65);font-family:'DM Mono',monospace;font-size:.68rem;text-transform:uppercase}
.supplier-rating-page .supplier-practice-comparison ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.supplier-rating-page .supplier-practice-comparison li{display:flex;gap:.55rem;color:rgba(205,211,207,.78);font-size:.82rem}
.supplier-rating-page .supplier-practice-comparison li::before{content:"–";color:rgba(205,211,207,.4)}
.supplier-rating-page .supplier-practice-result span{color:#22C35D}
.supplier-rating-page .supplier-practice-result li::before{content:"✓";color:#22C35D}
.supplier-rating-page .supplier-final-cta{text-align:center;padding:clamp(1.6rem,2.8vw,2.2rem) 0 clamp(2.4rem,4vw,3.4rem)}
.supplier-rating-page .supplier-final-cta .container{display:flex;align-items:center;flex-direction:column}
.supplier-rating-page .supplier-final-cta h2{margin:0 0 .65rem;font-size:clamp(1.65rem,3vw,2.35rem)}
.supplier-rating-page .supplier-final-cta p{max-width:760px;margin:0 0 1.15rem;color:rgba(205,211,207,.82)}

@media(max-width:980px){
  .supplier-rating-page .supplier-overview-grid{grid-template-columns:1fr 1fr}
  .supplier-rating-page .supplier-rating-list{grid-row:auto;grid-column:1 / -1}
  .supplier-rating-page .supplier-practice .container{grid-template-columns:1fr}
}

@media(max-width:700px){
  .supplier-rating-page .supplier-rating-copy{width:100%}
  .supplier-rating-page .supplier-rating-copy h1>span{white-space:normal}
  .supplier-rating-page .supplier-overview-grid{grid-template-columns:1fr}
  .supplier-rating-page .supplier-rating-list,
  .supplier-rating-page .supplier-status-cards{grid-column:auto}
  .supplier-rating-page .supplier-status-cards,
  .supplier-rating-page .supplier-practice-comparison{grid-template-columns:1fr}
}

/* Keep the internal systems hero consistent with the other product pages */
.internal-systems-page .internal-systems-copy{
  width:min(1160px,95%);
}
.internal-systems-page .internal-systems-copy > .structure-kicker{
  text-align:left;
}
/* ============================================================
   SOLUTIONS EDITORIAL SYSTEM
   Product demos retain their application chrome.
   ============================================================ */

/* Overview: editorial index instead of tiles */
.loesungen-overview .structure-hero{
  min-height:auto;
  padding:clamp(3.75rem,6vw,5.25rem) 0;
}
.loesungen-overview .structure-hero>.container{width:min(1180px,92%)}
.loesungen-overview .structure-hero h1{
  max-width:820px;
  font-size:clamp(3rem,6.5vw,5.5rem);
  line-height:.98;
  letter-spacing:-.055em;
}
.loesungen-overview .structure-hero>div>p:not(.solution-overview-guide){
  max-width:720px;
  font-size:clamp(1rem,1.45vw,1.12rem);
}
.loesungen-overview .solution-overview-guide{margin-top:.9rem!important}
.loesungen-overview .solution-tile-grid{
  counter-reset:solution-index;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-top:clamp(2.25rem,4vw,3.5rem);
  border-top:1px solid rgba(255,255,255,.1);
}
.loesungen-overview .solution-tile{
  counter-increment:solution-index;
  position:relative;
  display:grid;
  grid-template-columns:28px 16px minmax(200px,.78fr) minmax(250px,1fr) auto;
  gap:clamp(.7rem,1.5vw,1.4rem);
  align-items:center;
  height:108px;
  min-height:108px!important;
  padding:.85rem .15rem!important;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  border-radius:0;
  background:transparent;
  transition:border-color .22s ease;
}
.loesungen-overview .solution-tile::before{
  content:"0" counter(solution-index);
  color:rgba(205,211,207,.3);
  font-family:'DM Mono',monospace;
  font-size:10px!important;
  font-weight:500!important;
  line-height:1!important;
  letter-spacing:.06em;
  transition:color .22s ease,transform .22s ease;
}
.loesungen-overview .solution-tile::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,#22C35D,rgba(34,195,93,.12) 46%,transparent 82%);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .32s ease;
}
.loesungen-overview .solution-tile:hover{
  border-color:rgba(255,255,255,.08);
  background:transparent;
  transform:none;
}
.loesungen-overview .solution-tile:hover::before{
  color:rgba(34,195,93,.78);
  transform:translateX(3px);
}
.loesungen-overview .solution-tile:hover::after{transform:scaleX(1)}
.loesungen-overview .solution-tile-icon{
  width:14px;
  height:14px;
  margin:0;
  color:rgba(205,211,207,.4);
  transition:color .22s ease,transform .22s ease;
}
.loesungen-overview .solution-tile h2{
  max-width:330px;
  margin:0!important;
  font-size:clamp(.98rem,1.25vw,1.15rem)!important;
  line-height:1.2!important;
  letter-spacing:-.018em!important;
  transition:color .22s ease,transform .22s ease;
}
.loesungen-overview .solution-tile p{
  max-width:430px;
  margin:0;
  font-size:.75rem;
  line-height:1.42;
  transition:color .22s ease,transform .22s ease;
}
.loesungen-overview .solution-tile-cta{
  margin:0;
  padding:0;
  color:rgba(34,195,93,.72);
  font-size:.58rem;
  white-space:nowrap;
  transition:color .22s ease,transform .22s ease;
}
.loesungen-overview .solution-tile:hover .solution-tile-icon,
.loesungen-overview .solution-tile:hover h2,
.loesungen-overview .solution-tile:hover p,
.loesungen-overview .solution-tile:hover .solution-tile-cta{
  transform:translateX(3px);
}
.loesungen-overview .solution-tile:hover .solution-tile-icon,
.loesungen-overview .solution-tile:hover h2{color:#f1f7f3}
.loesungen-overview .solution-tile:hover p{color:rgba(183,207,194,.82)}
.loesungen-overview .solution-tile:hover .solution-tile-cta{color:#22C35D}

/* Shared page rhythm and image treatment */
.solution-detail-page:not(.internal-systems-page):not(.supplier-rating-page) .container{width:min(1180px,92%)}
.solution-detail-section{
  padding:clamp(4rem,7vw,6.5rem) 0;
  border-top:1px solid rgba(255,255,255,.065);
}
.solution-detail-section h2{
  max-width:760px;
  font-size:clamp(1.9rem,3.6vw,3rem)!important;
  line-height:1.08;
  letter-spacing:-.035em;
}
.solution-detail-media{
  position:relative;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.solution-detail-media::after{
  content:"";
  position:absolute;
  inset:4% -2%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 48%,#0a0f0b 90%);
}
.solution-detail-media img{
  border-radius:0;
  -webkit-mask-image:radial-gradient(ellipse 78% 74% at center,#000 56%,transparent 100%);
  mask-image:radial-gradient(ellipse 78% 74% at center,#000 56%,transparent 100%);
}

/* Numbered situations instead of cards */
.solution-situation-grid,
.approval-process-page .approval-situation-grid{
  counter-reset:situation-index;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-top:1px solid rgba(255,255,255,.1);
}
.solution-situation-grid>div,
.approval-process-page .approval-situation-grid>div{
  counter-increment:situation-index;
  position:relative;
  display:block;
  min-height:0;
  padding:2.8rem clamp(1.75rem,3vw,3rem) 2.8rem 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.075);
  border-radius:0;
  background:transparent;
  color:rgba(225,235,229,.88);
  font-size:1rem;
  line-height:1.62;
}
.solution-situation-grid>div::before,
.approval-process-page .approval-situation-grid>div::before{
  content:"0" counter(situation-index);
  display:block;
  margin-bottom:1.15rem;
  color:#22C35D;
  font-family:'DM Mono',monospace;
  font-size:.7rem;
  letter-spacing:.08em;
}
.solution-situation-grid>div:not(:nth-child(3n)),
.approval-process-page .approval-situation-grid>div:not(:nth-child(3n)){
  margin-right:clamp(1.5rem,3vw,3rem);
  border-right:1px solid rgba(255,255,255,.065);
}

/* Before/after and practice comparisons */
.document-processing-page .document-practice-comparison,
.offer-configurator-page .offer-practice-comparison,
.approval-process-page .approval-practice-comparison,
.internal-systems-page .internal-practice-comparison,
.supplier-rating-page .supplier-practice-comparison,
.calc-compare-lists,
.calc-choice-grid{
  gap:0;
  border-top:1px solid rgba(255,255,255,.1);
}
.document-processing-page .document-practice-comparison>div,
.offer-configurator-page .offer-practice-comparison>div,
.approval-process-page .approval-practice-comparison>div,
.internal-systems-page .internal-practice-comparison>div,
.internal-systems-page .internal-practice-comparison>article,
.supplier-rating-page .supplier-practice-comparison>div,
.calc-compare-lists>div,
.calc-choice-card{
  padding:clamp(1.5rem,3vw,2.4rem) clamp(1.5rem,3vw,2.75rem) clamp(1.5rem,3vw,2.4rem) 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.075);
  border-radius:0;
  background:transparent;
}
.document-processing-page .document-practice-comparison>div+div,
.offer-configurator-page .offer-practice-comparison>div+div,
.approval-process-page .approval-practice-comparison>div+div,
.internal-systems-page .internal-practice-comparison>*+*,
.supplier-rating-page .supplier-practice-comparison>div+div,
.calc-compare-lists>div+div,
.calc-choice-card+.calc-choice-card{
  padding-right:0;
  padding-left:clamp(1.5rem,3vw,2.75rem);
  border-left:1px solid rgba(255,255,255,.075);
}
.internal-systems-page .internal-practice-comparison>article.is-result{
  border-color:rgba(255,255,255,.075);
  background:transparent;
}

/* Calculation page grids */
.calc-problem-grid,
.calc-feature-grid,
.calc-outcome-grid{
  gap:0;
  overflow:visible;
  border:0;
  border-top:1px solid rgba(255,255,255,.1);
  border-radius:0;
  background:transparent;
}
.calc-problem-card,
.calc-feature-grid>div,
.calc-outcome-grid>div{
  padding:clamp(1.6rem,2.8vw,2.4rem) clamp(1.5rem,2.8vw,2.6rem) clamp(1.6rem,2.8vw,2.4rem) 0;
  border-bottom:1px solid rgba(255,255,255,.075);
  border-radius:0;
  background:transparent;
}
.calc-problem-card:not(:last-child),
.calc-feature-grid>div:not(:last-child),
.calc-outcome-grid>div:not(:last-child){
  margin-right:clamp(1.25rem,2.5vw,2.5rem);
  border-right:1px solid rgba(255,255,255,.065);
}
.calc-showcase img,
.calc-before-after img{border:0;border-radius:0;box-shadow:none}

/* Approval use cases and HSE tools */
.approval-process-page .approval-use-case-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(2rem,5vw,5rem);
  border-top:1px solid rgba(255,255,255,.1);
}
.approval-process-page .approval-use-case-list li{
  padding:1.15rem 0 1.15rem 1.2rem;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.07);
  border-radius:0;
  background:transparent;
  font-size:.9rem;
}
.approval-process-page .approval-use-case-list li::before{top:1.65rem;left:0}
.hse-tools-page .hse-context-panel{
  padding:clamp(1.5rem,3vw,2.5rem) 0 clamp(1.5rem,3vw,2.5rem) clamp(2rem,4vw,4rem);
  border:0;
  border-left:1px solid rgba(34,195,93,.28);
  border-radius:0;
  background:transparent;
}
.hse-tools-page .hse-tool-grid{
  gap:0;
  border-top:1px solid rgba(255,255,255,.1);
}
.hse-tools-page .hse-tool-card{
  padding:clamp(2rem,4vw,3.5rem) clamp(2rem,4vw,4rem) clamp(2rem,4vw,3.5rem) 0;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.075);
  border-radius:0;
  background:transparent;
}
.hse-tools-page .hse-tool-card+.hse-tool-card{
  padding-right:0;
  padding-left:clamp(2rem,4vw,4rem);
  border-left:1px solid rgba(255,255,255,.075);
}
.hse-tools-page .hse-tool-number{top:2rem;right:clamp(2rem,4vw,4rem);font-size:1rem}

/* Trust signals become quiet inline evidence */
.document-processing-page .document-trust-badges,
.offer-configurator-page .offer-trust-badges,
.internal-systems-page .internal-trust-badges,
.supplier-rating-page .supplier-trust-badges{gap:.55rem 1.2rem}
.document-processing-page .document-trust-badges span,
.offer-configurator-page .offer-trust-badges span,
.internal-systems-page .internal-trust-badges span,
.supplier-rating-page .supplier-trust-badges span{
  padding:.15rem 0;
  border:0;
  border-radius:0;
  background:transparent;
}

/* Final CTAs align with the editorial flow */
.document-processing-page .document-final-cta,
.offer-configurator-page .offer-final-cta,
.approval-process-page .approval-final-cta,
.internal-systems-page .internal-final-cta,
.supplier-rating-page .supplier-final-cta{
  text-align:left;
  padding:clamp(4rem,7vw,6rem) 0;
}
.document-processing-page .document-final-cta .container,
.offer-configurator-page .offer-final-cta .container,
.approval-process-page .approval-final-cta .container,
.internal-systems-page .internal-final-cta .container,
.supplier-rating-page .supplier-final-cta .container{align-items:flex-start}
.document-processing-page .document-final-cta h2,
.offer-configurator-page .offer-final-cta h2,
.approval-process-page .approval-final-cta h2,
.internal-systems-page .internal-final-cta h2,
.supplier-rating-page .supplier-final-cta h2{
  max-width:800px;
  font-size:clamp(2rem,4vw,3.4rem);
  letter-spacing:-.035em;
}

@media(max-width:820px){
  .loesungen-overview .solution-tile{
    grid-template-columns:28px 16px 1fr;
    gap:.85rem;
    height:auto;
    min-height:116px!important;
    padding:1rem .15rem!important;
  }
  .loesungen-overview .solution-tile p,
  .loesungen-overview .solution-tile-cta{grid-column:3}
  .solution-situation-grid,
  .approval-process-page .approval-situation-grid{grid-template-columns:1fr}
  .solution-situation-grid>div:not(:nth-child(3n)),
  .approval-process-page .approval-situation-grid>div:not(:nth-child(3n)){
    margin-right:0;
    border-right:0;
  }
  .hse-tools-page .hse-tool-card+.hse-tool-card{padding-left:0;border-left:0}
}

@media(max-width:560px){
  .loesungen-overview .structure-hero h1{font-size:clamp(2.5rem,13vw,3.7rem)}
  .loesungen-overview .solution-tile{
    grid-template-columns:32px 1fr;
    height:auto;
    min-height:0!important;
    padding:1.35rem 0!important;
  }
  .loesungen-overview .solution-tile-icon{display:none}
  .loesungen-overview .solution-tile h2,
  .loesungen-overview .solution-tile p,
  .loesungen-overview .solution-tile-cta{grid-column:2}
  .document-processing-page .document-practice-comparison>div+div,
  .offer-configurator-page .offer-practice-comparison>div+div,
  .approval-process-page .approval-practice-comparison>div+div,
  .internal-systems-page .internal-practice-comparison>*+*,
  .supplier-rating-page .supplier-practice-comparison>div+div,
  .calc-compare-lists>div+div,
  .calc-choice-card+.calc-choice-card{
    padding-left:0;
    border-left:0;
  }
  .approval-process-page .approval-use-case-list{grid-template-columns:1fr}
}

/* Lösungen-Übersicht: Header wie auf der Technologien-Seite (technology-flow-hero) */
.loesungen-overview .solutions-flow-hero{
  min-height:auto;
  display:block;
  align-items:unset;
  padding:clamp(3.5rem,5.5vw,4.75rem) 0 clamp(2.5rem,4.5vw,3.75rem);
}
.loesungen-overview .solutions-flow-hero>.container{width:min(1320px,96%)}
.loesungen-overview .solutions-flow-hero .structure-kicker{margin-bottom:.85rem}
.loesungen-overview .solutions-flow-hero h1,
.loesungen-overview .solutions-flow-hero .solutions-flow-intro,
.loesungen-overview .solutions-flow-hero .solution-overview-guide{
  display:inline;
  max-width:none;
  margin:0!important;
  font-size:clamp(2rem,3vw,3.05rem)!important;
  line-height:1.01!important;
  letter-spacing:-.015em!important;
  font-weight:400!important;
}
.loesungen-overview .solutions-flow-hero h1{color:#ffffff}
.loesungen-overview .solutions-flow-hero h1::after{content:" "}
.loesungen-overview .solutions-flow-hero .solutions-flow-intro,
.loesungen-overview .solutions-flow-hero .solution-overview-guide{color:rgba(205,211,207,.68)!important}
.loesungen-overview .solutions-flow-hero .solutions-flow-intro::after{content:" "}

@media(max-width:860px){
  .loesungen-overview .solutions-flow-hero{padding:3.25rem 0 2.75rem}
}
@media(max-width:700px){
  .loesungen-overview .solutions-flow-hero h1,
  .loesungen-overview .solutions-flow-hero .solutions-flow-intro,
  .loesungen-overview .solutions-flow-hero .solution-overview-guide{
    font-size:clamp(2.15rem,10vw,3.35rem)!important;
    line-height:1.04!important;
  }
}

/* Solutions overview: keep all four topics visible as a compact index */
.loesungen-overview .solutions-flow-hero{
  padding:clamp(2.5rem,4vw,3.5rem) 0 clamp(1.5rem,2.5vw,2.25rem);
}
.loesungen-overview .solutions-flow-hero>.container{
  width:min(1180px,92%);
}
.loesungen-overview .solutions-flow-hero .structure-kicker{
  margin-bottom:.65rem;
}
.loesungen-overview .solutions-flow-hero h1,
.loesungen-overview .solutions-flow-hero .solutions-flow-intro{
  font-size:clamp(1.7rem,2.35vw,2.35rem)!important;
  line-height:1.02!important;
}
.loesungen-overview .solution-tile-grid{
  margin-top:1.5rem;
}
.loesungen-overview .solution-tile{
  grid-template-columns:24px 14px minmax(210px,.82fr) minmax(260px,1fr) auto;
  gap:clamp(.65rem,1.35vw,1.25rem);
  height:86px;
  min-height:86px!important;
  padding:.65rem .1rem!important;
}
.loesungen-overview .solution-tile::before{
  font-size:9px!important;
  opacity:.72;
}
.loesungen-overview .solution-tile-icon{
  width:13px;
  height:13px;
}
.loesungen-overview .solution-tile h2{
  font-size:clamp(.9rem,1.1vw,1.05rem)!important;
  line-height:1.16!important;
}
.loesungen-overview .solution-tile p{
  font-size:.69rem;
  line-height:1.38;
}
.loesungen-overview .solution-tile-cta{
  font-size:.54rem;
}

@media(max-width:820px){
  .loesungen-overview .solution-tile{
    height:auto;
    min-height:104px!important;
  }
}

@media(max-width:560px){
  .loesungen-overview .solutions-flow-hero h1,
  .loesungen-overview .solutions-flow-hero .solutions-flow-intro{
    font-size:clamp(1.75rem,8.5vw,2.45rem)!important;
  }
  .loesungen-overview .solution-tile{
    min-height:0!important;
    padding:1.05rem 0!important;
  }
}

/* Lösungen-Übersicht und Startseiten-Schwerpunkte nutzen dasselbe Editorial-Raster. */
.loesungen-overview .solutions-flow-hero{
  min-height:auto;
  display:block;
  padding:clamp(3.5rem,5vw,5rem) 0;
}
.loesungen-overview .solutions-flow-hero>.container{
  width:min(1120px,92%);
}
.loesungen-overview .solutions-flow-hero .structure-kicker{
  display:block;
  margin:0 0 .85rem;
}
.loesungen-overview .solutions-flow-hero h1{
  display:inline;
  max-width:none;
  margin:0!important;
  color:#ffffff;
  font-size:clamp(1.75rem,2.6vw,2.55rem)!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:-.02em!important;
}
.loesungen-overview .solutions-flow-hero h1::after{
  content:" ";
}
.loesungen-overview .solutions-flow-hero .solutions-flow-intro{
  display:inline;
  max-width:none;
  margin:0!important;
  color:rgba(205,211,207,.68)!important;
  font-size:clamp(1.75rem,2.6vw,2.55rem)!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:-.02em!important;
}
.loesungen-overview .sol-index{
  margin-top:clamp(2rem,3.5vw,3rem);
}

@media(max-width:640px){
  .loesungen-overview .solutions-flow-hero{
    padding:3rem 0;
  }
  .loesungen-overview .solutions-flow-hero h1{
    font-size:clamp(1.7rem,8.5vw,2.35rem)!important;
  }
  .loesungen-overview .solutions-flow-hero .solutions-flow-intro{
    font-size:clamp(1.7rem,8.5vw,2.35rem)!important;
  }
}

/* Lösungen-Unterseiten: gleiche zweifarbige Hero-Headline wie die Übersicht */
.solution-detail-page .solution-detail-hero .hero-heading{
  margin:0 0 .85rem;
  text-align:left;
}
.solution-detail-page .solution-detail-hero .hero-heading h1,
.solution-detail-page .solution-detail-hero .hero-heading .hero-intro{
  display:inline;
  max-width:none;
  margin:0!important;
  font-size:clamp(1.75rem,2.6vw,2.55rem)!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:-.02em!important;
  text-align:left;
}
.solution-detail-page .solution-detail-hero .hero-heading h1{
  color:#ffffff!important;
}
.solution-detail-page .solution-detail-hero .hero-heading h1::after{
  content:" ";
}
.solution-detail-page .solution-detail-hero .hero-heading .hero-intro{
  color:rgba(205,211,207,.68)!important;
}

@media(max-width:640px){
  .solution-detail-page .solution-detail-hero .hero-heading h1,
  .solution-detail-page .solution-detail-hero .hero-heading .hero-intro{
    font-size:clamp(1.7rem,8.5vw,2.35rem)!important;
  }
}

/* Angebots-Konfigurator: kompaktere, produktzentrierte Hero-Inszenierung */
.offer-configurator-page .offer-configurator-hero{
  padding-top:clamp(1.9rem,3.6vw,3.2rem);
  padding-bottom:clamp(1.4rem,2.6vw,2.1rem);
}
.offer-configurator-page .offer-configurator-copy{
  width:min(1160px,98%);
}
.offer-configurator-page .solution-detail-hero .hero-heading{
  max-width:100%;
  margin-bottom:.6rem;
}
.offer-configurator-page .solution-detail-hero .hero-heading h1,
.offer-configurator-page .solution-detail-hero .hero-heading .hero-intro{
  font-size:clamp(1.5rem,2.2vw,2.15rem)!important;
  line-height:1.1!important;
}
.offer-configurator-page .offer-demo-stage{
  margin-top:clamp(1.5rem,2.6vw,2.25rem);
}
.offer-configurator-page .offer-demo-label{
  margin:0 0 .65rem .15rem;
  color:rgba(34,195,93,.76);
  font-family:'DM Mono',monospace;
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}

@media(max-width:760px){
  .offer-configurator-page .solution-detail-hero .hero-heading{
    max-width:100%;
  }
  .offer-configurator-page .solution-detail-hero .hero-heading h1,
  .offer-configurator-page .solution-detail-hero .hero-heading .hero-intro{
    font-size:clamp(1.5rem,7.5vw,2rem)!important;
  }
}

/* Dokumentenverarbeitung: identische Hero-Typografie wie Kalkulationssysteme */
.document-processing-page .document-hero{
  padding-top:clamp(1.9rem,3.6vw,3.2rem);
  padding-bottom:clamp(1.4rem,2.6vw,2.1rem);
}
.document-processing-page .document-hero-copy{
  width:min(1160px,95%);
  max-width:none;
  text-align:center;
}
.document-processing-page .solution-detail-hero .hero-heading{
  max-width:74%;
  margin-bottom:.6rem;
  text-align:left;
}
.document-processing-page .solution-detail-hero .hero-heading h1,
.document-processing-page .solution-detail-hero .hero-heading .hero-intro{
  font-size:clamp(1.45rem,1.9vw,1.85rem)!important;
  line-height:1.22!important;
}
.document-processing-page .document-trust-badges{
  justify-content:center;
  margin-top:.55rem;
}
.document-processing-page .document-trust-badges span{
  padding:.32rem .6rem;
  border-color:rgba(34,195,93,.14);
  background:rgba(34,195,93,.035);
  color:rgba(224,229,226,.62);
  font-size:.68rem;
}
.document-processing-page .document-reference-note{
  text-align:center;
}
@media(max-width:760px){
  .document-processing-page .solution-detail-hero .hero-heading{
    max-width:100%;
  }
}

/* Fix: global .container{width:var(--qi-container)!important} (styles.css) hard-locks
   every .container on this page to 1120px regardless of viewport. Re-establish responsive
   shrinking here (higher specificity + !important wins over that rule). */
.offer-configurator-page .container{width:min(1560px,96%)!important}
@media(max-width:1050px){
  .offer-configurator-page .container{width:min(100%,94%)!important}
}
@media(max-width:640px){
  .offer-configurator-page .container{width:min(100%,91%)!important}
}

/* Mockup: größer, plastischer, hochwertiger inszeniert */
.offer-configurator-page .offer-demo{
  border-radius:16px;
  box-shadow:0 50px 120px -30px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.5),0 1px 0 rgba(255,255,255,.6) inset;
}
.offer-configurator-page .offer-demo-header{
  padding:1.05rem 1.35rem;
}
.offer-configurator-page .offer-demo-header h2{
  font-size:1.2rem!important;
}
@media(min-width:981px){
  .offer-configurator-page .offer-demo-grid{
    grid-template-columns:minmax(225px,.78fr) minmax(370px,1.35fr) minmax(300px,1fr);
    min-height:640px;
  }
}
.offer-configurator-page .offer-demo-controls,
.offer-configurator-page .offer-demo-preview,
.offer-configurator-page .offer-demo-quote{
  padding:1.3rem;
}
.offer-configurator-page .offer-demo-controls legend{
  font-size:.74rem;
}
.offer-configurator-page .offer-demo-controls label{
  min-height:48px;
  padding:.65rem .7rem;
  font-size:.7rem;
}
.offer-configurator-page .offer-demo-controls label>span strong{
  font-size:.71rem;
}
.offer-configurator-page .offer-demo-controls label>span small{
  font-size:.57rem;
}
.offer-configurator-page .offer-demo-options label{
  min-height:42px;
}
.offer-configurator-page .offer-demo-image-wrap{
  min-height:440px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 0 70px rgba(34,195,93,.06);
}
.offer-configurator-page .offer-demo-preview img{
  max-height:440px;
}
.offer-configurator-page .offer-demo-preview-copy strong{
  font-size:.8rem;
}
.offer-configurator-page .offer-demo-preview-copy span{
  font-size:.56rem;
}
.offer-configurator-page .offer-demo-preview p{
  font-size:.7rem;
}
.offer-configurator-page .offer-demo-quote h3{
  font-size:1.05rem;
}
.offer-configurator-page .offer-demo-quote dl div{
  font-size:.74rem;
}
.offer-configurator-page .offer-demo-metrics span{
  font-size:.6rem;
}
.offer-configurator-page .offer-demo-metrics strong{
  font-size:.78rem;
}

/* Gesamtpreis: zentrales, sofort erkennbares Live-Ergebnis */
.offer-configurator-page .offer-demo-metrics>div:last-child{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1.1rem;
}
.offer-configurator-page .offer-demo-metrics>div:last-child span{
  margin-bottom:0;
  font-size:.7rem;
}
.offer-configurator-page .offer-demo-metrics>div:last-child strong{
  font-size:1.65rem!important;
  font-weight:700;
  letter-spacing:-.02em;
}

@media(max-width:980px){
  .offer-configurator-page .offer-demo-grid{
    min-height:auto;
  }
}

@media(max-width:700px){
  .offer-configurator-page .offer-demo-image-wrap{
    min-height:260px;
  }
  .offer-configurator-page .offer-demo-preview img{
    max-height:260px;
  }
}

/* Praxisbeispiel: Ãœberschrift im Hero-Stil, Vergleich darunter */
.offer-configurator-page .offer-practice .container{
  grid-template-columns:1fr;
  gap:clamp(1.4rem,2.6vw,2rem);
}
.offer-configurator-page .offer-practice-intro h2,
.offer-configurator-page .offer-practice-intro p:first-of-type{
  display:inline;
  max-width:none;
  margin:0!important;
  font-size:clamp(1.5rem,2.2vw,2.15rem)!important;
  font-weight:400!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
}
.offer-configurator-page .offer-practice-intro h2{
  color:#ffffff!important;
}
.offer-configurator-page .offer-practice-intro h2::after{
  content:" ";
}
.offer-configurator-page .offer-practice-intro p:first-of-type{
  color:rgba(205,211,207,.68)!important;
}
@media(max-width:640px){
  .offer-configurator-page .offer-practice-intro h2,
  .offer-configurator-page .offer-practice-intro p:first-of-type{
    font-size:clamp(1.5rem,7.5vw,2rem)!important;
  }
}

/* Dokumentenverarbeitung: gleiche produktzentrierte Dramaturgie wie Kalkulationssysteme */
.document-processing-page .document-hero{
  /* The global container rule reads --qi-container with !important. Override the
     value locally instead of competing with a second width !important rule. */
  --qi-container:1540px;
  overflow:hidden;
  padding-top:clamp(1.9rem,3.6vw,3.2rem);
  padding-bottom:clamp(1.4rem,2.6vw,2.1rem);
}
.document-processing-page .document-hero-layout{
  display:block;
}
.document-processing-page .document-hero-copy{
  width:min(1160px,98%);
  max-width:none;
  text-align:left;
}
.document-processing-page .solution-detail-hero .hero-heading{
  max-width:74%;
  margin-bottom:.6rem;
  text-align:left;
}
.document-processing-page .solution-detail-hero .hero-heading h1,
.document-processing-page .solution-detail-hero .hero-heading .hero-intro{
  font-size:clamp(1.5rem,2.2vw,2.15rem)!important;
  line-height:1.1!important;
}
.document-processing-page .solution-detail-hero .hero-heading h1{
  color:var(--ds-text)!important;
}
.document-processing-page .solution-detail-hero .hero-heading .hero-intro{
  color:var(--ds-text-muted)!important;
}
.document-processing-page .document-demo-stage{
  position:relative;
  isolation:isolate;
  margin-top:clamp(.6rem,1vw,.85rem);
  padding:0 clamp(.2rem,1.2vw,1rem) clamp(1rem,2vw,1.75rem);
}
.document-processing-page .document-demo-stage::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:10% 5% -1rem;
  background:radial-gradient(ellipse at center,rgba(124,92,255,.12),rgba(34,195,93,.055) 38%,transparent 72%);
  filter:blur(30px);
  pointer-events:none;
}
.document-processing-page .document-demo-label{
  margin:0 0 .65rem .15rem;
  color:rgba(34,195,93,.76);
  font-family:'DM Mono',monospace;
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}
.document-processing-page .document-demo-product{
  position:relative;
  width:min(1160px,88%);
  margin:0 auto;
}
.document-processing-page .docdemo-window{
  max-width:none;
  border-radius:16px;
  box-shadow:
    0 50px 120px -30px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.46),
    0 1px 0 rgba(255,255,255,.58) inset;
}
.document-processing-page .docdemo-bar{
  padding:1.05rem 1.35rem 1rem;
}
.document-processing-page .docdemo-files,
.document-processing-page .docdemo-result{
  padding:1.3rem;
}
.document-processing-page .document-practice{
  position:relative;
  z-index:1;
}

@media(max-width:900px){
  .document-processing-page .document-demo-product{
    width:96%;
  }
}

@media(max-width:760px){
  .document-processing-page .solution-detail-hero .hero-heading{
    max-width:100%;
  }
  .document-processing-page .solution-detail-hero .hero-heading,
  .document-processing-page .solution-detail-hero .hero-heading h1,
  .document-processing-page .solution-detail-hero .hero-heading .hero-intro{
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
    white-space:normal;
  }
  .document-processing-page .solution-detail-hero .hero-heading h1{
    font-size:clamp(1.62rem,7.15vw,1.95rem)!important;
    line-height:1.14!important;
  }
  .document-processing-page .solution-detail-hero .hero-heading .hero-intro{
    display:block;
    margin-top:.72rem!important;
    max-width:34ch;
    font-size:clamp(1rem,4.6vw,1.2rem)!important;
    line-height:1.55!important;
    color:var(--ds-text-subtle)!important;
  }
  .document-processing-page .document-demo-product{
    width:100%;
  }
}

.offer-configurator-page .offer-practice-comparison{
  border-top:0;
  align-items:center;
}
.offer-configurator-page .offer-practice-comparison>div{
  border-bottom:0;
}
.offer-configurator-page .offer-practice-comparison>div+div{
  border-left:0;
}
.offer-configurator-page .offer-practice-comparison>div:first-child{
  color:rgba(205,211,207,.55);
  transform:translateX(16px) scale(1.05);
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.offer-configurator-page .offer-practice-comparison>div:first-child span,
.offer-configurator-page .offer-practice-comparison>div:first-child li{
  font-size:.78rem;
}
.offer-configurator-page .offer-practice-comparison.is-visible>div:first-child{
  transform:translateX(0) scale(1);
}

/* Ergebnis: größer, leuchtet beim Scrollen sehr leicht auf - ohne Box/Glow */
.offer-configurator-page .offer-practice-result{
  max-width:500px;
  opacity:.82;
  transform:translateX(24px) scale(.98);
  transition:transform .9s cubic-bezier(.22,.61,.36,1), opacity .9s ease;
}
.offer-configurator-page .offer-practice-comparison.is-visible .offer-practice-result{
  opacity:1;
  transform:translateX(0) scale(1.08);
}
.offer-configurator-page .offer-practice-result span{
  font-size:.8rem;
}
.offer-configurator-page .offer-practice-result li{
  font-size:1.08rem;
  line-height:1.6;
}
.offer-configurator-page .offer-practice-result li::before{
  font-size:1.08rem;
}

@media(min-width:561px){
  .offer-configurator-page .offer-practice-comparison{
    grid-template-columns:.6fr 1.4fr;
  }
  .offer-configurator-page .offer-practice-result{
    margin-left:clamp(1.5rem,6vw,4.5rem);
  }
}

/* Praxisbeispiel: Ãœberschrift im Hero-Stil, Vergleich darunter */
.document-processing-page .document-practice{
  position:relative;
  overflow:hidden;
}
.document-processing-page .document-practice-bg{
  position:absolute;
  top:50%;
  left:50%;
  z-index:0;
  width:min(640px,72%);
  height:auto;
  transform:translate(-50%,-50%) scaleX(1.3);
  opacity:.3;
  mix-blend-mode:lighten;
  filter:saturate(.8) contrast(.95);
  mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.85) 0%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,.85) 0%,transparent 80%);
  pointer-events:none;
}
.document-processing-page .document-practice .container{
  position:relative;
  z-index:1;
  grid-template-columns:1fr;
  gap:clamp(1.4rem,2.6vw,2rem);
}
.document-processing-page .document-practice-comparison{
  margin-top:clamp(1.5rem,4vw,3.5rem);
}
.document-processing-page .document-practice-intro h2,
.document-processing-page .document-practice-intro p:first-of-type{
  display:inline;
  max-width:none;
  margin:0!important;
  font-size:clamp(1.5rem,2.2vw,2.15rem)!important;
  font-weight:400!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
}
.document-processing-page .document-practice-intro h2{
  color:var(--ds-text)!important;
}
.document-processing-page .document-practice-intro h2::after{
  content:" ";
}
.document-processing-page .document-practice-intro p:first-of-type{
  color:var(--ds-text-muted)!important;
}
@media(max-width:640px){
  .document-processing-page .document-practice-intro h2,
  .document-processing-page .document-practice-intro p:first-of-type{
    font-size:clamp(1.5rem,7.5vw,2rem)!important;
  }
}

.document-processing-page .document-practice-comparison{
  border-top:0;
  align-items:center;
}
.document-processing-page .document-practice-comparison>div{
  border-bottom:0;
}
.document-processing-page .document-practice-comparison>div+div{
  border-left:0;
}
.document-processing-page .document-practice-comparison>div:first-child{
  color:rgba(205,211,207,.55);
  transform:translateX(16px) scale(1.05);
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.document-processing-page .document-practice-comparison>div:first-child span,
.document-processing-page .document-practice-comparison>div:first-child li{
  font-size:.78rem;
}
.document-processing-page .document-practice-comparison.is-visible>div:first-child{
  transform:translateX(0) scale(1);
}

/* Ergebnis: größer, leuchtet beim Scrollen sehr leicht auf - ohne Box/Glow */
.document-processing-page .document-practice-result{
  max-width:500px;
  opacity:.82;
  transform:translateX(24px) scale(.98);
  transition:transform .9s cubic-bezier(.22,.61,.36,1), opacity .9s ease;
}
.document-processing-page .document-practice-comparison.is-visible .document-practice-result{
  opacity:1;
  transform:translateX(0) scale(1.08);
}
.document-processing-page .document-practice-result span{
  font-size:.8rem;
}
.document-processing-page .document-practice-result li{
  font-size:1.08rem;
  line-height:1.6;
}
.document-processing-page .document-practice-result li::before{
  font-size:1.08rem;
}

@media(min-width:561px){
  .document-processing-page .document-practice-comparison{
    grid-template-columns:.6fr 1.4fr;
  }
  .document-processing-page .document-practice-result{
    margin-left:clamp(1.5rem,6vw,4.5rem);
  }
}

/* Freigabe- & Prüfprozesse: Produktdramaturgie wie Kalkulationssysteme */
.approval-process-page .approval-process-hero{
  --qi-container:1540px;
  padding-top:clamp(1.9rem,3.6vw,3.2rem);
  padding-bottom:clamp(1.4rem,2.6vw,2.1rem);
}
.approval-process-page .approval-process-hero-layout{
  display:block;
}
.approval-process-page .approval-process-copy{
  width:min(1160px,98%);
  max-width:none;
  text-align:left;
}
.approval-process-page .solution-detail-hero .hero-heading{
  max-width:74%;
  margin-bottom:.6rem;
  text-align:left;
}
.approval-process-page .solution-detail-hero .hero-heading h1,
.approval-process-page .solution-detail-hero .hero-heading .hero-intro{
  font-size:clamp(1.5rem,2.2vw,2.15rem)!important;
  line-height:1.1!important;
}
.approval-process-page .solution-detail-hero .hero-heading h1{
  color:var(--ds-text);
}
.approval-process-page .solution-detail-hero .hero-heading .hero-intro{
  color:var(--ds-text-muted);
}
.approval-process-page .safety-demo-stage{
  width:100%;
  margin-top:clamp(.6rem,1vw,.85rem);
  padding:0 clamp(.2rem,1.2vw,1rem) clamp(1rem,2vw,1.75rem);
}
.approval-process-page .safety-demo-label{
  margin:0 0 .65rem .15rem;
  color:color-mix(in srgb,var(--ds-green) 84%,white 8%);
  font-family:var(--ds-font-mono);
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}
.approval-process-page .safety-demo{
  border-radius:16px;
  box-shadow:
    0 50px 120px -30px rgba(0,0,0,.5),
    0 0 0 1px rgba(255,255,255,.5),
    0 1px 0 rgba(255,255,255,.6) inset;
}
.approval-process-page .safety-demo-header{
  padding:1.05rem 1.35rem;
}
.approval-process-page .safety-demo-header h2{
  font-size:1.2rem!important;
}
.approval-process-page .safety-workflow{
  min-height:520px;
}
.approval-process-page .safety-context-form,
.approval-process-page .safety-suggestion-panel{
  padding:1.3rem;
}
.approval-process-page .safety-suggestion-panel{
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .45s ease,transform .45s ease;
}
.approval-process-page .safety-demo.is-analyzed .safety-suggestion-panel,
.approval-process-page .safety-demo.is-created .safety-suggestion-panel{
  opacity:1;
  transform:none;
  pointer-events:auto;
}
.approval-process-page .safety-documentation{
  opacity:.48;
  transition:opacity .4s ease,background .4s ease;
}
.approval-process-page .safety-demo.is-analyzed .safety-documentation,
.approval-process-page .safety-demo.is-created .safety-documentation{
  opacity:1;
}
.approval-process-page .approval-practice .container{
  grid-template-columns:1fr;
  gap:clamp(1.4rem,2.6vw,2rem);
}
.approval-process-page .approval-practice-intro h2,
.approval-process-page .approval-practice-intro p:first-of-type{
  display:inline;
  max-width:none;
  margin:0!important;
  font-size:clamp(1.5rem,2.2vw,2.15rem)!important;
  font-weight:400!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
}
.approval-process-page .approval-practice-intro h2{
  color:var(--ds-text)!important;
}
.approval-process-page .approval-practice-intro h2::after{
  content:" ";
}
.approval-process-page .approval-practice-intro p:first-of-type{
  color:var(--ds-text-subtle)!important;
}
.approval-process-page .approval-practice-intro p:nth-of-type(2){
  max-width:820px;
  margin-top:.75rem;
  color:var(--ds-text-muted);
}
.approval-process-page .approval-practice-comparison{
  grid-template-columns:.6fr 1.4fr;
  align-items:center;
  border-top:0;
}
.approval-process-page .approval-practice-comparison>div{
  border-bottom:0;
}
.approval-process-page .approval-practice-comparison>div+div{
  border-left:0;
}
.approval-process-page .approval-practice-comparison>div:first-child{
  transform:translateX(16px) scale(1.05);
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.approval-process-page .approval-practice-comparison.is-visible>div:first-child{
  transform:translateX(0) scale(1);
}
.approval-process-page .approval-practice-result{
  max-width:500px;
  margin-left:clamp(1.5rem,6vw,4.5rem);
  opacity:.82;
  transform:translateX(24px) scale(.98);
  transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .9s ease;
}
.approval-process-page .approval-practice-comparison.is-visible .approval-practice-result{
  opacity:1;
  transform:translateX(0) scale(1.08);
}
.approval-process-page .approval-practice-result span{
  font-size:.8rem;
  color:var(--ds-green);
}
.approval-process-page .approval-practice-result li{
  font-size:1.08rem;
  line-height:1.6;
  color:var(--ds-text-secondary);
}
.approval-process-page .approval-final-cta{
  padding:clamp(1.6rem,2.8vw,2.25rem) 0 clamp(2rem,3.5vw,3rem);
  text-align:left;
}
.approval-process-page .approval-final-cta .container{
  align-items:flex-start;
}
.approval-process-page .approval-final-cta p{
  color:var(--ds-text-muted);
}

@media(max-width:760px){
  body:has(.approval-process-page) .qi-consent__wrap{
    grid-template-columns:1fr;
  }
  body:has(.approval-process-page) .qi-consent__actions{
    flex-wrap:wrap;
  }
  .approval-process-page{
    overflow-x:clip;
  }
  .approval-process-page .approval-process-copy,
  .approval-process-page .safety-demo-stage,
  .approval-process-page .safety-demo,
  .approval-process-page .safety-workflow,
  .approval-process-page .safety-context-form,
  .approval-process-page .safety-suggestion-panel,
  .approval-process-page .safety-documentation{
    max-width:100%;
    min-width:0;
  }
  .approval-process-page .solution-detail-hero .hero-heading{
    max-width:100%;
  }
  .approval-process-page .solution-detail-hero .hero-heading,
  .approval-process-page .solution-detail-hero .hero-heading h1,
  .approval-process-page .solution-detail-hero .hero-heading .hero-intro{
    max-width:100%;
    overflow-wrap:break-word;
    word-break:normal;
    white-space:normal;
  }
  .approval-process-page .solution-detail-hero .hero-heading h1{
    font-size:clamp(1.62rem,7.15vw,1.95rem)!important;
    line-height:1.14!important;
  }
  .approval-process-page .solution-detail-hero .hero-heading .hero-intro{
    display:block;
    margin-top:.72rem!important;
    max-width:34ch;
    font-size:clamp(1rem,4.6vw,1.2rem)!important;
    line-height:1.55!important;
    color:var(--ds-text-subtle);
  }
  .approval-process-page .approval-practice-comparison{
    grid-template-columns:1fr;
  }
  .approval-process-page .approval-practice-result{
    margin-left:0;
  }
}

/* Interne Systeme: Produktdramaturgie wie Kalkulationssysteme */
.internal-systems-page .internal-systems-hero{
  padding-top:clamp(1.9rem,3.6vw,3.2rem);
  padding-bottom:clamp(1.4rem,2.6vw,2.1rem);
}
.internal-systems-page .internal-systems-hero .container{
  width:min(1540px,97%);
}
.internal-systems-page .internal-systems-hero-layout{
  display:block;
}
.internal-systems-page .internal-systems-copy{
  width:min(1160px,98%);
  max-width:none;
  text-align:left;
}
.internal-systems-page .solution-detail-hero .hero-heading{
  max-width:100%;
  margin-bottom:.6rem;
  text-align:left;
}
.internal-systems-page .solution-detail-hero .hero-heading h1,
.internal-systems-page .solution-detail-hero .hero-heading .hero-intro{
  font-size:clamp(1.5rem,2.2vw,2.15rem)!important;
  line-height:1.1!important;
  text-align:left;
}
.internal-systems-page .qualification-demo-stage{
  width:100%;
  margin-top:clamp(.6rem,1vw,.85rem);
}
.internal-systems-page .qualification-demo-label{
  margin:0 0 .65rem .15rem;
  color:rgba(34,195,93,.76);
  font-family:'DM Mono',monospace;
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}
.internal-systems-page .qualification-dashboard{
  border-radius:16px;
  box-shadow:
    0 50px 120px -30px rgba(0,0,0,.5),
    0 0 0 1px rgba(255,255,255,.5),
    0 1px 0 rgba(255,255,255,.6) inset;
}
.internal-systems-page .qualification-product-bar{
  padding:1rem 1.25rem;
}
.internal-systems-page .qualification-workspace{
  min-height:540px;
}
.internal-systems-page .employee-panel,
.internal-systems-page .qualification-main-panel{
  padding:1.15rem;
}

.internal-systems-page .internal-case-study .container{
  grid-template-columns:1fr;
  gap:clamp(1.4rem,2.6vw,2rem);
  align-items:start;
}
.internal-systems-page .internal-practice-intro h2,
.internal-systems-page .internal-practice-intro p{
  display:inline;
  max-width:none;
  margin:0!important;
  font-size:clamp(1.5rem,2.2vw,2.15rem)!important;
  font-weight:400!important;
  line-height:1.1!important;
  letter-spacing:-.02em!important;
}
.internal-systems-page .internal-practice-intro h2{
  color:#ffffff!important;
}
.internal-systems-page .internal-practice-intro h2::after{
  content:" ";
}
.internal-systems-page .internal-practice-intro p{
  color:rgba(205,211,207,.68)!important;
}
.internal-systems-page .internal-practice-comparison{
  display:grid;
  grid-template-columns:.6fr 1.4fr;
  align-items:center;
  gap:.75rem;
  border-top:0;
}
.internal-systems-page .internal-practice-comparison>article{
  border:0;
  border-bottom:0;
  border-radius:0;
  background:transparent;
}
.internal-systems-page .internal-practice-comparison>article+article{
  border-left:0;
}
.internal-systems-page .internal-practice-comparison>article:first-child{
  transform:translateX(16px) scale(1.05);
  transition:transform .9s cubic-bezier(.22,.61,.36,1);
}
.internal-systems-page .internal-practice-comparison.is-visible>article:first-child{
  transform:translateX(0) scale(1);
}
.internal-systems-page .internal-practice-result{
  max-width:500px;
  margin-left:clamp(1.5rem,6vw,4.5rem);
  opacity:.82;
  transform:translateX(24px) scale(.98);
  transition:transform .9s cubic-bezier(.22,.61,.36,1),opacity .9s ease;
}
.internal-systems-page .internal-practice-comparison.is-visible .internal-practice-result{
  opacity:1;
  transform:translateX(0) scale(1.08);
}
.internal-systems-page .internal-practice-result>span{
  color:#22C35D;
  font-size:.8rem;
}
.internal-systems-page .internal-practice-result li{
  color:rgba(224,229,226,.9);
  font-size:1.08rem;
  line-height:1.6;
}
.internal-systems-page .internal-practice-result li::before{
  content:"✓";
  color:#22C35D;
}
.internal-systems-page .internal-final-cta{
  padding:clamp(1.6rem,2.8vw,2.25rem) 0 clamp(2rem,3.5vw,3rem);
  text-align:left;
}
.internal-systems-page .internal-final-cta .container{
  align-items:flex-start;
}

@media(max-width:760px){
  .internal-systems-page .solution-detail-hero .hero-heading h1,
  .internal-systems-page .solution-detail-hero .hero-heading .hero-intro{
    font-size:clamp(1.5rem,7.5vw,2rem)!important;
  }
  .internal-systems-page .internal-practice-comparison{
    grid-template-columns:1fr;
  }
  .internal-systems-page .internal-practice-result{
    margin-left:0;
  }
}

/* Lösungsdetailseiten: ruhiger, gemeinsamer Feinschliff */
.offer-configurator-page .offer-configurator-hero,
.document-processing-page .document-hero,
.approval-process-page .approval-process-hero,
.internal-systems-page .internal-systems-hero{
  position:relative;
  isolation:isolate;
  padding-bottom:clamp(4rem,7vw,6rem)!important;
}
.offer-configurator-page .offer-configurator-hero::after,
.document-processing-page .document-hero::after,
.approval-process-page .approval-process-hero::after,
.internal-systems-page .internal-systems-hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:0;
  bottom:-1px;
  left:0;
  height:clamp(90px,12vw,170px);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(10,15,11,0),rgba(10,15,11,.72) 66%,#0a0f0b);
}
.offer-configurator-page .offer-demo-stage,
.document-processing-page .document-demo-stage,
.approval-process-page .safety-demo-stage,
.internal-systems-page .qualification-demo-stage{
  margin-top:clamp(1.8rem,3vw,2.75rem)!important;
}
.offer-configurator-page .offer-demo-label,
.document-processing-page .document-demo-label,
.approval-process-page .safety-demo-label,
.internal-systems-page .qualification-demo-label{
  margin-bottom:1rem!important;
  color:rgba(34,195,93,.82);
  font-size:clamp(.68rem,.78vw,.74rem)!important;
  letter-spacing:.145em!important;
}
.offer-configurator-page .offer-practice,
.document-processing-page .document-practice,
.approval-process-page .approval-practice,
.internal-systems-page .internal-practice{
  position:relative;
  padding-top:clamp(4.75rem,8vw,7rem)!important;
  padding-bottom:clamp(4rem,7vw,6rem)!important;
  border-top:0!important;
}
.offer-configurator-page .offer-practice::before,
.document-processing-page .document-practice::before,
.approval-process-page .approval-practice::before,
.internal-systems-page .internal-practice::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:clamp(70px,10vw,130px);
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);
  opacity:.55;
}
.offer-configurator-page .offer-practice .container,
.document-processing-page .document-practice .container,
.approval-process-page .approval-practice .container,
.internal-systems-page .internal-practice .container{
  gap:clamp(2.4rem,4.5vw,4rem)!important;
}
.offer-configurator-page .offer-practice-comparison,
.document-processing-page .document-practice-comparison,
.approval-process-page .approval-practice-comparison,
.internal-systems-page .internal-practice-comparison{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:clamp(1.75rem,3.5vw,3rem)!important;
  width:min(100%,900px);
  margin-top:0!important;
}
.offer-configurator-page .offer-practice-comparison>div,
.document-processing-page .document-practice-comparison>div,
.approval-process-page .approval-practice-comparison>div,
.internal-systems-page .internal-practice-comparison>article{
  width:100%;
  max-width:none;
  margin:0!important;
  padding:0!important;
}
.offer-configurator-page .offer-practice-comparison ul,
.document-processing-page .document-practice-comparison ul,
.approval-process-page .approval-practice-comparison ul,
.internal-systems-page .internal-practice-comparison ul{
  gap:.55rem!important;
}
.offer-configurator-page .offer-practice-comparison li,
.document-processing-page .document-practice-comparison li,
.approval-process-page .approval-practice-comparison li,
.internal-systems-page .internal-practice-comparison li{
  font-size:.92rem!important;
  line-height:1.58!important;
}
.offer-configurator-page .offer-practice-result,
.document-processing-page .document-practice-result,
.approval-process-page .approval-practice-result,
.internal-systems-page .internal-practice-result,
.offer-configurator-page .offer-practice-comparison.is-visible .offer-practice-result,
.document-processing-page .document-practice-comparison.is-visible .document-practice-result,
.approval-process-page .approval-practice-comparison.is-visible .approval-practice-result,
.internal-systems-page .internal-practice-comparison.is-visible .internal-practice-result{
  max-width:none!important;
  margin-left:0!important;
  transform:none;
}

.practice-reveal-ready .offer-practice-intro .structure-kicker,
.practice-reveal-ready .document-practice-intro .structure-kicker,
.practice-reveal-ready .approval-practice-intro .structure-kicker,
.practice-reveal-ready .internal-practice-intro .structure-kicker,
.practice-reveal-ready .offer-practice-intro h2,
.practice-reveal-ready .document-practice-intro h2,
.practice-reveal-ready .approval-practice-intro h2,
.practice-reveal-ready .internal-practice-intro h2,
.practice-reveal-ready .offer-practice-intro p,
.practice-reveal-ready .document-practice-intro p,
.practice-reveal-ready .approval-practice-intro p,
.practice-reveal-ready .internal-practice-intro p,
.practice-reveal-ready .offer-practice-comparison>div,
.practice-reveal-ready .document-practice-comparison>div,
.practice-reveal-ready .approval-practice-comparison>div,
.practice-reveal-ready .internal-practice-comparison>article{
  position:relative;
  top:14px;
  opacity:0;
  transition:opacity .85s ease-out,top .85s cubic-bezier(.22,.61,.36,1);
}
.practice-reveal-ready .is-visible .offer-practice-intro .structure-kicker,
.practice-reveal-ready .is-visible .document-practice-intro .structure-kicker,
.practice-reveal-ready .is-visible .approval-practice-intro .structure-kicker,
.practice-reveal-ready .is-visible .internal-practice-intro .structure-kicker,
.practice-reveal-ready .is-visible .offer-practice-intro h2,
.practice-reveal-ready .is-visible .document-practice-intro h2,
.practice-reveal-ready .is-visible .approval-practice-intro h2,
.practice-reveal-ready .is-visible .internal-practice-intro h2,
.practice-reveal-ready .is-visible .offer-practice-intro p,
.practice-reveal-ready .is-visible .document-practice-intro p,
.practice-reveal-ready .is-visible .approval-practice-intro p,
.practice-reveal-ready .is-visible .internal-practice-intro p,
.practice-reveal-ready .offer-practice-comparison.is-visible>div,
.practice-reveal-ready .document-practice-comparison.is-visible>div,
.practice-reveal-ready .approval-practice-comparison.is-visible>div,
.practice-reveal-ready .internal-practice-comparison.is-visible>article{
  top:0;
  opacity:1;
}
.practice-reveal-ready .is-visible .offer-practice-intro .structure-kicker,
.practice-reveal-ready .is-visible .document-practice-intro .structure-kicker,
.practice-reveal-ready .is-visible .approval-practice-intro .structure-kicker,
.practice-reveal-ready .is-visible .internal-practice-intro .structure-kicker{transition-delay:0s}
.practice-reveal-ready .is-visible .offer-practice-intro h2,
.practice-reveal-ready .is-visible .document-practice-intro h2,
.practice-reveal-ready .is-visible .approval-practice-intro h2,
.practice-reveal-ready .is-visible .internal-practice-intro h2{transition-delay:.4s}
.practice-reveal-ready .is-visible .offer-practice-intro p,
.practice-reveal-ready .is-visible .document-practice-intro p,
.practice-reveal-ready .is-visible .approval-practice-intro p,
.practice-reveal-ready .is-visible .internal-practice-intro p{transition-delay:.8s}
.practice-reveal-ready .offer-practice-comparison.is-visible>div:first-child,
.practice-reveal-ready .document-practice-comparison.is-visible>div:first-child,
.practice-reveal-ready .approval-practice-comparison.is-visible>div:first-child,
.practice-reveal-ready .internal-practice-comparison.is-visible>article:first-child{transition-delay:1.3s}
.practice-reveal-ready .offer-practice-comparison.is-visible>div:last-child,
.practice-reveal-ready .document-practice-comparison.is-visible>div:last-child,
.practice-reveal-ready .approval-practice-comparison.is-visible>div:last-child,
.practice-reveal-ready .internal-practice-comparison.is-visible>article:last-child{transition-delay:1.8s}

.offer-configurator-page .offer-final-cta,
.document-processing-page .document-final-cta,
.approval-process-page .approval-final-cta,
.internal-systems-page .internal-final-cta{
  position:relative;
  margin-top:clamp(2rem,5vw,4.5rem);
  padding-top:clamp(5rem,9vw,7.5rem)!important;
  padding-bottom:clamp(4rem,7vw,6rem)!important;
  border-top:0!important;
}
.offer-configurator-page .offer-final-cta::before,
.document-processing-page .document-final-cta::before,
.approval-process-page .approval-final-cta::before,
.internal-systems-page .internal-final-cta::before{
  content:"";
  position:absolute;
  top:0;
  right:4%;
  left:4%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);
}
.offer-configurator-page .offer-final-cta h2,
.document-processing-page .document-final-cta h2,
.approval-process-page .approval-final-cta h2,
.internal-systems-page .internal-final-cta h2{
  max-width:760px!important;
  margin-bottom:1.15rem!important;
  font-size:clamp(2.2rem,4.3vw,3.65rem)!important;
}
.offer-configurator-page .offer-final-cta p,
.document-processing-page .document-final-cta p,
.approval-process-page .approval-final-cta p,
.internal-systems-page .internal-final-cta p{
  max-width:620px!important;
  margin-bottom:1.75rem!important;
  line-height:1.7!important;
}

@media(max-width:700px){
  .offer-configurator-page .offer-practice-comparison,
  .document-processing-page .document-practice-comparison,
  .approval-process-page .approval-practice-comparison,
  .internal-systems-page .internal-practice-comparison{
    grid-template-columns:1fr!important;
    gap:1.75rem!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .practice-reveal-ready .offer-practice-intro *,
  .practice-reveal-ready .document-practice-intro *,
  .practice-reveal-ready .approval-practice-intro *,
  .practice-reveal-ready .internal-practice-intro *,
  .practice-reveal-ready .offer-practice-comparison>div,
  .practice-reveal-ready .document-practice-comparison>div,
  .practice-reveal-ready .approval-practice-comparison>div,
  .practice-reveal-ready .internal-practice-comparison>article{
    top:0!important;
    opacity:1!important;
    transition:none!important;
  }
}

/* Dokumentenverarbeitung: local design-system alignment and mobile overflow guard. */
.document-processing-page .document-demo-label{
  color:var(--ds-green);
  font-family:var(--ds-font-mono);
}
.document-processing-page .document-practice-comparison span{
  color:var(--ds-text-subtle);
  font-family:var(--ds-font-mono);
}
.document-processing-page .document-practice-result span{
  color:var(--ds-green);
}
.document-processing-page .document-practice-comparison li{
  color:var(--ds-text-muted);
}
.document-processing-page .document-practice-result li{
  color:var(--ds-text-secondary);
}
.document-processing-page .document-final-cta p{
  color:var(--ds-text-muted);
}

@media(max-width:760px){
  body:has(.document-processing-page) .qi-consent__wrap{
    grid-template-columns:1fr;
  }
  body:has(.document-processing-page) .qi-consent__actions{
    flex-wrap:wrap;
  }
  .document-processing-page{
    overflow-x:clip;
  }
  .document-processing-page .document-hero-copy,
  .document-processing-page .document-demo-stage,
  .document-processing-page .document-demo-product,
  .document-processing-page .docdemo-window{
    min-width:0;
    max-width:100%;
  }
  .document-processing-page .solution-detail-hero .hero-heading,
  .document-processing-page .solution-detail-hero .hero-heading h1,
  .document-processing-page .solution-detail-hero .hero-heading .hero-intro{
    max-width:100%;
    overflow-wrap:break-word;
    white-space:normal;
  }
}

/* ===================================================
   Lösungsdetailseiten: Abschluss-CTA als Textlink
   Gilt für alle vier solution-detail-cta-Bereiche.
   =================================================== */
.solution-detail-cta .btn.btn-cta{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:rgba(223,245,230,.9)!important;
  font-size:.85rem!important;
  font-weight:500!important;
  padding:.5rem 0 .55rem!important;
  position:relative;
  width:max-content!important;
  min-height:0!important;
  letter-spacing:0!important;
  text-transform:none!important;
  transition:color .35s ease,transform .35s ease!important;
}
.solution-detail-cta .btn.btn-cta::before{display:none!important;content:none!important}
.solution-detail-cta .btn.btn-cta::after{
  content:""!important;
  position:absolute;
  left:0;
  bottom:0;
  width:38px;
  height:.5px;
  background:rgba(34,195,93,.62);
  transition:background .35s ease;
}
.solution-detail-cta .btn.btn-cta:hover,
.solution-detail-cta .btn.btn-cta:focus-visible{
  background:transparent!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:none!important;
}
.solution-detail-cta .btn.btn-cta:hover::after,
.solution-detail-cta .btn.btn-cta:focus-visible::after{
  background:#22C35D;
}

/* Solution mockups: shared spatial stage, based on the homepage "Nachher" presentation */
.offer-configurator-page .offer-configurator-copy,
.document-processing-page .document-hero-copy,
.approval-process-page .approval-process-copy,
.internal-systems-page .internal-systems-copy{
  width:min(1160px,100%);
  max-width:100%;
  margin-inline:auto;
}
.offer-configurator-page .offer-practice .container,
.document-processing-page .document-practice .container,
.approval-process-page .approval-practice .container,
.internal-systems-page .internal-practice .container{
  width:min(1160px,100%)!important;
  max-width:100%;
  margin-inline:auto;
}
@media(max-width:760px){
  .offer-configurator-page .offer-practice .container,
  .document-processing-page .document-practice .container,
  .approval-process-page .approval-practice .container,
  .internal-systems-page .internal-practice .container{
    padding-inline:var(--qi-page-gutter);
  }
}
.offer-configurator-page .offer-demo-stage,
.document-processing-page .document-demo-stage,
.approval-process-page .safety-demo-stage,
.internal-systems-page .qualification-demo-stage{
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  width:min(1160px,100%);
  max-width:100%;
  margin-inline:auto;
  padding:clamp(2.2rem,4.4vw,4.8rem) clamp(1rem,3.6vw,3.8rem) clamp(2.85rem,5.2vw,5.35rem);
  overflow:hidden;
}
.offer-configurator-page .offer-demo-stage::before,
.document-processing-page .document-demo-stage::before,
.approval-process-page .safety-demo-stage::before,
.internal-systems-page .qualification-demo-stage::before,
.offer-configurator-page .offer-demo-stage::after,
.document-processing-page .document-demo-stage::after,
.approval-process-page .safety-demo-stage::after,
.internal-systems-page .qualification-demo-stage::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
.offer-configurator-page .offer-demo-stage::before,
.document-processing-page .document-demo-stage::before,
.approval-process-page .safety-demo-stage::before,
.internal-systems-page .qualification-demo-stage::before{
  z-index:0;
  inset:clamp(2.15rem,3vw,2.85rem) 0 0;
  border-radius:clamp(8px,.9vw,14px);
  background:
    radial-gradient(ellipse at 18% 78%,rgba(34,195,93,.18),rgba(34,195,93,.07) 22%,transparent 52%),
    radial-gradient(ellipse at 86% 18%,rgba(109,81,199,.18),rgba(109,81,199,.07) 24%,transparent 58%),
    linear-gradient(180deg,rgba(18,24,21,.72),rgba(7,10,8,.97) 68%,rgba(5,8,6,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -28px 90px rgba(0,0,0,.55),
    0 38px 120px rgba(0,0,0,.34);
  opacity:.9;
}
.offer-configurator-page .offer-demo-stage::after,
.document-processing-page .document-demo-stage::after,
.approval-process-page .safety-demo-stage::after,
.internal-systems-page .qualification-demo-stage::after{
  z-index:1;
  right:clamp(1.5rem,8vw,7rem);
  bottom:clamp(.55rem,1.2vw,1.1rem);
  left:clamp(1.5rem,8vw,7rem);
  height:clamp(44px,8vw,86px);
  border-radius:50%;
  background:
    radial-gradient(ellipse at 42% 50%,rgba(255,255,255,.13),transparent 56%),
    radial-gradient(ellipse at 24% 50%,rgba(34,195,93,.18),transparent 62%),
    radial-gradient(ellipse at 78% 52%,rgba(109,81,199,.16),transparent 64%);
  filter:blur(22px);
  opacity:.64;
  transform:perspective(700px) rotateX(70deg);
  transform-origin:center bottom;
}
.offer-configurator-page .offer-demo-label,
.document-processing-page .document-demo-label,
.approval-process-page .safety-demo-label,
.internal-systems-page .qualification-demo-label,
.offer-configurator-page .offer-demo,
.document-processing-page .document-demo-product,
.approval-process-page .safety-demo,
.internal-systems-page .qualification-dashboard{
  position:relative;
  z-index:2;
}
.offer-configurator-page .offer-demo,
.document-processing-page .document-demo-product,
.approval-process-page .safety-demo,
.internal-systems-page .qualification-dashboard{
  width:100%;
  max-width:min(1080px,100%);
  margin-inline:auto;
}
.offer-configurator-page .offer-demo,
.document-processing-page .docdemo-window,
.approval-process-page .safety-demo,
.internal-systems-page .qualification-dashboard{
  border-radius:10px;
  box-shadow:
    0 54px 135px -40px rgba(0,0,0,.72),
    0 24px 72px -22px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.34),
    0 1px 0 rgba(255,255,255,.38) inset;
}

@media(max-width:700px){
  .offer-configurator-page .offer-demo-stage,
  .document-processing-page .document-demo-stage,
  .approval-process-page .safety-demo-stage,
  .internal-systems-page .qualification-demo-stage{
    width:100%;
    padding:1.55rem .45rem 2rem;
  }
  .offer-configurator-page .offer-demo-stage::before,
  .document-processing-page .document-demo-stage::before,
  .approval-process-page .safety-demo-stage::before,
  .internal-systems-page .qualification-demo-stage::before{
    inset:2rem 0 .15rem;
    opacity:.52;
  }
  .offer-configurator-page .offer-demo-stage::after,
  .document-processing-page .document-demo-stage::after,
  .approval-process-page .safety-demo-stage::after,
  .internal-systems-page .qualification-demo-stage::after{
    right:1.25rem;
    left:1.25rem;
    bottom:.45rem;
    height:42px;
    opacity:.36;
    filter:blur(18px);
  }
  .offer-configurator-page .offer-demo,
  .document-processing-page .document-demo-product,
  .approval-process-page .safety-demo,
  .internal-systems-page .qualification-dashboard{
    max-width:100%;
  }
}

/* Solution detail final sections: unified premium closing CTA */
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta){
  position:relative;
  isolation:isolate;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-top:clamp(2.25rem,5vw,4.75rem);
  padding:clamp(5rem,8.5vw,7.25rem) 0 clamp(4.25rem,7vw,6.25rem)!important;
  border-top:0!important;
  overflow:visible;
  background:transparent!important;
  grid-template-columns:none!important;
  column-gap:0!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta)::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:clamp(-10rem,-12vw,-7rem);
  right:0;
  left:0;
  height:clamp(22rem,34vw,30rem);
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(5,8,6,0) 0%,rgba(5,8,6,.035) 28%,rgba(5,8,6,.105) 56%,rgba(5,8,6,.08) 82%,rgba(5,8,6,0) 100%);
  opacity:.6;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta)::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:clamp(-7.5rem,-10vw,-5.25rem) -2vw clamp(-3rem,-5vw,-5rem);
  background:
    radial-gradient(ellipse 78% 64% at -4% 92%,rgba(34,195,93,.045),rgba(34,195,93,.016) 32%,rgba(34,195,93,.005) 62%,transparent 90%),
    radial-gradient(ellipse 88% 70% at 92% 74%,rgba(109,81,199,.072),rgba(109,81,199,.027) 35%,rgba(82,120,255,.009) 64%,transparent 90%),
    radial-gradient(ellipse 96% 48% at 50% 92%,rgba(255,255,255,.012),transparent 78%),
    linear-gradient(180deg,rgba(5,8,6,0) 0%,rgba(5,8,6,.052) 42%,rgba(5,8,6,.045) 100%);
  opacity:.62;
  filter:blur(10px);
  pointer-events:none;
}
.offer-configurator-page .offer-final-cta::before,
.document-processing-page .document-final-cta::before,
.approval-process-page .approval-final-cta::before,
.internal-systems-page .internal-final-cta::before{
  top:clamp(-10rem,-12vw,-7rem);
  right:0;
  left:0;
  height:clamp(22rem,34vw,30rem);
  background:
    linear-gradient(180deg,rgba(5,8,6,0) 0%,rgba(5,8,6,.035) 28%,rgba(5,8,6,.105) 56%,rgba(5,8,6,.08) 82%,rgba(5,8,6,0) 100%)!important;
  opacity:.6!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .container{
  width:min(1160px,100%)!important;
  max-width:100%;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0;
  text-align:left!important;
}
@media(max-width:760px){
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .container{
    padding-inline:var(--qi-page-gutter);
  }
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .xl-kicker{
  display:none!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) h2{
  max-width:880px!important;
  margin:0 0 clamp(1rem,1.7vw,1.35rem)!important;
  color:var(--ds-text,#f5f8f6);
  font-size:clamp(2.15rem,4.1vw,3.65rem)!important;
  font-weight:560!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) h2 .dim{
  color:inherit!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .content-lead{
  max-width:700px!important;
  margin:0!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) p{
  max-width:700px!important;
  margin:0 0 clamp(1.8rem,2.8vw,2.25rem)!important;
  color:var(--ds-text-muted,rgba(205,216,209,.72))!important;
  font-size:clamp(1rem,1.15vw,1.08rem)!important;
  line-height:1.7!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) p+p{
  margin-top:calc(clamp(1.8rem,2.8vw,2.25rem) * -.72)!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta{
  position:relative;
  display:block!important;
  align-items:center;
  justify-content:flex-start;
  min-height:0!important;
  width:100%!important;
  max-width:100%;
  padding:0 0 1rem!important;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(190,210,199,.68)!important;
  font-family:'DM Mono',monospace!important;
  font-size:clamp(.68rem,.9vw,.78rem)!important;
  font-weight:500!important;
  line-height:1.5!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
  text-align:left!important;
  text-shadow:none;
  animation:none!important;
  transition:color .35s ease,text-shadow .35s ease,transform .35s ease!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta::before{
  content:none!important;
  display:none!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta::after{
  content:none!important;
  display:none!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .solution-transition-text{
  display:block;
  margin:0 0 1rem;
  color:#22C35D!important;
  font-family:var(--ds-font-mono)!important;
  font-size:clamp(.68rem,.72vw,.76rem)!important;
  font-weight:600!important;
  line-height:1.35!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .solution-transition-track{
  position:relative;
  display:block;
  width:min(520px,52vw,100%);
  height:1px;
  overflow:hidden;
  background:linear-gradient(90deg,rgba(34,195,93,.08),rgba(34,195,93,.24) 48%,rgba(109,81,199,.1));
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .solution-transition-track span{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:30%;
  background:linear-gradient(90deg,transparent,rgba(34,195,93,.18) 8%,rgba(91,255,149,1) 46%,rgba(109,81,199,.72) 72%,transparent);
  filter:drop-shadow(0 0 10px rgba(34,195,93,.8)) drop-shadow(0 0 16px rgba(109,81,199,.28));
  opacity:0;
  transform:translateX(-120%);
  will-change:transform,opacity;
  animation:case-transition-bright-loop 4.8s cubic-bezier(.45,0,.2,1) .25s infinite alternate!important;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta:hover,
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta:focus-visible{
  transform:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(190,210,199,.68)!important;
  text-shadow:none;
}
:is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn:not(.btn-cta){
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.025);
  color:var(--ds-text-muted,rgba(205,216,209,.72));
}
.solution-detail-page .hse-final-cta .hse-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.85rem;
  align-items:center;
  margin-top:.1rem;
}

@keyframes qiSolutionCtaSheen{
  0%,68%{transform:translateX(-140%) rotate(10deg);opacity:0}
  74%{opacity:.48}
  86%{transform:translateX(430%) rotate(10deg);opacity:.12}
  100%{transform:translateX(430%) rotate(10deg);opacity:0}
}
@keyframes qiSolutionCtaLineGlint{
  0%,58%{opacity:0;transform:translateX(-4px) scale(.86)}
  66%{opacity:.86}
  82%{opacity:.28;transform:translateX(42px) scale(1)}
  100%{opacity:0;transform:translateX(42px) scale(.92)}
}
@keyframes qiSolutionCtaTextBreath{
  0%,100%{text-shadow:0 0 16px rgba(34,195,93,.07)}
  48%{text-shadow:0 0 22px rgba(34,195,93,.13),0 0 28px rgba(255,255,255,.035)}
}
@keyframes qiSolutionCtaUnderlineBreath{
  0%,100%{opacity:.7;box-shadow:0 0 7px rgba(34,195,93,.1)}
  46%{opacity:.86;box-shadow:0 0 11px rgba(34,195,93,.18),0 0 18px rgba(185,255,216,.06)}
}
@keyframes qiSolutionCtaUnderlineComet{
  0%,58%{left:0;opacity:0;transform:translateX(-55%) scale(.82)}
  66%{opacity:.8}
  82%{left:100%;opacity:.22;transform:translateX(-45%) scale(1)}
  100%{left:100%;opacity:0;transform:translateX(-45%) scale(.9)}
}
@keyframes qiSolutionCtaLineSweep{
  0%,18%{opacity:0;transform:translateX(-120%)}
  28%{opacity:.9}
  58%{opacity:.45}
  78%,100%{opacity:0;transform:translateX(520%)}
}
@keyframes qiSolutionCtaContactBreath{
  0%,18%,72%,100%{
    color:rgba(190,210,199,.68);
    text-shadow:none;
    letter-spacing:.09em;
  }
  28%{
    color:rgba(214,235,223,.86);
    text-shadow:0 0 12px rgba(34,195,93,.18),0 0 20px rgba(255,255,255,.035);
    letter-spacing:.105em;
  }
  42%{
    color:rgba(200,224,211,.76);
    text-shadow:0 0 8px rgba(34,195,93,.1);
    letter-spacing:.095em;
  }
}

@media(max-width:700px){
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta){
    margin-top:clamp(1.75rem,10vw,3rem);
    padding:clamp(3.6rem,14vw,4.8rem) 0 clamp(3.25rem,12vw,4.35rem)!important;
  }
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) h2{
    max-width:100%!important;
    font-size:clamp(1.85rem,8.4vw,2.55rem)!important;
    line-height:1.08!important;
  }
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) p{
    max-width:100%!important;
    font-size:1rem!important;
  }
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta{
    min-height:0!important;
    width:100%!important;
    padding:0 0 1rem!important;
  }
}

@media(prefers-reduced-motion:reduce){
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta{
    animation:none!important;
  }
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta::before{
    animation:none!important;
  }
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .btn.btn-cta::after{
    animation:none!important;
    opacity:0!important;
  }
  :is(.offer-final-cta,.document-final-cta,.approval-final-cta,.internal-final-cta,.tech-final-cta) .solution-transition-track span{
    display:none!important;
    animation:none!important;
  }
}

/* Shared technology overview illustrations for /praxiswissen */
.praxis-kb-page .knowledge-index .tech-decision-visual{
  position:relative;
  height:clamp(285px,28vw,340px);
  margin-top:-.5rem;
  margin-bottom:clamp(2.5rem,4vw,3.5rem);
}
.praxis-kb-page .knowledge-index .tech-decision-visual::before{opacity:.72}
.praxis-kb-page .knowledge-index .tech-illustration{filter:brightness(1.08) saturate(.96) contrast(1.04)}
.praxis-kb-page .knowledge-index .tech-decision-col:hover .tech-illustration,
.praxis-kb-page .knowledge-index .tech-decision-col:focus-visible .tech-illustration{filter:brightness(1.11) saturate(.98) contrast(1.03)}

.praxis-kb-page .knowledge-index .tech-decision-col--excel .xl-visual{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:rgba(159,191,173,.22);
  stroke-width:1.15;
  stroke-linecap:round;
  stroke-linejoin:round;
  transform:scale(1.18) translateY(2px);
  transform-origin:50% 50%;
  transition:filter .35s ease;
}
.praxis-kb-page .knowledge-index .xl-sheet{stroke:rgba(218,235,226,.72)}
.praxis-kb-page .knowledge-index .xl-sheet rect:first-child{fill:rgba(8,18,13,.82)}
.praxis-kb-page .knowledge-index .xl-sheet rect:last-child{fill:rgba(216,236,226,.055);stroke:rgba(216,236,226,.36)}
.praxis-kb-page .knowledge-index .xl-grid{stroke:rgba(230,244,237,.42);stroke-width:.76}
.praxis-kb-page .knowledge-index .xl-sheet > path:not(.xl-grid){stroke:rgba(205,226,216,.48)}
.praxis-kb-page .knowledge-index .xl-sheet circle:not(.xl-accent-ball){fill:rgba(205,226,216,.34);stroke:none}
.praxis-kb-page .knowledge-index .xl-accent-ball{animation:xlBallPulse 4s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-cell-hl{fill:rgba(34,195,93,.18);stroke:rgba(34,195,93,.70);stroke-width:.64;opacity:0}
.praxis-kb-page .knowledge-index .xl-cell-c1{animation:xlBlock1 20s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-cell-b2{animation:xlBlock2 20s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-cell-d1{animation:xlBlock3 20s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-cell-c2{animation:xlBlock4 20s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-gear path{fill:rgba(218,235,226,.04)}
.praxis-kb-page .knowledge-index .xl-gear{stroke:rgba(218,235,226,.84);opacity:.9;transform-box:fill-box;transform-origin:center;animation:xlGearTurn 14s linear infinite,xlGearGlow 20s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-gear .gear-accent{stroke:#22C35D;fill:none;opacity:.9}
.praxis-kb-page .knowledge-index .xl-chart{stroke:rgba(218,235,226,.56);opacity:.44;animation:xlChartGlow 20s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-bar{fill:rgba(34,195,93,.78);stroke:rgba(190,255,220,.88);stroke-width:.45;opacity:0;transform-box:fill-box;transform-origin:50% 100%}
.praxis-kb-page .knowledge-index .xl-bar-1{animation:xlBar1 20s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-bar-2{animation:xlBar2 20s ease-in-out infinite}
.praxis-kb-page .knowledge-index .xl-bar-3{animation:xlBar3 20s ease-in-out infinite}

.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  overflow:visible;
  transform:scale(1.12) translateY(3px);
  transform-origin:50% 50%;
}
.praxis-kb-page .knowledge-index .tech-decision-col--doc .ki-tech-visual{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  overflow:visible;
  transform:scale(1.35) translateY(4px);
  transform-origin:50% 50%;
}
.praxis-kb-page .knowledge-index .tech-decision-col--doc .ki-tech-visual::after{display:none}
.praxis-kb-page .knowledge-index .tech-decision-col--doc .qi-ai-chip{width:100%;height:100%;max-width:none}
.praxis-kb-page .knowledge-index .tech-decision-col--doc .qi-ai-chip__sphere{transform:scale(1.18);transform-box:fill-box;transform-origin:center}

@keyframes xlBlock1{0%{opacity:0;filter:none}5%,20%{opacity:1;filter:drop-shadow(0 0 7px rgba(34,195,93,.84))}25%,100%{opacity:0;filter:none}}
@keyframes xlBlock2{0%,25%{opacity:0;filter:none}30%,45%{opacity:1;filter:drop-shadow(0 0 7px rgba(34,195,93,.84))}50%,100%{opacity:0;filter:none}}
@keyframes xlBlock3{0%,50%{opacity:0;filter:none}55%,70%{opacity:1;filter:drop-shadow(0 0 7px rgba(34,195,93,.84))}75%,100%{opacity:0;filter:none}}
@keyframes xlBlock4{0%,75%{opacity:0;filter:none}80%,95%{opacity:1;filter:drop-shadow(0 0 7px rgba(34,195,93,.84))}100%{opacity:0;filter:none}}
@keyframes xlBallPulse{0%,100%{filter:drop-shadow(0 0 4px rgba(34,195,93,.65)) drop-shadow(0 0 10px rgba(34,195,93,.28))}50%{filter:drop-shadow(0 0 8px rgba(34,195,93,.9)) drop-shadow(0 0 18px rgba(34,195,93,.42))}}
@keyframes xlGearTurn{to{transform:rotate(360deg)}}
@keyframes xlGearGlow{0%,3%{filter:none}8%,65%{filter:drop-shadow(0 0 8px rgba(218,235,226,.55)) drop-shadow(0 0 20px rgba(218,235,226,.25))}85%{filter:drop-shadow(0 0 5px rgba(218,235,226,.35))}92%,100%{filter:none}}
@keyframes xlChartGlow{0%,3%{opacity:.3;filter:none}5%,85%{opacity:1;filter:drop-shadow(0 0 4px rgba(34,195,93,.45))}92%,100%{opacity:.3;filter:none}}
@keyframes xlBar1{0%,3%{opacity:0;transform:scaleY(.12);filter:none}7%,85%{opacity:1;transform:scaleY(1);filter:drop-shadow(0 0 5px rgba(34,195,93,.78))}92%,100%{opacity:0;transform:scaleY(.12);filter:none}}
@keyframes xlBar2{0%,8%{opacity:0;transform:scaleY(.12);filter:none}12%,85%{opacity:1;transform:scaleY(1);filter:drop-shadow(0 0 5px rgba(34,195,93,.78))}92%,100%{opacity:0;transform:scaleY(.12);filter:none}}
@keyframes xlBar3{0%,13%{opacity:0;transform:scaleY(.12);filter:none}18%,85%{opacity:1;transform:scaleY(1);filter:drop-shadow(0 0 6px rgba(34,195,93,.82))}92%,100%{opacity:0;transform:scaleY(.12);filter:none}}

@media(max-width:860px){
  .praxis-kb-page .knowledge-index .tech-decision-visual{height:clamp(240px,52vw,292px);margin-top:0;margin-bottom:clamp(1.8rem,6vw,2.5rem)}
  .praxis-kb-page .knowledge-index .tech-decision-col--excel .xl-visual{transform:scale(1.12) translateY(2px)}
  .praxis-kb-page .knowledge-index .tech-decision-col--web .wb-svg{transform:scale(.98) translateY(3px)}
  .praxis-kb-page .knowledge-index .tech-decision-col--doc .ki-tech-visual{transform:scale(1.24) translateY(4px)}
}
@media(max-width:560px){
  .praxis-kb-page .knowledge-index .tech-decision-visual{height:clamp(210px,64vw,255px)}
  .praxis-kb-page .knowledge-index .tech-decision-col--excel .xl-visual{transform:scale(1.14) translateY(2px)}
  .praxis-kb-page .knowledge-index .tech-decision-col--web .wb-svg{transform:scale(.96) translateY(2px)}
  .praxis-kb-page .knowledge-index .tech-decision-col--doc .ki-tech-visual{transform:scale(1.26) translateY(3px)}
}
@media(prefers-reduced-motion:reduce){
  .praxis-kb-page .knowledge-index .xl-gear,
  .praxis-kb-page .knowledge-index .xl-accent-ball,
  .praxis-kb-page .knowledge-index .xl-cell-hl,
  .praxis-kb-page .knowledge-index .xl-chart,
  .praxis-kb-page .knowledge-index .xl-bar{animation:none}
  .praxis-kb-page .knowledge-index .xl-gear{transform:none}
  .praxis-kb-page .knowledge-index .xl-cell-hl,
  .praxis-kb-page .knowledge-index .xl-chart,
  .praxis-kb-page .knowledge-index .xl-bar{opacity:1}
  .praxis-kb-page .knowledge-index .xl-bar{transform:scaleY(1)}
}

/* Shared page entry alignment.
   The homepage hero remains the visual reference; regular pages place their first
   eyebrow on the same rendered X/Y grid instead of stacking header reserve plus
   separate hero padding. */
:root{
  --qi-page-entry-y:140px;
  --qi-page-entry-container:min(var(--qi-container),calc(100% - var(--qi-page-gutter) - var(--qi-page-gutter)));
}

html{
  scrollbar-gutter:stable;
}

@media(max-width:1320px){
  :root{--qi-page-entry-y:128px}
}

@media(max-width:1100px){
  :root{--qi-page-entry-y:104.5px}
}

@media(max-width:800px){
  :root{--qi-page-entry-y:100px}
}

@media(max-width:700px){
  :root{--qi-page-entry-y:92px}
}

body:not(.home-page){
  padding-top:0!important;
}

.structure-page{
  padding-top:var(--qi-page-entry-y)!important;
}

.structure-page>.structure-hero:first-child,
.structure-page>.solution-detail-hero:first-child,
.structure-page>.knowledge-overview-hero:first-child,
.structure-page>#ueber-uns.section:first-child{
  padding-top:0!important;
}

.loesungen-overview .structure-hero,
.praxis-kb-page .structure-hero,
.offer-configurator-page .offer-configurator-hero{
  min-height:auto!important;
  align-items:start!important;
}

.offer-configurator-page .offer-configurator-hero{
  display:block!important;
}

.technology-flow-hero>.container,
.technology-flow-hero+.tech-decision>.container,
.praxis-kb-page .knowledge-overview-hero>.container,
.praxis-kb-page .knowledge-overview,
.loesungen-overview .solutions-flow-hero>.container,
.pricing-page .pricing-flow-hero>.container,
.process-check-hero>.container,
.solution-detail-page>.solution-detail-hero:first-child>.container,
.structure-page>#ueber-uns.section:first-child>.container{
  width:var(--qi-page-entry-container)!important;
  max-width:none!important;
}

body:not(.home-page) .hero{
  width:var(--qi-page-entry-container)!important;
  padding-top:var(--qi-page-entry-y)!important;
  padding-left:0!important;
  padding-right:0!important;
}

.process-check-page main{
  padding-top:0!important;
}

.process-check-hero{
  padding-top:var(--qi-page-entry-y)!important;
}

body:not(.home-page) .hero .hero-grid{
  align-items:start!important;
}

body:not(.home-page) .hero .hero-content{
  padding-top:0!important;
  padding-bottom:0!important;
}

:is(
  .hero-eyebrow-tag,
  .structure-kicker,
  .section-tag,
  .hero-eyebrow,
  .xl-kicker,
  .pricing-kicker,
  .case-label,
  .eyebrow
){
  font-weight:500!important;
}

.offer-configurator-page .offer-configurator-copy,
.document-processing-page .document-hero-copy,
.approval-process-page .approval-process-copy,
.internal-systems-page .internal-systems-copy{
  margin-inline:0!important;
}

.technology-flow-hero{
  padding-bottom:clamp(3rem,5vw,4rem);
}

.technology-flow-hero+.tech-decision .tech-decision-col{
  padding-top:clamp(3rem,5vw,4rem);
}

.praxis-kb-page .knowledge-overview-hero{
  padding-bottom:clamp(3rem,5vw,4rem);
}

.praxis-kb-page .knowledge-overview{
  padding-bottom:clamp(4rem,7vw,6rem);
}

.loesungen-overview .solution-tile-grid,
.loesungen-overview .sol-index{
  margin-top:clamp(3rem,5vw,4rem);
}

@media(max-width:860px){
  .technology-flow-hero{
    padding-bottom:clamp(2.5rem,7vw,3.25rem);
  }

  .technology-flow-hero+.tech-decision .tech-decision-col{
    padding-top:clamp(2.5rem,7vw,3.25rem);
  }

  .loesungen-overview .solution-tile-grid,
  .loesungen-overview .sol-index{
    margin-top:clamp(2.5rem,7vw,3.25rem);
  }
}

@media(max-width:560px){
  .technology-flow-hero{
    padding-bottom:clamp(1.75rem,8vw,2.5rem);
  }

  .technology-flow-hero+.tech-decision .tech-decision-col{
    padding-top:clamp(1.75rem,8vw,2.5rem);
  }

  .loesungen-overview .solution-tile-grid,
  .loesungen-overview .sol-index{
    margin-top:clamp(1.75rem,8vw,2.5rem);
  }
}

/* Keep the overview cards on /loesungen and /technologien on the same raster. */
.loesungen-overview,
.technology-flow-hero+.tech-decision{
  --qi-overview-stage-height:clamp(203px,19vw,244px);
  --qi-overview-stage-gap:clamp(1.75rem,3vw,2.25rem);
  --qi-overview-title-min:3.05rem;
}

.loesungen-overview .sol-index,
.technology-flow-hero+.tech-decision .tech-decision-grid{
  align-items:start;
}

.technology-flow-hero+.tech-decision .tech-decision-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.technology-flow-hero+.tech-decision .tech-decision-col,
.technology-flow-hero+.tech-decision .tech-decision-col:first-child,
.technology-flow-hero+.tech-decision .tech-decision-col:last-child,
.technology-flow-hero+.tech-decision .tech-decision-col--web{
  padding-top:clamp(1.65rem,2.75vw,2.55rem)!important;
}

.technology-flow-hero+.tech-decision .tech-decision-col--web{
  justify-content:flex-start!important;
}

.loesungen-overview .sol-index-visual,
.technology-flow-hero+.tech-decision .tech-decision-visual{
  height:var(--qi-overview-stage-height);
  margin-top:0;
  margin-bottom:var(--qi-overview-stage-gap);
}

.technology-flow-hero+.tech-decision .tech-decision-num{
  top:.25rem!important;
  font-family:'DM Mono',monospace!important;
  font-size:.58rem!important;
  font-weight:500!important;
  letter-spacing:.1em!important;
  line-height:1!important;
}

.loesungen-overview .sol-index-num,
.technology-flow-hero+.tech-decision .tech-decision-num{
  color:rgba(205,211,207,.52)!important;
}

.loesungen-overview .sol-index-title,
.technology-flow-hero+.tech-decision .tech-decision-col h2{
  min-height:var(--qi-overview-title-min);
  margin:0 0 .85rem!important;
  color:var(--ds-text-secondary)!important;
  font-family:var(--ds-font-sans)!important;
  font-size:clamp(1rem,1.34vw,1.202rem)!important;
  font-weight:600!important;
  line-height:1.22!important;
  letter-spacing:-.03em!important;
}

.loesungen-overview .sol-index-desc,
.technology-flow-hero+.tech-decision .tech-decision-col p{
  color:var(--ds-text-muted)!important;
  font-family:var(--ds-font-sans)!important;
  font-size:var(--ds-type-small)!important;
  line-height:var(--ds-leading-body)!important;
  max-width:32ch;
}

.technology-flow-hero .structure-kicker{
  margin:0 0 .85rem!important;
}

.technology-flow-hero h1,
.technology-flow-hero p{
  display:inline;
  max-width:none;
  margin:0!important;
  font-family:var(--ds-font-sans)!important;
  font-size:clamp(1.75rem,2.6vw,2.55rem)!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:-.02em!important;
}

.technology-flow-hero h1{
  color:var(--ds-text)!important;
}

.technology-flow-hero h1::after{
  content:" ";
}

.technology-flow-hero p{
  color:rgba(205,211,207,.8)!important;
}

.pricing-page .pricing-flow-hero .structure-kicker{
  display:block;
  margin:0 0 .85rem!important;
  color:var(--ds-green);
  font-family:var(--ds-font-mono);
  font-size:var(--ds-type-label);
  font-weight:600;
  letter-spacing:var(--ds-tracking-label);
  line-height:1.3;
}

.pricing-page .pricing-flow-hero h1,
.pricing-page .pricing-flow-hero p{
  display:inline;
  max-width:none;
  margin:0!important;
  font-family:var(--ds-font-sans)!important;
  font-size:clamp(1.75rem,2.6vw,2.55rem)!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:-.02em!important;
}

.pricing-page .pricing-flow-hero h1{
  color:var(--ds-text)!important;
}

.pricing-page .pricing-flow-hero h1::after{
  content:" ";
}

.pricing-page .pricing-flow-hero p{
  color:rgba(205,211,207,.8)!important;
}

.pricing-page .tech-pricing-col{
  transform:none!important;
  transition:opacity .5s ease-out!important;
}

@media(max-width:860px) and (min-width:621px){
  .technology-flow-hero{
    padding-bottom:calc(clamp(2.25rem,5.6vw,2.75rem) + 6px)!important;
  }

  .technology-flow-hero+.tech-decision .tech-decision-col,
  .technology-flow-hero+.tech-decision .tech-decision-col:first-child,
  .technology-flow-hero+.tech-decision .tech-decision-col:last-child,
  .technology-flow-hero+.tech-decision .tech-decision-col--web{
    padding-top:0!important;
  }

  .technology-flow-hero+.tech-decision .tech-decision-visual{
    margin-bottom:calc(var(--qi-overview-stage-gap) + .55rem);
  }
}

@media(max-width:1100px) and (min-width:861px){
  .technology-flow-hero+.tech-decision .tech-decision-col,
  .technology-flow-hero+.tech-decision .tech-decision-col:first-child,
  .technology-flow-hero+.tech-decision .tech-decision-col:last-child,
  .technology-flow-hero+.tech-decision .tech-decision-col--web{
    padding-top:0!important;
  }

  .technology-flow-hero+.tech-decision .tech-decision-visual{
    margin-bottom:calc(var(--qi-overview-stage-gap) + .8rem);
  }
}

@media(max-width:1230px) and (min-width:1101px){
  .technology-flow-hero+.tech-decision .tech-decision-col,
  .technology-flow-hero+.tech-decision .tech-decision-col:first-child,
  .technology-flow-hero+.tech-decision .tech-decision-col:last-child,
  .technology-flow-hero+.tech-decision .tech-decision-col--web{
    padding-top:.15rem!important;
  }
}

@media(max-width:1260px) and (min-width:1231px){
  .technology-flow-hero+.tech-decision .tech-decision-col,
  .technology-flow-hero+.tech-decision .tech-decision-col:first-child,
  .technology-flow-hero+.tech-decision .tech-decision-col:last-child,
  .technology-flow-hero+.tech-decision .tech-decision-col--web{
    padding-top:.15rem!important;
  }
}

@media(min-width:1321px){
  .technology-flow-hero+.tech-decision .tech-decision-col,
  .technology-flow-hero+.tech-decision .tech-decision-col:first-child,
  .technology-flow-hero+.tech-decision .tech-decision-col:last-child,
  .technology-flow-hero+.tech-decision .tech-decision-col--web{
    padding-top:0!important;
  }
}

@media(max-width:620px){
  .loesungen-overview,
  .technology-flow-hero+.tech-decision{
    --qi-overview-stage-height:190px;
    --qi-overview-stage-gap:1.4rem;
    --qi-overview-title-min:2rem;
  }

  .technology-flow-hero+.tech-decision .tech-decision-col,
  .technology-flow-hero+.tech-decision .tech-decision-col:first-child,
  .technology-flow-hero+.tech-decision .tech-decision-col:last-child,
  .technology-flow-hero+.tech-decision .tech-decision-col--web{
    padding-top:clamp(2.5rem,10vw,3rem)!important;
  }

  .technology-flow-hero+.tech-decision .tech-decision-visual{
    margin-bottom:calc(var(--qi-overview-stage-gap) + .75rem);
  }
}

@media(max-width:620px) and (min-width:401px){
  .technology-flow-hero+.tech-decision .tech-decision-col,
  .technology-flow-hero+.tech-decision .tech-decision-col:first-child,
  .technology-flow-hero+.tech-decision .tech-decision-col:last-child,
  .technology-flow-hero+.tech-decision .tech-decision-col--web{
    padding-top:clamp(2.5rem,10vw,3rem)!important;
  }
}

@media(max-width:400px){
  .technology-flow-hero+.tech-decision .tech-decision-col,
  .technology-flow-hero+.tech-decision .tech-decision-col:first-child,
  .technology-flow-hero+.tech-decision .tech-decision-col:last-child,
  .technology-flow-hero+.tech-decision .tech-decision-col--web{
    padding-top:clamp(2.5rem,10vw,3rem)!important;
  }

  .technology-flow-hero+.tech-decision .tech-decision-col h2{
    min-height:0;
    font-size:1rem!important;
    line-height:1.22!important;
  }
}

@media(max-width:700px){
  .technology-flow-hero h1,
  .technology-flow-hero p{
    font-size:clamp(1.7rem,8.5vw,2.35rem)!important;
  }
}

/* Praxiswissen overview uses the same entry grid as /technologien; only the
   question lists below each heading remain page-specific. */
.praxis-kb-page .knowledge-index{
  border-top:0!important;
}

.praxis-kb-page .knowledge-overview{
  width:auto!important;
  max-width:none!important;
  margin-top:2px!important;
}

.praxis-kb-page .knowledge-overview>.container{
  width:var(--qi-page-entry-container)!important;
  max-width:none!important;
}

.praxis-kb-page .knowledge-index-group,
.praxis-kb-page .knowledge-index-group:first-child,
.praxis-kb-page .knowledge-index-group:last-child{
  padding-right:clamp(2rem,3.2vw,3.25rem)!important;
  padding-bottom:var(--ds-section-space-compact)!important;
  padding-left:clamp(2rem,3.2vw,3.25rem)!important;
}

.praxis-kb-page .knowledge-index-group:first-child{
  padding-left:0!important;
}

.praxis-kb-page .knowledge-index-group:last-child{
  padding-right:clamp(1.5rem,3vw,2.75rem)!important;
}

.praxis-kb-page .knowledge-index-group+.knowledge-index-group{
  border-left:0!important;
  border-top:0!important;
}

.praxis-kb-page .knowledge-index-heading{
  margin:0!important;
}

.praxis-kb-page .knowledge-index-heading h2{
  text-transform:none!important;
}

.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-svg,
.praxis-kb-page .knowledge-index .tech-decision-col--excel .xl-visual,
.praxis-kb-page .knowledge-index .tech-decision-col--doc .ki-tech-visual{
  transform:none!important;
}

@media(max-width:860px){
  .praxis-kb-page .knowledge-overview{
    margin-top:2px!important;
  }

  .praxis-kb-page .knowledge-index-group,
  .praxis-kb-page .knowledge-index-group:first-child,
  .praxis-kb-page .knowledge-index-group:last-child{
    padding-right:0!important;
    padding-left:0!important;
  }

  .praxis-kb-page .knowledge-index-group+.knowledge-index-group{
    border-top:1px solid rgba(255,255,255,.07)!important;
  }
}

@media(max-width:620px){
  .praxis-kb-page .knowledge-overview{
    margin-top:-8px!important;
  }
}

/* Final illustration-only balance: technology overview and praxiswissen.
   Shared SVGs keep identical intrinsic scale in both contexts. */
.technology-flow-hero+.tech-decision .tech-decision-col--excel .xl-visual,
.praxis-kb-page .knowledge-index .tech-decision-col--excel .xl-visual,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wb-svg,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-svg,
.technology-flow-hero+.tech-decision .tech-decision-col--doc .ki-tech-visual,
.praxis-kb-page .knowledge-index .tech-decision-col--doc .ki-tech-visual{
  transform-box:view-box;
  transform-origin:center;
}

.technology-flow-hero+.tech-decision .tech-decision-col--excel .xl-visual,
.praxis-kb-page .knowledge-index .tech-decision-col--excel .xl-visual{
  transform:translateX(8px) translateY(10px) scale(.85)!important;
}

.technology-flow-hero+.tech-decision .tech-decision-col--web .wb-svg,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-svg{
  transform:translateY(6px) scale(1.1)!important;
}

.technology-flow-hero+.tech-decision .tech-decision-col--doc .ki-tech-visual,
.praxis-kb-page .knowledge-index .tech-decision-col--doc .ki-tech-visual{
  transform:scale(1.24)!important;
}

.xl-sheet,
.wp-dev--browser,
.wb-ft,
.wb-fm,
.qi-ai-chip__core-shell{
  stroke:rgba(243,246,244,.87);
  stroke-width:1.75;
}

.wb-dev--browser,
.wp-dev--browser,
.qi-ai-chip__core{
  fill:rgba(5,13,10,.72);
}

.wp-dev--browser{
  fill:transparent;
  stroke:rgba(243,246,244,.87);
  stroke-width:1.75;
}

.technology-flow-hero+.tech-decision .tech-decision-col--web .wp-bar-b,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wp-hdr,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wp-sb-div,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wp-sb-line,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wp-mod-bg,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wb-ft,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wb-fm,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wb-screen,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wp-bar-b,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wp-hdr,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wp-sb-div,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wp-sb-line,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wp-mod-bg,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-ft,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-fm,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-screen{
  stroke:rgba(243,246,244,.87);
}

.technology-flow-hero+.tech-decision .tech-decision-col--web .wp-mod-ln,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wp-proc-ln,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wb-t-row,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wb-ml,
.technology-flow-hero+.tech-decision .tech-decision-col--web .wb-m-cline,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wp-mod-ln,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wp-proc-ln,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-t-row,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-ml,
.praxis-kb-page .knowledge-index .tech-decision-col--web .wb-m-cline{
  stroke:rgba(243,246,244,.55);
}

.technology-flow-hero+.tech-decision .xl-sheet,
.praxis-kb-page .knowledge-index .xl-sheet{
  stroke:rgba(243,246,244,.87);
}

.technology-flow-hero+.tech-decision .xl-grid,
.praxis-kb-page .knowledge-index .xl-grid{
  stroke:rgba(230,244,237,.52);
}

.technology-flow-hero+.tech-decision .xl-sheet>path:not(.xl-grid),
.praxis-kb-page .knowledge-index .xl-sheet>path:not(.xl-grid){
  stroke:rgba(243,246,244,.70);
}

.technology-flow-hero+.tech-decision .xl-sheet circle:not(.xl-accent-ball),
.praxis-kb-page .knowledge-index .xl-sheet circle:not(.xl-accent-ball){
  fill:rgba(230,244,237,.38);
  stroke:none;
}

.technology-flow-hero+.tech-decision .xl-gear,
.praxis-kb-page .knowledge-index .xl-gear{
  stroke:rgba(243,246,244,.87);
}

.technology-flow-hero+.tech-decision .xl-gear .gear-accent,
.praxis-kb-page .knowledge-index .xl-gear .gear-accent{
  stroke:rgba(243,246,244,.87);
}

.technology-flow-hero+.tech-decision .xl-chart,
.praxis-kb-page .knowledge-index .xl-chart{
  stroke:rgba(243,246,244,.72);
}

.qi-ai-chip__line--green,
.qi-ai-chip__spark--a,
.qi-ai-chip__spark--d,
.qi-ai-chip__node--green,
.qi-ai-chip__node-halo--a,
.qi-ai-chip__node-halo--d{
  stroke:#22C35D;
}

.qi-ai-chip__line--cyan,
.qi-ai-chip__spark--b,
.qi-ai-chip__node--cyan,
.qi-ai-chip__node-halo--b{
  stroke:#6d7fe8;
}

.qi-ai-chip__line--violet,
.qi-ai-chip__spark--c,
.qi-ai-chip__node--violet,
.qi-ai-chip__node-halo--c{
  stroke:#8b72d4;
}

.qi-ai-chip__sphere-ring{
  fill:rgba(139,114,212,.24);
  stroke:rgba(139,114,212,.88);
  filter:drop-shadow(0 0 4px rgba(139,114,212,.28));
}

.qi-ai-chip__line{
  stroke:rgba(243,246,244,.75);
}

.qi-ai-chip__line-glow,
.qi-ai-chip__spark-glow{
  opacity:.10;
}

.qi-ai-chip__line--dim{
  stroke:rgba(243,246,244,.35);
}

.qi-ai-chip__node{
  stroke:rgba(243,246,244,.87);
}

.qi-ai-chip__core-shell{
  fill:rgba(4,11,8,.70);
}

.qi-ai-chip__core{
  stroke:rgba(243,246,244,.87);
}

.qi-ai-chip__sphere-lat--n{
  stroke:rgba(109,127,232,.72);
}

.qi-ai-chip__sphere-lat--s{
  stroke:rgba(109,127,232,.72);
}

/* Vier Lösungs-Unterseiten: Hero-Typografie exakt wie auf der Lösungen-Übersicht. */
:is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
):is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
) .solution-detail-hero .hero-heading{
  max-width:none;
  margin:0 0 .85rem;
  text-align:left;
}

:is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
):is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
) .solution-detail-hero .hero-heading h1,
:is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
):is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
) .solution-detail-hero .hero-heading .hero-intro{
  display:inline;
  max-width:none;
  margin:0!important;
  font-size:var(--ds-type-overview-title)!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:-.02em!important;
  text-align:left;
}

:is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
):is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
) .solution-detail-hero .hero-heading h1{
  color:#fff!important;
}

:is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
):is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
) .solution-detail-hero .hero-heading h1::after{
  content:" ";
}

:is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
):is(
  .offer-configurator-page,
  .document-processing-page,
  .approval-process-page,
  .internal-systems-page
) .solution-detail-hero .hero-heading .hero-intro{
  color:rgba(205,211,207,.68)!important;
}

@media(max-width:640px){
  :is(
    .offer-configurator-page,
    .document-processing-page,
    .approval-process-page,
    .internal-systems-page
  ):is(
    .offer-configurator-page,
    .document-processing-page,
    .approval-process-page,
    .internal-systems-page
  ) .solution-detail-hero .hero-heading h1,
  :is(
    .offer-configurator-page,
    .document-processing-page,
    .approval-process-page,
    .internal-systems-page
  ):is(
    .offer-configurator-page,
    .document-processing-page,
    .approval-process-page,
    .internal-systems-page
  ) .solution-detail-hero .hero-heading .hero-intro{
    font-size:var(--ds-type-overview-title)!important;
  }
}