/* TARIQ CONSULTING · REPOSITIONIERUNG V7
   Template polish only: stronger TC colour language, cleaner system transitions,
   more dimensional interface visuals and a refined opening-video slot.
   No generated imagery is referenced or embedded. */
:root{
  --v7-ruby:#780E29;
  --v7-ruby-hi:#B31E4D;
  --v7-berry:#8D2761;
  --v7-plum:#5C224C;
  --v7-rose:#D05273;
  --v7-coral:#E97874;
  --v7-bronze:#A95F42;
  --v7-gold:#D49A57;
  --v7-cream:#FFF9F6;
  --v7-line:#E4D3D0;
}

/* ===== HERO VISUAL: more structured, not busier ===== */
.v7-board-journey{
  margin:0 20px 14px;
  display:grid;
  grid-template-columns:1fr 18px 1fr 18px 1fr;
  align-items:center;
  gap:5px;
}
.v7-board-journey>span{
  min-height:48px;
  border:1px solid #E7D8D5;
  border-radius:12px;
  background:linear-gradient(135deg,#fff,#FBF5F4);
  padding:9px 10px;
  box-shadow:0 8px 22px rgba(66,28,39,.045),inset 0 1px 0 #fff;
  position:relative;
  overflow:hidden;
}
.v7-board-journey>span:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--v7-ruby),var(--v7-rose));opacity:.85}
.v7-board-journey>span:nth-of-type(2):before{background:linear-gradient(180deg,var(--v7-berry),var(--v7-plum))}
.v7-board-journey>span:nth-of-type(3):before{background:linear-gradient(180deg,var(--v7-bronze),var(--v7-gold))}
.v7-board-journey b{display:block;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#4F4442}
.v7-board-journey small{display:block;font-size:1rem;color:#8B7D79;margin-top:2px;line-height:1.25}
.v7-board-journey>i{font-style:normal;text-align:center;color:#C6A9AE;font-size:1rem}
.x-board.v4-board{overflow:hidden}
.x-board.v4-board:after{content:"";position:absolute;left:-34%;top:-70%;width:48%;height:210%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.58),transparent);opacity:.35;pointer-events:none;animation:v7BoardSheen 10s ease-in-out infinite}
@keyframes v7BoardSheen{0%,62%{transform:translateX(-30%) rotate(16deg);opacity:0}72%{opacity:.42}90%,100%{transform:translateX(340%) rotate(16deg);opacity:0}}

/* ===== SYSTEM NAV: every step gets its own brand-tinted identity ===== */
.x-system-wrap{position:relative;overflow:hidden;box-shadow:0 36px 100px rgba(67,27,40,.12)!important;border-color:#DCCAC7!important}
.x-system-tabs{position:relative;background:linear-gradient(180deg,#FCF8F7,#F6EEEE)!important;isolation:isolate}
.x-system-tabs:before{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--v7-ruby) 0 20%,var(--v7-berry) 20% 40%,var(--v7-rose) 40% 60%,var(--v7-plum) 60% 80%,var(--v7-gold) 80% 100%);opacity:.18;z-index:0}
.x-system-tab{--tab:#780E29;--tab2:#B31E4D;position:relative!important;z-index:1;overflow:hidden;transition:background .28s ease,transform .28s ease,box-shadow .28s ease!important}
.x-system-tab:nth-child(2){--tab:var(--v7-berry);--tab2:#B7477B}
.x-system-tab:nth-child(3){--tab:var(--v7-rose);--tab2:var(--v7-coral)}
.x-system-tab:nth-child(4){--tab:var(--v7-plum);--tab2:#87366C}
.x-system-tab:nth-child(5){--tab:var(--v7-bronze);--tab2:var(--v7-gold)}
.x-system-tab:before{content:"";position:absolute;inset:0;background:radial-gradient(180px 90px at 30% 120%,color-mix(in srgb,var(--tab) 13%,transparent),transparent 72%);opacity:0;transition:.28s;z-index:-1}
.x-system-tab:hover:before,.x-system-tab.active:before{opacity:1}
.x-system-tab:hover{background:color-mix(in srgb,var(--tab) 4%,#fff)!important}
.x-system-tab.active{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--tab) 5%,#fff))!important;box-shadow:inset 0 -4px 0 var(--tab)!important}
.x-system-tab .n{transition:.25s ease!important}
.x-system-tab.active .n{background:linear-gradient(145deg,var(--tab),var(--tab2))!important;box-shadow:0 8px 20px color-mix(in srgb,var(--tab) 25%,transparent)!important}
.x-system-tab.active b{color:var(--tab)!important}
.x-system-stage{position:relative;background:linear-gradient(180deg,#fff,#FEFCFB)!important}
.x-system-stage:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,15,40,.28),rgba(197,78,106,.22),transparent);pointer-events:none}
.x-system-stage.is-changing .x-pane.active{animation:v7PaneSwap .34s cubic-bezier(.2,.75,.2,1)}
@keyframes v7PaneSwap{0%{opacity:.35;transform:translateY(9px) scale(.995);filter:saturate(.8)}100%{opacity:1;transform:none;filter:saturate(1)}}

/* ===== SHARED TEMPLATE SHELL ===== */
.x-pane .x-visual{--v7a:var(--v7-ruby);--v7b:var(--v7-ruby-hi);border-color:color-mix(in srgb,var(--v7a) 19%,#D8D0CE)!important;background:
  radial-gradient(520px 320px at var(--v6-x,78%) var(--v6-y,18%),color-mix(in srgb,var(--v7a) 10%,transparent),transparent 67%),
  linear-gradient(145deg,#FFFEFD 0%,color-mix(in srgb,var(--v7a) 3.5%,#fff) 60%,#F8F2F1 100%)!important;
  box-shadow:0 28px 72px color-mix(in srgb,var(--v7a) 10%,transparent),inset 0 1px 0 #fff!important;
}
.x-pane .v-offer{--v7a:var(--v7-berry);--v7b:#B7477B}
.x-pane .v-leads{--v7a:var(--v7-rose);--v7b:var(--v7-coral)}
.x-pane .v-sales{--v7a:var(--v7-plum);--v7b:#8E3D72}
.x-pane .v-scale{--v7a:var(--v7-bronze);--v7b:var(--v7-gold)}
.x-pane .x-visual:after{content:"";position:absolute;inset:-35% -20% auto auto;width:55%;height:75%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--v7a) 13%,transparent),transparent 68%);pointer-events:none;filter:blur(2px);opacity:.9}
.tc-viz-title{border-color:color-mix(in srgb,var(--v7a) 24%,#e5dddb)!important;background:color-mix(in srgb,var(--v7a) 5%,#fff)!important;color:var(--v7a)!important;font-weight:800!important}
.tc-viz-status{border-color:color-mix(in srgb,var(--v7a) 20%,#ddd)!important;background:#fff!important;color:var(--v7a)!important}
.v4-visual-foot{background:linear-gradient(90deg,color-mix(in srgb,var(--v7a) 6%,#fff),#fff)!important;border-color:color-mix(in srgb,var(--v7a) 17%,#ddd)!important}
.v4-visual-foot b{color:var(--v7a)!important}

/* 01 Positionierung */
.v-pos .pos-v4-map{background:
  radial-gradient(circle at 58% 44%,rgba(179,30,77,.08),transparent 29%),
  linear-gradient(145deg,#fff,#FCF5F6)!important;border-color:#E3C9CF!important}
.v-pos .pos-v4-map:before{background:linear-gradient(rgba(120,14,41,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,14,41,.055) 1px,transparent 1px)!important;background-size:44px 44px!important}
.v-pos .pos-v4-target{background:linear-gradient(145deg,var(--v7-ruby-hi),var(--v7-ruby) 55%,#480817)!important;box-shadow:0 0 0 15px rgba(179,30,77,.08),0 17px 38px rgba(120,14,41,.23)!important}
.v-pos .pos-v4-target:before{content:"";position:absolute;inset:11px;border:1px solid rgba(255,255,255,.32);border-radius:50%}
.v-pos .pos-v4-dot.active{background:linear-gradient(135deg,#FFF6F8,#F9E5EB)!important;border-color:#D89AAA!important;box-shadow:0 10px 24px rgba(120,14,41,.13)!important}
.v-pos .pos-v4-panel{background:linear-gradient(160deg,#fff,#FDF4F6)!important;border-color:#E4CED3!important}
.v-pos .pos-score-row strong{color:var(--v7-ruby-hi)!important}
.v-pos .pos-score-bars i:after{background:linear-gradient(90deg,var(--v7-ruby),var(--v7-rose))!important}

/* 02 Angebot & Markenmechanik */
.v-offer .offer-v4-nav{background:linear-gradient(160deg,#fff,#FAF0F7)!important;border-color:#E2CADE!important}
.v-offer .offer-v4-tab.active{background:linear-gradient(135deg,#F8E7F3,#F4DDEB)!important;border-color:#D8AFCB!important;box-shadow:0 8px 18px rgba(141,39,97,.10)}
.v-offer .offer-v4-tab.active b,.v-offer .offer-v4-badge,.v-offer .offer-kpi-main,.v-offer .offer-v4-bottom b{color:var(--v7-berry)!important}
.v-offer .offer-v4-sheet{background:linear-gradient(160deg,#fff 0%,#FFF9FC 72%,#F8EAF2 100%)!important;border-color:#E2C9DA!important;box-shadow:0 18px 38px rgba(141,39,97,.08)!important}
.v-offer .offer-v4-badge{background:#F5E2EF!important}
.v-offer .offer-v4-flow div:nth-child(1){background:#FFF6F8!important;border-color:#ECD2D9!important}
.v-offer .offer-v4-flow div:nth-child(2){background:#F8EFF8!important;border-color:#DECDE3!important}
.v-offer .offer-v4-flow div:nth-child(3){background:#FBF0EB!important;border-color:#E7D1C5!important}
.v-offer .offer-v4-stack span{background:linear-gradient(90deg,#FBF5F8,#fff)!important;border-color:#E9DADF!important}
.v-offer .offer-v4-kpi{background:linear-gradient(160deg,#fff,#F7EDF4)!important;border-color:#E2CADE!important}
.v-offer .offer-kpi-ring{background:conic-gradient(var(--v7-berry) 0 78%,#EEE3EB 78%)!important;box-shadow:0 10px 28px rgba(141,39,97,.12)}

/* 03 Nachfrage */
.v-leads .lead-v4-phone{border-color:#D9BCC3!important;box-shadow:0 22px 44px rgba(116,31,55,.18)!important}
.v-leads .lead-v4-screen{background:radial-gradient(260px 180px at 50% 110%,rgba(208,82,115,.26),transparent 70%),linear-gradient(180deg,#2A171D,#151315)!important}
.v-leads .lead-v4-note.active{background:linear-gradient(110deg,rgba(208,82,115,.27),rgba(255,255,255,.12))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.10)}
.v-leads .lead-v4-flow{background:linear-gradient(160deg,#fff,#FFF6F4)!important;border-color:#E8CFCC!important}
.v-leads .lead-v4-source.active{background:linear-gradient(135deg,var(--v7-rose),var(--v7-coral))!important;border-color:var(--v7-rose)!important;box-shadow:0 8px 18px rgba(208,82,115,.18)}
.v-leads .lead-v4-route div{background:linear-gradient(90deg,#FFF9F8,#fff)!important}
.v-leads .lead-v4-route div:nth-child(1) i{background:#F7E7EE!important;color:var(--v7-ruby-hi)!important}
.v-leads .lead-v4-route div:nth-child(2) i{background:#F5E6F3!important;color:var(--v7-berry)!important}
.v-leads .lead-v4-route div:nth-child(3) i{background:#FBE6E7!important;color:var(--v7-rose)!important}
.v-leads .lead-v4-route div:nth-child(4) i{background:#F7EBDD!important;color:var(--v7-bronze)!important}
.v-leads .lead-v4-score{background:linear-gradient(110deg,#F9E4EA,#FFF6EF)!important;border-color:#EAC8CF!important}
.v-leads .lead-v4-score>strong{background:linear-gradient(145deg,var(--v7-rose),var(--v7-ruby-hi))!important;color:#fff!important;box-shadow:0 8px 18px rgba(208,82,115,.18)}

/* 04 Systemvertrieb */
.v-sales .sales-v4{border-color:#DAC4D3!important;box-shadow:0 16px 38px rgba(92,34,76,.09)!important}
.v-sales .sales-v4-top{background:linear-gradient(110deg,#FFF,#F7ECF5)!important;border-color:#E0CFDC!important}
.v-sales .sales-v4-stat{background:linear-gradient(145deg,#fff,#F9F1F7)!important;border-color:#E5D4E1!important}
.v-sales .sales-v4-row.active{background:linear-gradient(90deg,#F5E6F1,#FBF2F8)!important;border-color:#D6B6CC!important;box-shadow:0 7px 18px rgba(92,34,76,.08)}
.v-sales .sales-v4-row.active .sales-v4-avatar{background:linear-gradient(145deg,#8E3D72,var(--v7-plum))!important;box-shadow:0 7px 16px rgba(92,34,76,.20)}
.v-sales .sales-v4-bar i{background:linear-gradient(90deg,var(--v7-plum),#A74F85)!important}
.v-sales .sales-detail-ring{background:conic-gradient(var(--v7-plum) 0 var(--score,84%),#EEE4EB var(--score,84%))!important}
.v-sales .sales-detail-ring strong{color:var(--v7-plum)!important}
.v-sales .sales-detail-action{background:linear-gradient(135deg,var(--v7-plum),#8E3D72)!important;box-shadow:0 9px 20px rgba(92,34,76,.18)}
.v-sales .sales-v4-funnel span.active{background:#F3E1EE!important;color:var(--v7-plum)!important}

/* 05 Skalierung */
.v-scale .scale-v4-map{background:
  radial-gradient(circle at 50% 48%,rgba(212,154,87,.11),transparent 29%),
  linear-gradient(145deg,#fff,#FCF7F1)!important;border-color:#E2CFBF!important}
.v-scale .scale-v4-map:before{background:radial-gradient(circle at 48% 47%,rgba(169,95,66,.10),transparent 29%),linear-gradient(rgba(169,95,66,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(169,95,66,.04) 1px,transparent 1px)!important;background-size:auto,38px 38px,38px 38px!important}
.v-scale .scale-v4-core{background:linear-gradient(145deg,var(--v7-gold),var(--v7-bronze) 55%,#6F3727)!important;box-shadow:0 0 0 14px rgba(212,154,87,.10),0 16px 34px rgba(169,95,66,.20)!important}
.v-scale .scale-v4-node.auto{background:linear-gradient(135deg,#FFF5EA,#F8E6D8)!important;border-color:#DAB797!important}
.v-scale .scale-v4-node.auto b{color:var(--v7-bronze)!important}.v-scale .scale-v4-node.auto em{background:var(--v7-gold)!important;box-shadow:0 0 0 4px rgba(212,154,87,.12)!important}
.v-scale .scale-v4-side{background:linear-gradient(160deg,#fff,#FBF3EA)!important;border-color:#E2CFBF!important}
.v-scale .scale-v4-hours{color:var(--v7-bronze)!important}
.v-scale .scale-v4-progress i:after{background:linear-gradient(90deg,var(--v7-bronze),var(--v7-gold))!important}
.v-scale .scale-v4-action{background:linear-gradient(135deg,var(--v7-bronze),var(--v7-gold))!important;box-shadow:0 9px 20px rgba(169,95,66,.17)}

/* ===== OPENING VIDEO SLOT: cleaner 16:9 centerpiece ===== */
.v6-opening-shell{border-color:#DCC8C6!important;box-shadow:0 38px 100px rgba(68,24,38,.12)!important}
.v6-video-frame{aspect-ratio:16/9;min-height:0!important;background:
  radial-gradient(550px 260px at 82% 66%,rgba(233,120,116,.31),transparent 66%),
  radial-gradient(450px 270px at 22% 24%,rgba(141,39,97,.34),transparent 68%),
  linear-gradient(135deg,#210811 0%,#481021 35%,#741832 67%,#2B0915 100%)!important}
.v6-play{box-shadow:0 0 0 12px rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.20),0 0 38px rgba(208,82,115,.26)!important}
.v6-opening.is-previewing .v6-video-frame{box-shadow:0 30px 80px rgba(104,21,49,.30),inset 0 1px 0 rgba(255,255,255,.14)!important}
.v6-video-outline{background:linear-gradient(160deg,#fff,#FAF2F5)!important;border-color:#E1CFD5!important}
.v6-video-outline>div:nth-of-type(1) i{background:#F6E3E9!important;color:var(--v7-ruby)!important}
.v6-video-outline>div:nth-of-type(2) i{background:#F3E4F0!important;color:var(--v7-berry)!important}
.v6-video-outline>div:nth-of-type(3) i{background:#FAE9DF!important;color:var(--v7-bronze)!important}

/* ===== Detail pages: carry the same stronger template finish ===== */
.xp-visual .x-visual{border-color:color-mix(in srgb,var(--v7a,var(--v7-ruby)) 18%,#ddd)!important}

@media(max-width:1050px){.v7-board-journey{grid-template-columns:1fr 14px 1fr 14px 1fr;margin:0 14px 12px}.v7-board-journey>span{padding:8px}.v7-board-journey small{font-size:1rem}}
@media(max-width:760px){.v7-board-journey{grid-template-columns:1fr;gap:5px}.v7-board-journey>i{transform:rotate(90deg)}.v7-board-journey>span{min-height:0}.x-system-tab.active b{color:#3E3634!important}.v6-video-frame{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.x-board.v4-board:after{animation:none}.x-system-stage.is-changing .x-pane.active{animation:none}}