/* Tariq Consulting V33 — Qualitätskorrekturen und belastbare UI-Zustände */
:root{
  --v33-ink:#1d1b1c;
  --v33-muted:#686265;
  --v33-red:#6f1022;
  --v33-red-soft:#f5ecee;
  --v33-paper:#f8f7f5;
  --v33-line:#e3dedc;
  --v33-dark:#1b191a;
}

html,body{max-width:100%;overflow-x:hidden!important}
@supports(overflow:clip){html,body{overflow-x:clip!important}}
.x-system-wrap,.x-system-stage,.x-pane,.x-pane>div,.x-visual,.v30-scene{min-width:0!important;max-width:100%}

/* Navigation: vollständiger CTA in jeder Desktop-Breite */
.nav.v31-nav .shell.nav-in,.nav .shell.nav-in{
  width:min(calc(100% - 36px),1360px)!important;
  max-width:1360px!important;
  overflow:visible!important;
}
.nav .brand,.v31-nav .brand{min-width:0;flex:0 1 auto}
.nav .brand .name,.v31-nav .brand .name{white-space:nowrap}
.nav .nav-links,.v31-nav .nav-links{min-width:0;margin-left:auto;flex:0 1 auto;gap:5px!important}
.nav .n,.v31-nav .n{padding-inline:7px!important;white-space:nowrap}
.nav-cta{position:relative!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;white-space:nowrap!important;overflow:visible!important}

