:root{--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--px-ink:#1d1d1f;--px-navy:#171b22}
body,h1,h2,h3,h4,.brand,button,input,select,textarea{font-family:var(--font)}body{-webkit-font-smoothing:antialiased}
.px-hero h1 em{color:#42464d}.px-local h2 em{color:#f5f5f7}
.px-local p,.px-local .px-kicker,.px-local-copy>small,.px-local figcaption{color:#c6c6cb}
.px-capabilities small,.px-capabilities a>span,.px-capabilities>span,.px-kicker,.px-location,.px-heritage p,.px-facts span{color:#56565e}
.ai-section .eyebrow,.ai-copy>p,.ai-section h2 em,.workflow-node small,.workflow-core small,.popular>p,.popular .mono,.os-sidebar-label,.os-sidebar [role=tab],.os-sidebar-foot,.os-intelligence p,.feature-dark p,.os-agents-strip .eyebrow,.os-agent-list p{color:#d0d0d5}
.product-hero h1 em{color:#f5f5f7}.product-hero>p,.product-hero .hp-label,.product-hero .hero-points li,.product-hero .product-signature,.product-hero .hero-zahlen span,.product-hero .hero-claim,.product-hero .hero-ort,.product-hero .hero-ort small{color:#cdcdd2}
.px-button{border-radius:12px;font-size:13px}.px-local{border-radius:24px}.px-local img{border-radius:14px}.px-local figure a{display:block;cursor:zoom-in}
.px-capabilities a,.service-card{transition:background .2s,border-color .2s,box-shadow .2s}.px-capabilities a:hover{background:#f1f1f3}/* 2026-10-01: Hover-Schatten jetzt in tiefe.css. */
:is(a,button,summary,input,select,textarea):focus-visible{outline:3px solid #9b292e;outline-offset:5px}
.modern-progress{position:fixed;left:0;top:0;width:100%;height:3px;background:#b72c33;transform:scaleX(0);transform-origin:left;z-index:1000;pointer-events:none}
/* backwards statt both (2026-10-01): «both» hielt nach dem Einblenden den
   transform fest und ueberschrieb damit den Druck-Effekt (tiefe.css). */.modern-reveal{animation:modern-arrive .6s cubic-bezier(.2,.7,.2,1) backwards}@keyframes modern-arrive{from{opacity:.2;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
.modern-lightbox{border:1px solid #ffffff30;border-radius:20px;padding:16px;background:#171b22;color:#f5f5f7;width:min(1100px,92vw);max-height:90dvh;box-sizing:border-box}.modern-lightbox::backdrop{background:#080b12d9;backdrop-filter:blur(10px)}.modern-lightbox header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.modern-lightbox p{margin:0;font-size:14px}.modern-lightbox button{background:#33363c;color:#fff;border:1px solid #67686c;border-radius:50%;width:44px;height:44px;font-size:26px;cursor:pointer;flex-shrink:0}.modern-lightbox img{display:block;width:100%;max-height:73dvh;object-fit:contain;border-radius:10px}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media(prefers-reduced-motion:reduce){.modern-reveal{animation:none}.px-capabilities a,.service-card{transition:none}}@media(max-width:760px){.px-local{border-radius:20px}.modern-lightbox{padding:10px}.px-facts span{font-size:9px}}