/* V22 — final visual cleanup: wider canvas, corrected TC palette, clearer scenes, stronger contrast. */
:root{
  --v22-ruby:#7b1028;
  --v22-ruby-hi:#9a1d3a;
  --v22-ruby-soft:#f7ecef;
  --v22-ruby-faint:#fcf7f8;
  --v22-ink:#151316;
  --v22-charcoal:#252329;
  --v22-muted:#70696c;
  --v22-line:#eadde1;
  --v22-paper:#fffdfa;
  --v22-white:#fff;
  --v22-shadow:0 26px 72px rgba(58,27,37,.075);
}

/* Wider, calmer canvas */
@media(min-width:1280px){
  .tc26 .x-shell{width:min(calc(100% - 72px),1640px)!important}
  .v20-home>.x-section .x-shell,.v20-home .x-system .x-shell{width:min(calc(100% - 72px),1660px)!important}
  .xp-hero .x-shell,.v20-process .x-shell,.v20-build .x-shell{width:min(calc(100% - 72px),1600px)!important}
  .v20-home .x-pane{padding:68px 64px 70px!important;grid-template-columns:minmax(370px,.72fr) minmax(760px,1.28fr)!important;gap:70px!important}
  .v20-home .x-pane>div:first-child{max-width:560px!important}
  .v20-home .x-pane h3{font-size:clamp(40px,3.3vw,58px)!important;max-width:555px!important}
  .v20-home .x-pane p{font-size:16px!important;max-width:540px!important}
  .v19-visual,.v19-workspace{min-height:650px!important}
}