/* Start: weniger Text links, Ergebnisarchitektur rechts */
.tc26 .v8-hero{padding-top:116px!important}
.v8-hero-grid{grid-template-columns:minmax(0,.78fr) minmax(600px,1.22fr)!important;gap:54px!important}
.v8-hero-copy{align-self:center}
.v8-hero-title{max-width:580px!important;margin:0 0 20px!important;font-size:clamp(48px,4.15vw,66px)!important;line-height:1.01!important}
.v8-hero-lead{max-width:570px!important;font-size:16px!important;line-height:1.62!important}
.v8-growth-board,.x-board.v4-board{min-height:0!important;background:#fff!important;border-color:#d8d2d0!important;box-shadow:0 24px 58px rgba(31,24,26,.12)!important}
.v8-board-head{background:#fff!important}
.v8-board-caption{background:#f7f4f3!important;border-bottom:1px solid var(--v33-line)}
.v8-board-caption span{font-size:1rem!important;color:#726b6e!important}
.v8-board-caption b{font-size:1rem!important;line-height:1.45!important;color:var(--v33-red)!important}
.v8-board-body{grid-template-columns:minmax(0,1.27fr) minmax(215px,.73fr)!important;background:#fff!important}
.v8-stage{grid-template-columns:48px 38px minmax(0,1fr) auto!important}
.v8-stage .v4-stage-no{width:46px!important;height:46px!important;border-radius:0 10px 10px 0!important;box-shadow:none!important}
.v8-stage:nth-of-type(n) .v4-stage-no{background:var(--v33-red)!important;color:#fff!important}
.v8-stage-glyph{width:36px!important;height:36px!important;border-radius:9px!important}
.v8-stage-copy small{color:#777073!important}
.v8-system-effect{background:var(--v33-red)!important;box-shadow:none!important}
.v8-system-effect:before{opacity:.35!important}
.v8-system-effect .v4-result-label{font-size:1rem!important}
.v8-effect-copy p{font-size:1rem!important;line-height:1.55!important;color:#ecdde0!important}
.v8-effect-metrics small{font-size:1rem!important}.v8-effect-metrics strong{font-size:1rem!important}
.v33-board-footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  gap:10px!important;
  padding:11px 16px 14px!important;
  background:#f7f4f3!important;
}
.v33-board-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.v33-board-outcomes>span{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:8px;align-items:center;min-width:0;padding:8px;border:1px solid var(--v33-line);border-radius:9px;background:#fff}
.v33-board-outcomes i{grid-row:1/3!important;width:29px!important;height:29px!important;margin:0!important;border-radius:7px!important;background:#fff!important;display:grid!important;place-items:center!important}
.v33-board-outcomes i img{width:21px!important;height:21px!important;object-fit:contain!important}
.v33-board-outcomes small{font-size:1rem!important;line-height:1.2!important;color:#8c8386!important;text-transform:uppercase;letter-spacing:.08em}
.v33-board-outcomes b{min-width:0;font-size:1rem!important;line-height:1.25!important;color:#302c2e!important}
.v33-board-cta{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;column-gap:9px;padding:11px 12px;border-radius:10px;background:var(--v33-dark);color:#fff;text-decoration:none;transition:background .2s ease,transform .2s ease}
.v33-board-cta:hover{background:var(--v33-red);transform:translateY(-1px)}
.v33-board-cta span{font-size:1rem;line-height:1.2;color:#bdb5b8;text-transform:uppercase;letter-spacing:.09em}
.v33-board-cta b{font-size:1rem;line-height:1.3;color:#fff}
.v33-board-cta i{grid-column:2;grid-row:1/3;align-self:center;width:auto!important;height:auto!important;margin:0!important;background:none!important;color:#fff!important;font-size:18px;font-style:normal}

/* Engpass: drei Symptome links, Systemdiagnose rechts */
.v33-problem-layout{display:grid!important;grid-template-columns:minmax(360px,.76fr) minmax(0,1.24fr)!important;gap:16px!important;align-items:stretch}
.v33-problem-list{display:grid;gap:10px;min-width:0}
.v33-problem-list .x-problem-card{display:grid!important;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto;column-gap:16px;align-content:center;min-height:126px!important;padding:19px 21px!important}
.v33-problem-list .x-problem-card:before,.v33-problem-list .x-problem-card:after{display:none!important}
.v33-problem-list .x-problem-card .num{grid-row:1/3;align-self:center;width:42px!important;height:42px!important;margin:0!important;border-radius:9px!important;background:var(--v33-red-soft)!important;border:1px solid #e2cfd4!important;box-shadow:none!important}
.v33-problem-list .x-problem-card h3{align-self:end;margin:0 0 4px!important;font-size:20px!important;line-height:1.2!important}
.v33-problem-list .x-problem-card p{align-self:start;margin:0!important;font-size:1rem!important;line-height:1.48!important;color:var(--v33-muted)!important}
.v33-diagnosis-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:var(--v33-dark);color:#fff}
.v33-diagnosis-card:after{content:"";position:absolute;right:-120px;top:-140px;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 0 76px rgba(255,255,255,.012);pointer-events:none}
.v33-diagnosis-card>*{position:relative;z-index:1}
.v33-diagnosis-card header{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}
.v33-diagnosis-card header img{width:44px;height:44px;padding:7px;border-radius:11px;background:#fff;object-fit:contain}
.v33-diagnosis-card header small{display:block;margin-bottom:4px;color:#d7aeb8;font-size:1rem;letter-spacing:.12em;font-weight:800}
.v33-diagnosis-card header b{display:block;max-width:500px;color:#fff;font-size:21px;line-height:1.18}
.v33-diagnosis-card>p{max-width:650px;margin:18px 0;color:#c3bdc0;font-size:1rem;line-height:1.58}
.v33-diagnosis-flow{display:grid;gap:8px;margin-top:auto}
.v33-diagnosis-flow>span{display:grid;grid-template-columns:34px 82px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#252223}
.v33-diagnosis-flow i{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#343033;color:#d7ced1;font-size:1rem;font-style:normal;font-weight:800}
.v33-diagnosis-flow small{color:#91888b;font-size:1rem;letter-spacing:.1em;font-weight:800}
.v33-diagnosis-flow b{color:#f2eef0;font-size:1rem;line-height:1.4}
.v33-diagnosis-flow .result{border-color:rgba(181,112,129,.35);background:#2c2024}
.v33-diagnosis-flow .result i{background:var(--v33-red);color:#fff}.v33-diagnosis-flow .result small{color:#d3a6b1}
.v33-diagnosis-card>a{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:12px 13px;border:1px solid rgba(255,255,255,.15);border-radius:9px;color:#fff;font-size:1rem;font-weight:720;text-decoration:none}
.v33-diagnosis-card>a:hover{background:#2b2729}.v33-diagnosis-card>a span{font-size:17px}

/* Vergleich: beide Zustände vollständig erklären und sichtbar wechseln */
.v5-diff-wrap{align-items:stretch!important}
.v5-diff-stage{min-height:0!important;align-items:stretch}
.v5-diff-card{min-width:0;min-height:520px;padding:25px!important}
.v5-diff-card>p{margin:0 0 18px!important;color:var(--v33-muted)!important;font-size:1rem!important;line-height:1.58!important}
.v33-diff-facts{display:grid;gap:7px;margin:0 0 17px}
.v33-diff-facts>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;align-items:center;padding:10px 11px;border:1px solid #ebe6e4;border-radius:9px;background:#faf9f8}
.v33-diff-facts dt{color:#8b8386;font-size:1rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.v33-diff-facts dd{margin:0;color:#383335;font-size:1rem;font-weight:700;line-height:1.35}
.v5-diff-card.tc .v33-diff-facts>div{background:#fbf7f8;border-color:#e7d9dc}
.v5-diff-chain{margin-top:auto!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
.v5-diff-chain span{min-width:0;padding:9px 5px!important;font-size:1rem!important;line-height:1.25!important}
.v5-diff-chain span small{font-size:1rem!important}
.v5-diff-note{margin-top:12px!important;padding:11px 12px!important;font-size:1rem!important;line-height:1.5!important}
.v29-mini-result{margin-top:12px!important;font-size:1rem!important;line-height:1.4!important}
.v5-diff-tab[aria-pressed="true"]{border-color:rgba(111,16,34,.3)!important;background:var(--v33-red-soft)!important}

/* TC-System: kein horizontaler Seitenüberhang */
#system .x-system-wrap,#system .x-system-stage,#system .x-pane,#system .x-pane>div{min-width:0!important;width:100%;max-width:100%!important}
#system .x-system-tabs{min-width:0!important;max-width:100%!important}
#system .x-system-tab{min-width:0!important;overflow:hidden!important}

/* Marketing: vollständiges iPhone mit lesbarer Sperransicht */
.v30-demand-scene{min-height:525px!important;grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr)!important;gap:24px!important;align-items:center!important;padding:18px 18px 82px!important}
.v30-phone{width:248px!important;max-width:100%!important;height:438px!important;margin:0 auto!important;border-width:7px!important;border-radius:42px!important;background:radial-gradient(circle at 70% 15%,#30343a 0,transparent 34%),linear-gradient(160deg,#1d2024,#0d0e10)!important;box-shadow:0 22px 52px rgba(0,0,0,.36),inset 0 0 0 1px #4c4d50!important}
.v30-phone-island{top:10px!important;width:88px!important;height:25px!important;z-index:3}
.v30-phone-status{position:relative;z-index:2;padding:17px 19px 0!important;color:#fff;font-size:1rem!important}
.v33-status-icons{display:flex;align-items:center;gap:6px;height:13px}
.v33-signal{width:14px;height:10px;background:linear-gradient(to right,#fff 0 20%,transparent 20% 27%,#fff 27% 48%,transparent 48% 55%,#fff 55% 75%,transparent 75% 82%,#fff 82% 100%);clip-path:polygon(0 100%,0 78%,20% 78%,20% 58%,46% 58%,46% 34%,73% 34%,73% 8%,100% 8%,100% 100%)}
.v33-wifi{width:14px;height:10px;border-top:2px solid #fff;border-radius:50%;position:relative;transform:translateY(2px)}
.v33-wifi:before{content:"";position:absolute;left:3px;right:3px;top:2px;height:5px;border-top:2px solid #fff;border-radius:50%}
.v33-wifi:after{content:"";position:absolute;left:6px;top:5px;width:3px;height:3px;border-radius:50%;background:#fff}
.v33-battery{position:relative;width:18px;height:9px;border:1.5px solid #fff;border-radius:3px}
.v33-battery:before{content:"";position:absolute;inset:1.5px 3px 1.5px 1.5px;border-radius:1px;background:#fff}
.v33-battery:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;border-radius:0 2px 2px 0;background:#fff}
.v30-phone-lock{padding:37px 16px 0!important;text-align:center}
.v30-phone-date{color:#e0e1e3!important;font-size:1rem!important;line-height:1.3!important}
.v30-phone-time{margin-top:5px!important;color:#fff!important;font-size:47px!important;line-height:1!important;letter-spacing:-2.5px!important}
.v30-notify-stack{top:158px!important;left:11px!important;right:11px!important;gap:7px!important}
.v30-note{grid-template-columns:28px minmax(0,1fr) auto!important;gap:8px!important;padding:9px!important;border-radius:13px!important;background:rgba(55,56,60,.9)!important}
.v30-note img{width:27px!important;height:27px!important;border-radius:7px!important}
.v30-note b{display:block;color:#fff!important;font-size:1rem!important;line-height:1.25!important}
.v30-note span{display:block;margin-top:2px!important;color:#d2d3d5!important;font-size:1rem!important;line-height:1.35!important}
.v30-note time{align-self:start;color:#b3b5b8!important;font-size:1rem!important;white-space:nowrap}
.v33-phone-home{position:absolute;left:50%;bottom:10px;width:92px;height:4px;border-radius:4px;background:rgba(255,255,255,.82);transform:translateX(-50%)}
.v30-demand-path{min-width:0}.v30-demand-step{min-width:0;grid-template-columns:34px minmax(0,1fr) auto!important}
.v30-demand-step div{min-width:0}.v30-demand-step b{display:block;line-height:1.25}.v30-demand-step span{display:block;margin-top:2px;line-height:1.35}.v30-demand-step strong{white-space:nowrap}

/* CRM: der aktive Lead gehört immer zu einer echten Spalte */
.v30-kanban{align-items:stretch}
.v30-col{position:relative;min-width:0;min-height:215px!important;overflow:visible}
.v30-moving-lead,.v30-moving-lead[data-stage]{position:relative!important;z-index:3!important;inset:auto!important;display:block!important;width:auto!important;max-width:none!important;margin:8px 0 7px!important;padding:10px!important;border:1px solid #79a99e!important;border-radius:10px!important;background:#fff!important;box-shadow:0 9px 22px rgba(43,133,121,.14)!important;transform:none;transition:border-color .2s ease,box-shadow .2s ease!important}
.v33-lead-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}
.v30-moving-lead .v33-lead-head b{margin:0!important;color:#25322f!important;font-size:1rem!important;line-height:1.2!important}
.v30-moving-lead .v33-lead-head small{padding:3px 5px;border-radius:5px;background:#e8f2ef;color:#2b756b!important;font-size:1rem!important;line-height:1!important;letter-spacing:.05em!important;white-space:nowrap}
.v30-moving-lead>span{display:block;color:#687873!important;font-size:1rem!important;line-height:1.4!important}
.v30-moving-lead>span strong{color:#2b756b!important;font-size:inherit!important}

/* Gründer: Badge im Bilderrahmen, echte Markenlogos in 01–03 */
.v8-founder-photo>.v8-founder-overlay{left:16px!important;right:16px!important;bottom:16px!important;z-index:3!important}
.v8-founder-photo>.v8-founder-overlay .v8-founder-mark img{width:70%!important;height:70%!important;object-fit:contain!important;filter:none!important}
.v8-founder-story article{grid-template-columns:52px 42px minmax(0,1fr)!important}
.v8-founder-story article>span{width:48px!important;height:48px!important;border-radius:9px!important}
.v8-founder-story article>i.v33-story-logo{width:38px!important;height:38px!important;padding:6px!important;border-radius:9px!important;background:#fff!important;border:1px solid rgba(255,255,255,.12)!important;overflow:hidden}
.v33-story-logo img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important}

/* Unterseiten: dunkle Kapitel müssen tatsächlich lesbar sein */
.v31-page .v31-section.dark .v31-eyebrow{color:#d9aab5!important}
.v31-page .v31-section.dark .v31-heading{color:#fff!important}
.v31-page .v31-section.dark .v31-heading em{color:#d9aab5!important}
.v31-page .v31-section.dark .v31-copy{color:#c7c0c2!important}
.v31-page .v31-section.dark .v31-check{border-color:rgba(255,255,255,.1)!important;background:#252223!important}
.v31-page .v31-section.dark .v31-check b{color:#fff!important}.v31-page .v31-section.dark .v31-check span{color:#aaa2a5!important}

@media(max-width:1280px){
  .v8-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(550px,1.18fr)!important;gap:38px!important}
  .v8-stage .v4-stage-state{display:none!important}
}
@media(max-width:1160px){
  .nav-links{display:none!important}.burger{display:block!important}
  .v8-hero-grid{grid-template-columns:1fr!important}
  .v8-hero-copy{max-width:760px}.v8-growth-board{max-width:900px!important;margin-inline:auto!important}
  .v33-problem-layout{grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr)!important}
}
@media(max-width:900px){
  .v33-problem-layout{grid-template-columns:1fr!important}
  .v33-diagnosis-card{min-height:430px}
  .v30-demand-scene{grid-template-columns:1fr!important;padding-bottom:22px!important}
  .v30-phone{height:438px!important}
  .v30-demand-path{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%}
  .v30-resultline{position:static!important;margin:0!important;grid-column:1/-1}
}
@media(max-width:760px){
  .v33-board-footer{grid-template-columns:1fr!important}
  .v33-board-cta{min-height:58px}
  .v5-diff-card{min-height:0!important}
  .v5-diff-chain{grid-template-columns:repeat(5,minmax(88px,1fr))!important;overflow-x:auto;padding-bottom:4px}
  .v5-diff-chain span+span:before{content:""!important;left:-8px!important;top:50%!important;transform:translateY(-50%)!important}
  .v30-kanban{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v30-col{min-height:180px!important}
}
@media(max-width:560px){
  .nav.v31-nav .shell.nav-in,.nav .shell.nav-in{width:calc(100% - 24px)!important}
  .v8-hero-title{font-size:clamp(39px,12vw,51px)!important}
  .v8-board-body{grid-template-columns:1fr!important}
  .v8-system-effect{min-height:290px!important}
  .v33-board-outcomes{grid-template-columns:1fr!important}
  .v33-board-footer{display:grid!important}
  .v33-problem-list .x-problem-card{grid-template-columns:42px minmax(0,1fr);column-gap:12px;padding:17px!important}
  .v33-diagnosis-card{min-height:0;padding:21px}
  .v33-diagnosis-flow>span{grid-template-columns:32px minmax(0,1fr)}
  .v33-diagnosis-flow small{grid-column:2}.v33-diagnosis-flow b{grid-column:2}
  .v33-diff-facts>div{grid-template-columns:1fr;gap:4px}
  .v30-phone{width:238px!important;height:430px!important}
  .v30-demand-path{grid-template-columns:1fr!important}
  .v30-kanban{grid-template-columns:1fr!important}
  .v30-col{min-height:150px!important}
  .v8-founder-photo>.v8-founder-overlay{left:10px!important;right:10px!important;bottom:10px!important;padding:12px!important;grid-template-columns:48px minmax(0,1fr)!important;gap:10px!important}
  .v8-founder-photo>.v8-founder-overlay p{display:none}
  .v8-founder-story article{grid-template-columns:45px 38px minmax(0,1fr)!important;padding:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .v33-board-cta,.v30-moving-lead{transition:none!important}
}