.overview-hero { background:radial-gradient(ellipse at 84% 0,#1b4c3c,transparent 65%),#081f19; }
.overview-hero::before { background:repeating-linear-gradient(90deg,transparent 0 79px,#b8e9ce10 79px 80px),repeating-linear-gradient(0deg,transparent 0 79px,#b8e9ce10 79px 80px); }
.overview-hero-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); align-items:center; gap:clamp(24px,5vw,80px); padding-block:clamp(42px,6.5vw,94px); }
.overview-copy h1 { max-width:16ch; font-size:clamp(42px,4.95vw,72px); line-height:1.03; }
.overview-copy h1 em { color:var(--signal); }
.overview-copy .eyebrow { margin-bottom:16px; }
.overview-copy .hero-lead { max-width:48ch; margin-top:18px; font-size:clamp(16px,1.45vw,20px); }
.overview-copy .hero-lead + .hero-lead { margin-top:.55em; }
.overview-copy .button { margin-top:24px; }
.overview-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px; margin-top:24px; }
.overview-hero-actions .button { margin:0; }
.hero-secondary { display:inline-flex; align-items:center; gap:8px; min-height:46px; border-bottom:1px solid #bed7c7; color:#e7f6eb; font-size:14px; font-weight:650; }
.hero-secondary:hover { border-color:var(--signal); color:var(--signal); }
.hero-commitments { display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px; margin:25px 0 0; padding:14px 0 0; list-style:none; border-top:1px solid #71948455; }
.hero-commitments li { color:#d6e6dc; font-size:12px; line-height:1.4; }
.hero-commitments li::before { content:'✓'; padding-right:7px; color:var(--signal); font-weight:800; }
.neo-offer-strip { display:flex; justify-content:space-between; align-items:center; gap:26px; margin-top:29px; padding:24px 27px; background:#fcfff4; border:1px solid #adca9d; box-shadow:0 12px 35px #1138210d; }
.neo-offer-strip>div { max-width:70ch; }
.neo-offer-strip .eyebrow { display:block; margin-bottom:6px; }
.neo-offer-strip strong { display:block; font-size:clamp(21px,2.25vw,30px); line-height:1.2; letter-spacing:-.035em; }
.neo-offer-strip strong em { font-style:normal; color:#397350; white-space:nowrap; }
.neo-offer-strip p { margin-top:6px; color:#435e4e; font-size:15px; }
.neo-offer-strip .button { flex:none; }
.neo-proof { width:100%; min-width:0; padding:clamp(12px,1.8vw,24px); border:1px solid #739787; border-radius:10px; background:#102e25; color:#f2faf5; box-shadow:0 18px 60px #061b14a0; }
.proof-head { display:flex; align-items:start; justify-content:space-between; gap:8px; }
.proof-head p,.proof-badge { font:500 11px/1.4 var(--mono); color:#bcdecd; }
.proof-head h2 { margin:3px 0 0; font-size:clamp(20px,2.05vw,28px); letter-spacing:-.04em; }
.proof-badge { border:1px solid #6d9280; border-radius:3px; padding:2px 6px; white-space:nowrap; }
.proof-cases { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; margin-block:11px; }
.neo-proof button { min-height:44px; padding:6px 8px; border:1px solid #799c8b; border-radius:4px; background:#15382c; color:#f5fbf6; font:650 13px/1.2 var(--body); }
.proof-cases button[aria-pressed="true"] { border-color:#b5d7bd; background:#2d5842; color:#f4fce4; }
.proof-compare { table-layout:fixed; border-collapse:separate; border-spacing:4px; margin-inline:-4px; width:calc(100% + 8px); }
.proof-compare th { text-align:left; padding:2px 7px; color:#d8e7de; font-size:13px; }
.proof-compare th:nth-child(2) { color:#dbf99e; }
.proof-compare td { position:relative; padding:8px 7px; border:1px solid #6b7863; border-radius:4px; background:#253328; color:#e9e5d6; font-size:13px; line-height:1.25; overflow-wrap:anywhere; }
.proof-compare td:nth-child(2) { border-color:#5d9279; background:#173e2e; color:#e4f6ea; font-weight:650; }
.proof-compare td[data-state="active"] { border-color:var(--signal); background:#2c563c; box-shadow:0 0 10px #d4f78344; }
.proof-compare td[data-state="active"]::before { content:""; position:absolute; inset:3px auto 3px 0; width:2px; background:var(--signal); animation:proof-path .42s ease-out both; }
.proof-compare td[data-state="done"] { border-color:#a2c49c; }
@keyframes proof-path { from { transform:scaleY(0); transform-origin:top; } to { transform:scaleY(1); transform-origin:top; } }
.proof-output { min-height:67px; margin-top:9px; padding:6px 8px; border-left:2px solid #9bc6ad; background:#0a241c; }
.proof-output strong { color:#eef9e7; font-size:14px; }
.proof-output p { color:#d2e8d9; }
.neo-proof[data-phase="review"] .proof-output { border-color:#f5cb99; }
.neo-proof[data-phase="success"] .proof-output { border-color:var(--signal); }
.proof-controls { display:flex; align-items:center; flex-wrap:wrap; gap:5px 12px; margin-top:8px; }
.proof-scenario { display:flex; min-height:44px; align-items:center; gap:7px; cursor:pointer; color:#d4eadd; font-size:12px; }
.proof-scenario input { flex:none; width:16px; height:16px; accent-color:var(--signal); }
.neo-proof [data-proof-run] { background:var(--signal); color:var(--deep); border-color:var(--signal); }
.neo-proof button[aria-disabled="true"] { opacity:.65; cursor:default; }
.proof-foot { display:flex; flex-wrap:wrap; align-items:start; justify-content:space-between; gap:0 12px; }
.proof-source { flex:1 1 170px; color:#c1dcd0; font-size:12px; }
.proof-source summary { align-content:center; min-height:44px; cursor:pointer; }
.proof-source p { margin:0 0 8px; font-size:12px; }
.proof-case-link { display:inline-flex; align-items:center; gap:5px; min-height:44px; color:#ddf0e2; font-size:13px; text-decoration:underline; text-underline-offset:3px; }
.neo-proof :focus-visible { outline-color:var(--signal); }
.overview-section { padding-block:clamp(40px,6.7vw,91px); }
.overview-section[id],#branchen,#leistungen,#prozessvergleich { scroll-margin-top:90px; }
.engineering-grid { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); gap:clamp(24px,6vw,85px); align-items:start; }
.company-faq .eyebrow { margin-bottom:12px; }
.company-engineering h2 { max-width:22ch; }
.company-capabilities { background:#edf2e9; padding-block:clamp(34px,4.7vw,64px); }
.opportunity-head { margin-bottom:clamp(18px,2.4vw,30px); }
.capability-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(12px,1.6vw,22px); }
.capability-grid article { display:flex; min-width:0; flex-direction:column; align-items:start; padding:clamp(14px,1.85vw,26px); border:1px solid #aac1b1; border-top:3px solid #548468; border-radius:6px; background:#fbfcf8; }
.capability-grid .opportunity-priority { border-top-color:#356c41; background:#f6fbeb; }
.capability-no { color:#2a664a; font:600 12px var(--mono); }
.capability-grid h3 { margin:10px 0 8px; font-size:clamp(21px,2.05vw,30px); overflow-wrap:anywhere; }
.capability-grid p:not(.capability-no) { color:#3f5a4e; }
.capability-grid .capability-example { margin-top:auto; padding:14px 0 6px; }
.capability-example strong { display:block; color:var(--forest); }
.opportunity .neo-text-link { display:inline-flex; align-items:center; gap:6px; min-height:44px; }
.opportunity-next { display:flex; justify-content:space-between; align-items:center; gap:12px 22px; padding:14px 0 0; margin-top:16px; border-top:1px solid #b6cbbc; }
.opportunity-next p { color:#3f5a4e; }
.opportunity-next .button { flex:none; }
.company-engineering { background:#0d2b22; color:#f1f9f1; }
.company-engineering .eyebrow,.overview-cta .eyebrow { color:var(--signal); margin-bottom:12px; }
.company-engineering p:not(.eyebrow),.overview-cta p { color:#d2e7d9; }
.company-engineering h2 { margin-bottom:13px; }
.company-engineering .neo-text-link { display:inline-flex; margin-top:16px; color:#dbf6e3; }
.engineering-list { margin:0; border-top:1px solid #689582; }
.engineering-list>div { border-bottom:1px solid #689582; padding:13px 0; }
.engineering-list dt { font-weight:700; color:#e0f8cd; }
.engineering-list dd { margin:3px 0 0; color:#c8e4d4; }
.company-cases,.company-faq { background:#f8f9f4; }

.overview-cases { list-style:none; margin:0 0 14px; padding:0; border-top:1px solid #b9cdbd; }
.overview-cases li { border-bottom:1px solid #b9cdbd; display:grid; grid-template-columns:minmax(80px,.3fr) minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 0; }
.overview-cases p { color:#405b4d; }
.company-method { background:#e9f0e7; }
.overview-cta { background:#103b2d; color:#fff; }
.overview-cta .button { width:max-content; max-width:100%; }
@media (max-width:940px) {
  .overview-hero-grid { grid-template-columns:minmax(0,1fr); }
  .overview-copy h1 { max-width:20ch; font-size:clamp(37px,6.7vw,60px); }
  .neo-proof { max-width:660px; }
}
@media (max-width:700px) {
  .engineering-grid,.capability-grid { grid-template-columns:minmax(0,1fr); }
  .opportunity-next { flex-wrap:wrap; }
  .overview-hero-grid { padding-block:27px; }
  .overview-copy .hero-lead { margin-top:10px; }
  .overview-copy .eyebrow { margin-bottom:11px; }
  .overview-copy .button { margin-top:15px; }
  .overview-cases li { grid-template-columns:minmax(0,1fr); gap:4px; }
  .neo-offer-strip { flex-direction:column; align-items:stretch; padding:18px; }
  .neo-offer-strip .button { width:100%; }
  .hero-commitments { gap:6px 12px; }
}
@media (max-width:365px) {
  .overview-copy h1 { font-size:clamp(31px,10vw,37px); }
  .proof-compare td { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .proof-compare td[data-state="active"]::before { animation:none; }
}

.overview-entry{padding-block:clamp(18px,3vw,35px);background:#e9f0e7;scroll-margin-top:90px}
.overview-entry .neo-offer-strip{margin:0}
.overview-entry h2{font-size:clamp(23px,3vw,35px);line-height:1.12;letter-spacing:-.045em;margin:0}
.overview-entry h2 em{color:#356d4d;font-style:normal;font-size:.76em;white-space:nowrap}
.overview-entry .overview-segment{margin-top:9px;font-size:.86rem}
.overview-hero-actions .button,.overview-entry .button{display:inline-flex;align-items:center;gap:8px}
.neo-proof [data-proof-run]{display:inline-flex;align-items:center;gap:5px}

.solution-filters{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}
.solution-filters button{min-height:44px;padding:8px 13px;border:1px solid #aac1b1;border-radius:5px;background:#f8fbf6;color:#163e30;font:650 14px var(--body);cursor:pointer}
.solution-filters button[aria-pressed=true]{background:#163e30;color:#fff;border-color:#163e30}
.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.neo-systems{background:#f9fbf6}
.neo-system-list{list-style:none;margin:0 0 25px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#b8cdbd;border:1px solid #b8cdbd}
.neo-system-list li{display:grid;gap:5px;padding:clamp(14px,2.3vw,27px);background:#f4f8f1}
.neo-system-list span{color:#425f50}
.neo-paths{background:#eaf1e7}
.neo-paths>.container>h2{font-size:clamp(1.8rem,3.8vw,3.25rem);letter-spacing:-.045em;margin:12px 0 22px}
.neo-buyer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,22px)}
.neo-buyer-grid .neo-card{background:#fff;border-top:3px solid #478465}
.neo-buyer-grid .neo-text-link,.neo-systems .button{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.proof-disclosure{margin:9px 0 0;color:#c2dacc;font-size:12px}
#loesungen{scroll-margin-top:90px}
@media(max-width:700px){.capability-grid,.neo-buyer-grid{grid-template-columns:1fr}.neo-system-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.neo-system-list{grid-template-columns:1fr}}
.overview-copy h1{max-width:none;font-size:clamp(42px,4.55vw,66px);text-wrap:balance}
@media(max-width:940px){.overview-copy h1{font-size:clamp(38px,7vw,60px)}}
@media(max-width:400px){.overview-copy h1{font-size:clamp(31px,9.3vw,38px)}}
.proof-head>div{min-width:0}
@media(max-width:365px){.proof-head{display:grid;justify-items:start}.proof-badge{grid-row:1}}

.company-about { background:#eef4eb; }
.company-about p + p { margin-top:12px; }
.company-about .neo-text-link { display:inline-flex; align-items:center; min-height:44px; margin-top:10px; }
.proof-scenario select { max-width:100%; min-height:40px; border:1px solid #85aa98; border-radius:4px; background:#163a2e; color:#f3fff5; font:inherit; padding:4px 7px; }
.proof-artifact { margin-top:9px; font-size:13px; }
.proof-artifact summary { min-height:40px; padding:8px 0; cursor:pointer; color:#dcf4d1; }
.proof-artifact dl { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); margin:0; gap:4px 10px; padding:9px; border:1px solid #527265; }
.proof-artifact dd { margin:0; overflow-wrap:anywhere; }
.studio-feature { margin-bottom:32px; }
.studio-feature .neo-proof { max-width:820px; }

/* The same work surface appears on the homepage and in the studio. */
.proof-records { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; margin:12px 0; }
.proof-record { min-width:0; min-height:148px; padding:11px 9px; border:1px solid #527763; border-radius:5px; background:#f3f8ef; color:#17382b; }
.proof-record-target { background:#e6f5d8; border-color:#adcd8a; }
.proof-record-app { margin-bottom:9px; padding-bottom:7px; border-bottom:1px solid #b9cdbd; font:650 10px/1.4 var(--mono); }
.proof-record-label { color:#42634f; font-size:11px; font-weight:700; }
.proof-record strong { display:block; margin:2px 0 4px; font-size:13px; line-height:1.2; }
.proof-record p[data-proof-record] { font-size:12px; line-height:1.32; overflow-wrap:anywhere; }
.proof-before-after { border-bottom:1px solid #709480; margin-bottom:7px; }
.proof-before-after summary { min-height:44px; padding-block:10px; color:#e3f4e9; cursor:pointer; font-size:13px; }
.proof-disclosure { color:#d0e4d9; }
.studio-feature .neo-proof { max-width:none; }
.studio-feature .proof-record { min-height:154px; padding:15px; }
.studio-feature .proof-record strong { font-size:16px; }
.studio-feature .proof-record p[data-proof-record] { font-size:14px; }
@media (max-width:580px) {
  .proof-records { grid-template-columns:minmax(0,1fr); }
  .proof-record,.studio-feature .proof-record { min-height:0; padding:9px 10px; }
  .proof-record-app { margin-bottom:3px; padding-bottom:3px; }
}

.home-transfers { background:#f8f9f4; }
.neo-transfer-list,.neo-capability-index,.neo-start-grid { list-style:none; padding:0; margin:0; display:grid; gap:10px; }
.neo-transfer-list { grid-template-columns:repeat(6,minmax(0,1fr)); margin-bottom:20px; }
.neo-transfer-list a,.neo-capability-index a { height:100%; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:11px 13px; border:1px solid #abc1b0; background:#fff; color:#153c2b; text-decoration:none; }
.neo-transfer-list a { font-weight:750; }
.neo-transfer-list a span { font:650 11px var(--mono); color:#426651; }
.neo-transfer-list a:hover,.neo-capability-index a:hover { background:#e6f2d8; border-color:#4c7b60; }
.neo-frictions,.neo-start-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.neo-frictions article,.neo-start-grid li { padding:16px; border-top:2px solid #709d7d; background:#f0f5ec; }
.neo-frictions h3,.neo-start-grid strong { font-size:clamp(17px,1.9vw,23px); line-height:1.2; }
.neo-frictions p,.neo-start-grid p { margin-top:5px; color:#3a574a; }
.neo-frictions .neo-text-link,.neo-start-grid .neo-text-link { display:inline-flex; align-items:center; min-height:44px; }
.neo-start-grid strong { display:block; }
.neo-start-grid em { display:inline-block; color:#32634a; font-style:normal; }
.neo-capability-index { grid-template-columns:repeat(5,minmax(0,1fr)); }
.neo-capability-index strong { overflow-wrap:anywhere; }
.neo-capability-index span { color:#3f5a4e; font-size:14px; }
@media (max-width:1040px) { .neo-capability-index { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:700px) {
  .neo-transfer-list,.neo-capability-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .neo-frictions,.neo-start-grid { grid-template-columns:minmax(0,1fr); }
}