/* TC palette: no stray gold/plum/brown in system navigation */
.v8-hero-benefits i,.v8-stage-glyph,.v8-stage .v4-stage-no,.x-system-tab .n{
  color:var(--v22-ruby)!important;border-color:#ead6dc!important;background:var(--v22-ruby-soft)!important;
}
.v8-hero-benefits .g1,.v8-hero-benefits .g2,.v8-hero-benefits .g3,.v8-hero-benefits .g4{
  background:linear-gradient(145deg,#fff8fa,#f3e3e8)!important;color:var(--v22-ruby)!important;
}
.v8-stage .v4-stage-no,
.v8-stage:nth-of-type(2) .v4-stage-no,
.v8-stage:nth-of-type(3) .v4-stage-no,
.v8-stage:nth-of-type(4) .v4-stage-no,
.v8-stage:nth-of-type(5) .v4-stage-no{
  background:linear-gradient(145deg,var(--v22-ruby-hi),var(--v22-ruby))!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(123,16,40,.16)!important;
}
.v8-stage:nth-of-type(2) .v8-stage-glyph,.v8-stage:nth-of-type(3) .v8-stage-glyph,
.v8-stage:nth-of-type(4) .v8-stage-glyph,.v8-stage:nth-of-type(5) .v8-stage-glyph{
  color:var(--v22-ruby)!important;background:var(--v22-ruby-soft)!important;border-color:#ead6dc!important;
}
.v8-stage-glyph svg,.v8-hero-benefits svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v8-stage-glyph{font-size:0!important}
.v8-stage-glyph svg{width:21px;height:21px}
.v8-effect-orbit .v4-result-mark{background:#fff!important;border:1px solid rgba(255,255,255,.18)!important;overflow:hidden;padding:11px!important}
.v8-effect-orbit .v4-result-mark img{width:100%;height:100%;object-fit:contain;filter:none!important}

/* System panels: more breathing room and a clearer visual hierarchy */
#system .x-system-wrap{border-radius:30px!important;box-shadow:0 34px 90px rgba(58,27,37,.08)!important}
#system .x-system-tabs{padding:8px!important;gap:8px!important;background:linear-gradient(180deg,#fff,#fbf6f7)!important}
#system .x-system-tab{border-radius:15px!important;min-height:88px!important;border:1px solid transparent!important}
#system .x-system-tab:hover{background:#fff!important;border-color:var(--v22-line)!important}
#system .x-system-tab.active{border-color:#dfc3cb!important;box-shadow:0 12px 28px rgba(70,28,40,.055),inset 0 -3px 0 var(--v22-ruby)!important}
#system .x-system-tab b{font-size:1rem!important}
#system .x-system-tab small{font-size:1rem!important;line-height:1.35!important}

/* Realistic app / environment marks inside the landing scenes */
.v22-app-icon{width:30px!important;height:30px!important;object-fit:contain!important;border-radius:8px!important;background:#fff!important;padding:4px!important;box-shadow:0 4px 12px rgba(24,20,22,.08)!important}
.v19-note>i.v22-icon-wrap,.v19-auto-list i.v22-icon-wrap{background:#fff!important;border:1px solid #e9e1e3!important;padding:3px!important}
.v19-note>i.v22-icon-wrap img,.v19-auto-list i.v22-icon-wrap img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.v19-card{border-color:#e9dfe2!important;box-shadow:0 18px 48px rgba(54,31,39,.065)!important}
.v19-summary{background:linear-gradient(165deg,#fff 0%,#fffafa 68%,#f8edef 100%)!important}
.v19-summary-brand img,.v19-card header img{width:31px!important;height:25px!important}
.v19-summary h4{font-size:30px!important}
.v19-benefits span{padding:11px 12px!important}
.v19-benefits i{background:#f2e7ea!important;color:var(--v22-ruby)!important}
.v19-fazit{background:linear-gradient(90deg,#fff8fa,#f9eef1)!important;border-color:#ead4da!important}
.v19-chips span{background:#f8eef1!important;border-color:#eddde2!important;color:var(--v22-ruby)!important}
.v19-result-main{border-left:3px solid var(--v22-ruby);padding-left:9px!important}

/* Case studies: stronger black/ruby contrast, clearer labels */
#ergebnisse .v10-case-before,#ergebnisse .case-before{background:linear-gradient(145deg,#37343a,#242328)!important;color:#fff!important}
#ergebnisse .v10-case-after,#ergebnisse .case-after{background:linear-gradient(145deg,#971838,#7b1028 55%,#4a0716)!important;color:#fff!important}
#ergebnisse .v10-case-before h3,#ergebnisse .v10-case-before p,#ergebnisse .v10-case-before li,
#ergebnisse .v10-case-after h3,#ergebnisse .v10-case-after p,#ergebnisse .v10-case-after li{color:#fff!important}
#ergebnisse .v10-case-item{background:#fff!important;border-color:#e7dade!important}
#ergebnisse .v10-case-item.active{border-color:rgba(123,16,40,.55)!important;box-shadow:0 16px 38px rgba(73,30,42,.08)!important}
#ergebnisse .v10-case-item img{max-width:96px!important;max-height:46px!important;object-fit:contain!important}
#ergebnisse .v10-case-select{gap:10px!important}

/* Dark founder chapter: fix black-on-dark and weak contrast */
#geschichte{color:#fff!important}
#geschichte .x-heading,#geschichte .x-heading *{color:#fff!important}
#geschichte .x-heading em{color:#f2a8b9!important}
#geschichte .x-desc{color:#d5ced0!important}
#geschichte .x-founder-story b{color:#fff!important}
#geschichte .x-founder-story p{color:#bbb4b7!important}
#geschichte .x-founder-story span{background:linear-gradient(145deg,#9b1e3c,#731025)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
#geschichte .x-quote{color:#f7edf0!important;border-top-color:rgba(255,255,255,.18)!important}
#geschichte .x-kicker{background:rgba(255,255,255,.07)!important;color:#f6bdca!important;border-color:rgba(255,255,255,.15)!important}
#geschichte .x-founder-badge b,#geschichte .x-founder-badge span{color:#fff!important}

/* About page: clean contrast and more natural depth */
.tc26 .x-founder{background:linear-gradient(155deg,#161418,#21151a 62%,#3e1320)!important;color:#fff!important;position:relative;overflow:hidden}
.tc26 .x-founder:before{content:"";position:absolute;right:-160px;top:-180px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(150,28,57,.28),transparent 67%);pointer-events:none}
.tc26 .x-founder .x-heading{color:#fff!important}.tc26 .x-founder .x-heading em{color:#f2a8b9!important}.tc26 .x-founder .x-desc{color:#d1cace!important}
.tc26 .x-founder-story b{color:#fff!important}.tc26 .x-founder-story p{color:#bcb5b8!important}.tc26 .x-founder-story span{background:#7b1028!important;color:#fff!important}
.tc26 .x-founder .x-quote{color:#f2ecee!important;border-top-color:rgba(255,255,255,.14)!important}
.tc26 .x-history{background:linear-gradient(180deg,#fff,#fbf6f7 48%,#fff)!important}
.tc26 .x-history .x-heading{color:var(--v22-ink)!important}.tc26 .x-history .x-desc{color:var(--v22-muted)!important}
.tc26 .x-history-item{background:#fff!important;border:1px solid var(--v22-line)!important;box-shadow:0 14px 36px rgba(60,33,41,.045)!important}
.tc26 .x-history-item strong{color:var(--v22-ruby)!important}
.tc26 .x-history-item h3{color:var(--v22-ink)!important}.tc26 .x-history-item p{color:var(--v22-muted)!important}

/* Detail pages: more room + scene-like work modules */
.tc26 .v20-process{padding-top:126px!important;padding-bottom:126px!important}
.tc26 .v20-process-grid{gap:18px!important}
.tc26 .v20-process-card{min-height:330px!important;padding:28px 28px 26px!important;background:linear-gradient(165deg,#fff,#fdf9f8 75%,#f8eff1)!important}
.tc26 .v20-process-card h3{font-size:27px!important;line-height:1.1!important}
.tc26 .v20-process-card p{font-size:1rem!important;line-height:1.65!important;color:#6e6769!important}
.tc26 .v20-process-outcome{margin-top:auto!important;padding-top:16px!important;border-top:1px solid #eadfe2!important;color:var(--v22-ruby)!important;font-weight:800!important}
.tc26 .v20-build{padding-top:132px!important;padding-bottom:138px!important}
.tc26 .v20-build-head{gap:56px!important;margin-bottom:34px!important}
.tc26 .v20-build-grid{gap:18px!important}
.tc26 .v20-build-card{padding:24px!important;min-height:430px!important;background:linear-gradient(165deg,#fff,#fff 58%,#fbf5f6)!important;box-shadow:0 18px 45px rgba(62,33,42,.05)!important}
.tc26 .v20-build-card h3{font-size:25px!important;margin-top:14px!important}
.tc26 .v20-build-card>p{font-size:1rem!important;line-height:1.55!important;color:#716a6d!important}
.tc26 .v20-build-card ul{gap:8px!important}
.tc26 .v20-build-output{font-size:1rem!important;color:var(--v22-ruby)!important;letter-spacing:.02em!important}

.v22-mini-scene{height:106px;border:1px solid #eadfe2;border-radius:15px;background:linear-gradient(145deg,#fff,#faf4f6);padding:10px 11px;margin:12px 0 16px;overflow:hidden;position:relative}
.v22-mini-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(210px 90px at 88% 8%,rgba(123,16,40,.08),transparent 70%);pointer-events:none}
.v22-scene-head{display:flex;align-items:center;gap:7px;padding-bottom:7px;border-bottom:1px solid #eee5e7;position:relative;z-index:1}
.v22-scene-head i{width:9px;height:9px;border-radius:50%;background:var(--v22-ruby);box-shadow:18px 0 0 #d8b1bb,36px 0 0 #efe2e5;margin-right:34px}.v22-scene-head b{font-size:1rem;color:#3f373a}.v22-scene-head small{margin-left:auto;font-size:1rem;color:#8f8588}
.v22-scene-body{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;padding-top:8px;position:relative;z-index:1}
.v22-scene-list{display:grid;gap:5px}.v22-scene-list span{height:14px;border-radius:6px;background:#f1e9eb;position:relative;overflow:hidden}.v22-scene-list span:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,58%);background:linear-gradient(90deg,#bd7185,#7b1028);opacity:.72;border-radius:inherit}
.v22-scene-kpi{border:1px solid #eadde1;border-radius:9px;background:#fff;display:grid;place-items:center;align-content:center;text-align:center}.v22-scene-kpi strong{font-size:20px;color:var(--v22-ruby)}.v22-scene-kpi small{font-size:1rem;color:#8a8083;margin-top:2px}
.v22-mini-scene.scene-mail .v22-scene-list span:after{width:88%;background:#d9c4ca}.v22-mini-scene.scene-mail .v22-scene-list span:nth-child(2):after{width:68%}.v22-mini-scene.scene-mail .v22-scene-list span:nth-child(3):after{width:77%;background:var(--v22-ruby)}
.v22-mini-scene.scene-flow .v22-scene-body{grid-template-columns:repeat(3,1fr);align-items:center}.v22-mini-scene.scene-flow .v22-scene-list{display:contents}.v22-mini-scene.scene-flow .v22-scene-list span{height:48px;background:#fff;border:1px solid #eadde1}.v22-mini-scene.scene-flow .v22-scene-list span:after{width:6px;right:auto;background:var(--v22-ruby)}
.v22-mini-scene.scene-board .v22-scene-body{grid-template-columns:1fr 1fr 1fr}.v22-mini-scene.scene-board .v22-scene-list{display:contents}.v22-mini-scene.scene-board .v22-scene-list span{height:48px;background:#f5eff1;border:1px solid #e9dde0}.v22-mini-scene.scene-board .v22-scene-list span:nth-child(2){background:#fff}.v22-mini-scene.scene-board .v22-scene-list span:nth-child(3){background:#f4e4e8}
.v22-mini-scene.scene-chart .v22-scene-body{grid-template-columns:1.4fr .6fr}.v22-mini-scene.scene-chart .v22-scene-list{display:flex;align-items:flex-end;gap:6px}.v22-mini-scene.scene-chart .v22-scene-list span{width:18%;height:var(--h,35px);background:linear-gradient(180deg,#a92648,#7b1028)}.v22-mini-scene.scene-chart .v22-scene-list span:after{display:none}

/* Natural visual energy without extra imagery */
.tc26 .x-section,.tc26 .v20-build,.tc26 .v20-process,.tc26 .x-history{position:relative;overflow:hidden}
.tc26 .v20-build:after,.tc26 .x-history:after{content:"";position:absolute;right:-260px;bottom:-300px;width:720px;height:720px;border-radius:50%;border:1px solid rgba(123,16,40,.05);box-shadow:0 0 0 100px rgba(123,16,40,.018),0 0 0 200px rgba(123,16,40,.012);pointer-events:none}

/* Page transitions and reveal */
.v22-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.75,.2,1)}.v22-reveal.v22-in{opacity:1;transform:none}
.v22-mini-scene.v22-in .v22-scene-list span:after{animation:v22Fill .8s ease-out both}
@keyframes v22Fill{from{transform:scaleX(.15);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}

@media(max-width:1100px){
  .tc26 .v20-process-card,.tc26 .v20-build-card{min-height:0!important}
}
@media(max-width:760px){
  .tc26 .x-shell,.v20-home>.x-section .x-shell,.v20-home .x-system .x-shell,.xp-hero .x-shell,.v20-process .x-shell,.v20-build .x-shell{width:min(calc(100% - 28px),100%)!important}
  #geschichte{padding-top:120px!important}.tc26 .v20-process,.tc26 .v20-build{padding-top:88px!important;padding-bottom:88px!important}
}
@media(prefers-reduced-motion:reduce){.v22-reveal{opacity:1!important;transform:none!important;transition:none!important}.v22-mini-scene.v22-in .v22-scene-list span:after{animation:none!important}}
.v8-focus-row>span i{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;background:#f5e9ed!important;color:var(--v22-ruby)!important;border:1px solid #ead4db!important;font-size:0!important}
.v8-focus-row>span i svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.x-founder-photo img{filter:saturate(1.02) contrast(1.015)!important}