/* TARIQ CONSULTING · REPOSITIONIERUNG V5
   Final polish layer: clearer ICP, stronger differentiation, richer transitions,
   premium case-study surfaces and restrained Rubellit-led color accents. */
:root{
  --v5-rub:#6F1022;
  --v5-rub-deep:#4B0815;
  --v5-berry:#8C2540;
  --v5-rose:#A9475C;
  --v5-plum:#5A2939;
  --v5-bronze:#9A705E;
  --v5-champagne:#C7A28E;
  --v5-ink:#151314;
  --v5-paper:#FBFAF8;
  --v5-line:#E8DFDC;
  --v5-shadow:0 30px 90px rgba(64,31,40,.10);
  --v5-shadow-hover:0 38px 95px rgba(64,31,40,.15);
}

/* ---------- Site identity ---------- */
.brand .sub{max-width:370px;white-space:nowrap;color:#786F6C!important;letter-spacing:.025em!important}
.nav{box-shadow:0 8px 28px rgba(53,30,36,.025)}
.nav-cta{box-shadow:0 10px 24px rgba(111,16,34,.13)!important}

/* ---------- Hero: instant ICP + premium finish ---------- */
.x-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:108px}
.x-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:
  radial-gradient(850px 440px at 87% 13%,rgba(111,16,34,.105),transparent 64%),
  radial-gradient(620px 370px at 6% 78%,rgba(169,71,92,.045),transparent 65%),
  linear-gradient(180deg,#fff 0%,#FCFAF9 66%,#FBFAF8 100%)}
.x-hero:after{content:"";position:absolute;z-index:-1;width:620px;height:620px;border:1px solid rgba(111,16,34,.055);border-radius:50%;right:-280px;top:-240px;box-shadow:0 0 0 68px rgba(111,16,34,.018),0 0 0 136px rgba(111,16,34,.012)}
.v5-hero-kicker{font-size:1rem!important;background:linear-gradient(180deg,#fff,#FAF4F5)!important;border-color:#DCC2C9!important;color:var(--v5-rub)!important;box-shadow:0 8px 28px rgba(111,16,34,.06)!important}
.x-hero .x-title{max-width:920px;letter-spacing:-.058em}
.x-hero .x-title em{position:relative;text-decoration:none}
.x-hero .x-title em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:7px;background:linear-gradient(90deg,rgba(111,16,34,.08),rgba(169,71,92,.20),rgba(111,16,34,.06));border-radius:999px;filter:blur(.2px)}
.x-hero .x-lead{max-width:860px}
.v5-audience-chips{margin-top:28px;padding-top:20px;border-top:1px solid #E9E1DE;display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.v5-audience-chips>small{font-size:1rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#958B88;padding-top:8px;margin-right:2px}
.v5-audience-chips span{display:inline-flex;align-items:center;gap:8px;min-height:33px;padding:0 11px;border:1px solid #E3D8D5;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 7px 20px rgba(55,31,37,.035);font-size:1rem;font-weight:700;color:#4F4846}
.v5-audience-chips i{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:1rem;font-style:normal;color:#fff;background:linear-gradient(145deg,var(--v5-rub),var(--v5-berry));box-shadow:0 5px 12px rgba(111,16,34,.16)}

/* Hero architecture: glossy white product surface, never black */
.x-board.v4-board{position:relative;border-color:#DED2CE;box-shadow:0 38px 100px rgba(62,30,39,.12),inset 0 1px 0 #fff}
.x-board.v4-board:after{content:"";position:absolute;z-index:20;pointer-events:none;left:-22%;top:-20%;width:58%;height:170%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);opacity:.28;animation:v5BoardSheen 8.5s ease-in-out infinite}
@keyframes v5BoardSheen{0%,68%,100%{transform:translateX(-130%) rotate(16deg)}82%{transform:translateX(285%) rotate(16deg)}}
.v4-board .x-board-head{background:linear-gradient(180deg,#fff,#FBF8F7)}
.v4-stage{overflow:hidden;isolation:isolate}
.v4-stage:after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:linear-gradient(100deg,transparent 15%,rgba(255,255,255,.85) 48%,transparent 78%);transform:translateX(-65%);transition:opacity .2s}
.v4-stage:hover:after,.v4-stage.active:after{opacity:.65;animation:v5MiniSheen 1.1s ease-out both}
@keyframes v5MiniSheen{to{transform:translateX(70%)}}
.v4-stage.active{transform:translateX(3px);box-shadow:0 17px 34px rgba(111,16,34,.105)}
.v4-result-mark{position:relative;overflow:hidden}
.v4-result-mark:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.42) 49%,transparent 62%);transform:translateX(-70%);animation:v5LogoGlint 5.6s ease-in-out infinite}
@keyframes v5LogoGlint{0%,58%,100%{transform:translateX(-70%)}74%{transform:translateX(70%)}}
.v4-board-footer{min-height:72px}
.v5-board-for{display:flex!important;align-items:center!important;gap:7px!important;color:#756B68!important}
.v5-board-for b{color:var(--v5-rub)!important;font-size:1rem!important}

/* ---------- Continuous project rail ---------- */
.x-case-strip{position:relative;padding:30px 0 36px;background:linear-gradient(180deg,#fff,#FCFAF9);border-top:1px solid #EEE7E4;border-bottom:1px solid #EEE7E4;overflow:hidden}
.x-case-strip:before,.x-case-strip:after{content:"";position:absolute;top:0;bottom:0;width:110px;z-index:4;pointer-events:none}
.x-case-strip:before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.x-case-strip:after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.x-case-intro-wide{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.x-case-intro-wide b{font-size:18px}.x-case-intro-wide span{font-size:1rem;text-transform:uppercase;letter-spacing:.11em;color:#8C827F}
.x-case-track{gap:16px!important;animation-duration:38s!important}
.x-case-mini2{position:relative!important;width:350px!important;min-height:128px!important;display:grid!important;grid-template-columns:78px 1fr!important;gap:17px!important;align-items:center!important;padding:18px!important;border:1px solid #E4DAD7!important;background:linear-gradient(145deg,#fff,#FBF7F6)!important;overflow:hidden!important;box-shadow:0 14px 36px rgba(52,29,35,.05)!important}
.x-case-mini2:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--case-accent,var(--v5-rub)),rgba(169,71,92,.15),transparent 88%)}
.x-case-mini2:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-74px;bottom:-88px;background:radial-gradient(circle,rgba(111,16,34,.08),transparent 66%);transition:.3s ease}
.x-case-mini2:hover{transform:translateY(-5px)!important;box-shadow:0 22px 52px rgba(52,29,35,.10)!important;border-color:#D9C7C4!important}
.x-case-mini2:hover:after{transform:scale(1.18)}
.x-case-mini2:nth-child(2){--case-accent:var(--v5-berry)}.x-case-mini2:nth-child(3){--case-accent:var(--v5-rose)}.x-case-mini2:nth-child(4){--case-accent:var(--v5-plum)}.x-case-mini2:nth-child(5){--case-accent:var(--v5-bronze)}
.x-case-mini2 img{width:78px!important;height:62px!important;object-fit:contain!important;padding:12px!important;border-radius:14px;background:#fff;border:1px solid #ECE4E1;box-shadow:0 8px 24px rgba(51,29,35,.04);filter:none!important}
.x-case-mini2 strong{font-size:29px!important;color:var(--v5-rub)!important;letter-spacing:-.055em!important}
.x-case-mini2 small{font-size:1rem!important;line-height:1.45!important;color:#766D6A!important}
.case-type{display:inline-flex;margin-bottom:6px;font-size:1rem!important;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#998E8A!important}

/* ---------- Clear differentiation section ---------- */
.v5-difference{position:relative;background:#fff;overflow:hidden}
.v5-difference:before{content:"";position:absolute;inset:0;background:radial-gradient(650px 360px at 90% 10%,rgba(111,16,34,.055),transparent 65%);pointer-events:none}
.v5-diff-wrap{position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;padding:18px;border:1px solid #E3D9D6;border-radius:28px;background:linear-gradient(150deg,#FCFAF9,#F8F3F2);box-shadow:var(--v5-shadow)}
.v5-diff-nav{padding:8px;display:flex;flex-direction:column;gap:8px}
.v5-diff-nav>small{font-size:1rem;text-transform:uppercase;letter-spacing:.14em;color:#958B88;font-weight:800;margin:5px 7px 8px}
.v5-diff-tab{appearance:none;border:1px solid #E5DCDA;background:rgba(255,255,255,.84);border-radius:13px;padding:14px;text-align:left;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;cursor:pointer;transition:.24s ease;color:#564F4D}
.v5-diff-tab i{width:34px;height:34px;border-radius:10px;background:#F1E9E7;display:grid;place-items:center;font-style:normal;font-size:1rem;font-weight:800;color:#837875;transition:.24s ease}
.v5-diff-tab b{display:block;font-size:1rem}.v5-diff-tab span{display:block;font-size:1rem;color:#918784;margin-top:3px;line-height:1.35}
.v5-diff-tab:hover{transform:translateX(3px);border-color:#D8C7C4}.v5-diff-tab.active{background:#fff;border-color:#D7BCC3;box-shadow:0 14px 32px rgba(111,16,34,.08);color:var(--v5-rub)}.v5-diff-tab.active i{background:var(--v5-rub);color:#fff;box-shadow:0 8px 18px rgba(111,16,34,.16)}
.v5-diff-stage{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:480px}
.v5-diff-card{position:relative;border-radius:20px;border:1px solid #E4DAD7;background:#fff;padding:28px;overflow:hidden;display:flex;flex-direction:column}
.v5-diff-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#C9B7B2,transparent)}
.v5-diff-card.tc:before{background:linear-gradient(90deg,var(--v5-rub),var(--v5-rose),transparent)}
.v5-diff-card.tc{background:linear-gradient(145deg,#fff,#FAF0F2);border-color:#DCC3C9;box-shadow:0 18px 50px rgba(111,16,34,.075)}
.v5-diff-card .overline{font-size:1rem;text-transform:uppercase;letter-spacing:.14em;color:#958A87;font-weight:800}.v5-diff-card.tc .overline{color:var(--v5-rub)}
.v5-diff-card h3{font-size:clamp(27px,2.5vw,40px);letter-spacing:-.045em;line-height:1.04;margin:18px 0 12px}.v5-diff-card>p{font-size:1rem;line-height:1.62;color:#746B68;margin:0 0 24px}
.v5-diff-scope{display:grid;gap:8px;margin-top:auto}.v5-diff-scope div{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:11px 12px;border:1px solid #EAE2DF;border-radius:11px;background:#FCFAF9;font-size:1rem;color:#69615E}.v5-diff-scope strong{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:#A09895}.v5-diff-scope .on strong{color:var(--v5-rub)}
.v5-diff-chain{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:17px}.v5-diff-chain span{position:relative;padding:10px 8px;border-radius:10px;background:#fff;border:1px solid #E4D8D5;font-size:1rem;text-align:center;font-weight:800;color:#6C6360}.v5-diff-chain span+span:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);color:#AE9D98}.v5-diff-card.tc .v5-diff-chain span{background:linear-gradient(180deg,#fff,#F7E9EC);border-color:#D8BCC3;color:var(--v5-rub)}
.v5-diff-note{margin-top:18px;padding:13px 14px;border-radius:12px;background:#F8F4F2;border:1px solid #E8DFDC;font-size:1rem;line-height:1.5;color:#766D69}.v5-diff-card.tc .v5-diff-note{background:#fff;border-color:#DFC9CE;color:#5D4F50}

/* ---------- System transition and differentiated pillar colors ---------- */
.x-system{position:relative;overflow:hidden}
.x-system:before{content:"";position:absolute;width:720px;height:720px;border-radius:50%;left:-450px;top:160px;background:radial-gradient(circle,rgba(111,16,34,.045),transparent 66%);pointer-events:none}
.x-system-wrap{position:relative;box-shadow:0 34px 96px rgba(59,30,38,.11)!important;border-color:#DDD1CD!important}
.x-system-tabs{position:relative;isolation:isolate;--v5-progress:20%}
.x-system-tabs:after{content:"";position:absolute;left:0;bottom:-1px;height:3px;width:var(--v5-progress);background:linear-gradient(90deg,var(--v5-rub),var(--v5-rose));box-shadow:0 0 18px rgba(111,16,34,.2);transition:width .48s cubic-bezier(.2,.8,.2,1);z-index:4}
.x-system-tab{position:relative;overflow:hidden;--pillar:var(--v5-rub);transition:background .3s ease,color .3s ease,transform .25s ease!important}
.x-system-tab:nth-child(1){--pillar:var(--v5-rub)}.x-system-tab:nth-child(2){--pillar:var(--v5-berry)}.x-system-tab:nth-child(3){--pillar:var(--v5-rose)}.x-system-tab:nth-child(4){--pillar:var(--v5-plum)}.x-system-tab:nth-child(5){--pillar:var(--v5-bronze)}
.x-system-tab:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--pillar) 10%,transparent),transparent 60%);opacity:0;transition:.3s}
.x-system-tab:hover:before,.x-system-tab.active:before{opacity:1}.x-system-tab:hover{transform:translateY(-1px)}
.x-system-tab.active{box-shadow:inset 0 -3px 0 var(--pillar)!important}.x-system-tab.active .n{background:var(--pillar)!important;box-shadow:0 7px 18px color-mix(in srgb,var(--pillar) 24%,transparent)!important}
.x-system-stage{position:relative;background:linear-gradient(180deg,#fff,#FCFAF9);transition:filter .2s ease,transform .2s ease}
.x-system-stage.is-changing{filter:saturate(.92);transform:translateY(2px)}
.x-pane{--pillar:var(--v5-rub);position:relative}
.x-pane:nth-child(1){--pillar:var(--v5-rub)}.x-pane:nth-child(2){--pillar:var(--v5-berry)}.x-pane:nth-child(3){--pillar:var(--v5-rose)}.x-pane:nth-child(4){--pillar:var(--v5-plum)}.x-pane:nth-child(5){--pillar:var(--v5-bronze)}
.x-pane.active{animation:v5PaneEnter .62s cubic-bezier(.18,.85,.28,1) both}
@keyframes v5PaneEnter{0%{opacity:0;transform:translateY(13px) scale(.992);filter:blur(2px)}100%{opacity:1;transform:none;filter:none}}
.x-pane .ey{color:var(--pillar)!important}.x-pane li:before{background:var(--pillar)!important;box-shadow:0 6px 15px color-mix(in srgb,var(--pillar) 18%,transparent)}
.x-pane .x-visual{--visual-accent:var(--pillar);box-shadow:0 28px 72px rgba(58,31,38,.09)!important;border-color:#DCCFCC!important;transform:translateZ(0)}
.x-pane .x-visual:after,.xp-visual .x-visual:after{content:"";position:absolute;z-index:1;pointer-events:none;inset:-1px;border-radius:inherit;background:
  radial-gradient(420px 180px at 90% -5%,color-mix(in srgb,var(--visual-accent,var(--v5-rub)) 16%,transparent),transparent 66%),
  linear-gradient(112deg,transparent 30%,rgba(255,255,255,.48) 46%,transparent 61%);opacity:.72;mix-blend-mode:normal}
.x-pane .x-visual:hover{box-shadow:0 38px 82px rgba(58,31,38,.13)!important;transform:translateY(-2px);transition:.32s ease}
.tc-viz-title{z-index:8!important;color:#6E6461!important}.tc-viz-status{z-index:8!important;color:var(--visual-accent,var(--v5-rub))!important}
.v4-visual-foot{border-color:#DED3CF!important;box-shadow:0 10px 30px rgba(51,29,35,.05)}.v4-visual-foot b{color:var(--visual-accent,var(--v5-rub))!important}

/* Add color without leaving the TC palette */
.v-pos{--visual-accent:var(--v5-rub)}.v-offer{--visual-accent:var(--v5-berry)}.v-leads{--visual-accent:var(--v5-rose)}.v-sales{--visual-accent:var(--v5-plum)}.v-scale{--visual-accent:var(--v5-bronze)}
.offer-v4-badge,.lead-v4-score strong,.sales-v4-stat strong,.scale-v4-hours{color:var(--visual-accent)!important}
.offer-v4-tab.active,.lead-v4-source.active,.sales-v4-row.active,.scale-v4-node.auto{border-color:color-mix(in srgb,var(--visual-accent) 38%,#ddd)!important;background:color-mix(in srgb,var(--visual-accent) 8%,#fff)!important}
.offer-kpi-ring,.sales-detail-ring{filter:drop-shadow(0 10px 18px rgba(64,31,40,.08))}

/* ---------- Configurator preview ---------- */
.x-config-box{position:relative;overflow:hidden;box-shadow:0 34px 84px rgba(111,16,34,.09)!important}
.x-config-box:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,rgba(111,16,34,.12),transparent 67%)}
.config-preview{position:relative;overflow:hidden;border:1px solid #DCCFCB!important;background:linear-gradient(145deg,#fff,#FBF8F7)!important}
.config-preview:after{content:"";position:absolute;left:-60%;top:-20%;width:42%;height:150%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);transform:rotate(16deg);animation:v5ConfigSheen 9s ease-in-out infinite;pointer-events:none}
@keyframes v5ConfigSheen{0%,70%,100%{left:-60%}84%{left:125%}}
.config-opt{transition:.22s ease!important}.config-opt:hover{transform:translateY(-2px);border-color:#D5BDC3!important}.config-opt.active{background:#F7E9EC!important;color:var(--v5-rub)!important;border-color:#D6B7BF!important;box-shadow:0 8px 24px rgba(111,16,34,.08)!important}

/* ---------- Case studies: premium evidence cards ---------- */
.x-results{position:relative;overflow:hidden}
.x-results:before{content:"";position:absolute;inset:0;background:radial-gradient(780px 420px at 92% 4%,rgba(111,16,34,.055),transparent 65%);pointer-events:none}
.x-results .x-shell{position:relative}
.x-result-main{position:relative!important;background:linear-gradient(145deg,#fff 0%,#FBF5F6 68%,#F4E5E9 100%)!important;border:1px solid #DCCDC9!important;box-shadow:0 30px 80px rgba(57,30,38,.09)!important;overflow:hidden!important}
.x-result-main:before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;right:-120px;top:-150px;background:radial-gradient(circle,rgba(111,16,34,.16),transparent 66%)}
.x-result-main:after{content:""!important;position:absolute!important;inset:0!important;width:auto!important;height:auto!important;border-radius:inherit!important;background:linear-gradient(112deg,transparent 32%,rgba(255,255,255,.58) 48%,transparent 62%)!important;opacity:.5!important;transform:translateX(-100%);animation:v5CaseSheen 9.5s ease-in-out infinite}
@keyframes v5CaseSheen{0%,72%,100%{transform:translateX(-110%)}87%{transform:translateX(110%)}}
.x-result-top{position:relative;z-index:3}.x-result-top img{filter:none!important;background:#fff;border:1px solid #E6DEDB;border-radius:12px;padding:8px;box-shadow:0 8px 24px rgba(55,31,37,.04)}
.x-result-top span{color:#7C706D!important;background:#fff;border:1px solid #E3D8D5;border-radius:999px;padding:7px 10px;letter-spacing:.09em}
.x-result-main strong{color:var(--v5-rub)!important;text-shadow:0 10px 36px rgba(111,16,34,.08)}
.x-result-main h3{color:#252021!important}.x-result-main p{color:#6B625F!important;max-width:600px}
.x-result-line{border-bottom-color:#E4D7D3!important;z-index:2}.x-result-line path{stroke:url(#v5Gradient)!important;stroke:var(--v5-rub)!important;filter:drop-shadow(0 4px 9px rgba(111,16,34,.18))}
.v5-case-meta{position:relative;z-index:3;display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.v5-case-meta span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff;border:1px solid #E2D6D3;font-size:1rem;font-weight:700;color:#776D6A}
.x-result-card{position:relative!important;overflow:hidden!important;transition:.28s ease!important;background:linear-gradient(145deg,#fff,#FCFAF9)!important;border-color:#E0D5D2!important;box-shadow:0 14px 38px rgba(53,29,36,.05)!important}
.x-result-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--v5-rub),transparent 88%)}
.x-result-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-70px;bottom:-80px;background:radial-gradient(circle,rgba(111,16,34,.08),transparent 66%);transition:.3s}
.x-result-card:hover{transform:translateY(-5px);box-shadow:0 22px 54px rgba(53,29,36,.10)!important;border-color:#D5C2BE!important}.x-result-card:hover:after{transform:scale(1.25)}
.x-result-card img{padding:8px;border-radius:11px;background:#fff;border:1px solid #ECE4E1;filter:none!important}
.x-result-card strong{color:var(--v5-rub)!important}.x-result-card b{color:#3B3432}.x-result-card small{line-height:1.45}.case-focus{display:inline-flex!important;width:max-content;margin-top:7px!important;padding:5px 7px;border-radius:999px;background:#F6ECEE;color:var(--v5-rub)!important;border:1px solid #E5CCD2;font-size:1rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.08em}
.x-results-note{font-size:1rem!important;color:#8A817E!important}

/* Results page uses the same evidence language */
.x-corehero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#FBFAF8)!important}
.x-corehero:after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;right:-250px;top:-330px;background:radial-gradient(circle,rgba(111,16,34,.10),transparent 65%)}
.x-casebig{position:relative;overflow:hidden!important;background:linear-gradient(145deg,#fff,#FBF7F6)!important;border-color:#E0D5D2!important;box-shadow:0 16px 42px rgba(53,29,36,.055)!important;transition:.28s ease}.x-casebig:hover{transform:translateY(-5px);box-shadow:0 25px 60px rgba(53,29,36,.105)!important}.x-casebig:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--v5-rub),var(--v5-rose),transparent)}.x-casebig img{filter:none!important;background:#fff;border:1px solid #EAE1DE;border-radius:13px;padding:10px}.x-casebig strong{color:var(--v5-rub)!important}

/* ---------- Audience: make the category unmistakable ---------- */
.x-audience{position:relative;overflow:hidden}
.x-audience:before{content:"";position:absolute;left:50%;top:34%;width:760px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(111,16,34,.045),transparent 70%);pointer-events:none}
.x-audience .x-shell{position:relative}.x-audience .x-head{max-width:980px!important;margin-left:auto;margin-right:auto}
.x-aud{position:relative;overflow:hidden;min-height:260px!important;border-color:#E1D7D4!important;background:linear-gradient(145deg,#fff,#FCFAF9)!important;box-shadow:0 15px 42px rgba(52,29,35,.055)!important}
.x-aud:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--aud,var(--v5-rub)),transparent 85%)}
.x-aud:nth-child(1){--aud:var(--v5-rub)}.x-aud:nth-child(2){--aud:var(--v5-berry)}.x-aud:nth-child(3){--aud:var(--v5-plum)}.x-aud:nth-child(4){--aud:var(--v5-bronze)}
.x-aud .icon{background:color-mix(in srgb,var(--aud) 10%,#fff)!important;color:var(--aud)!important;border:1px solid color-mix(in srgb,var(--aud) 20%,#fff);box-shadow:0 8px 22px color-mix(in srgb,var(--aud) 10%,transparent)}
.x-aud h3{font-size:22px!important}.x-aud:hover{transform:translateY(-6px)!important;box-shadow:0 26px 58px rgba(52,29,35,.10)!important}
.v5-audience-foot{margin-top:20px;padding:15px 18px;border:1px solid #E6DDDA;border-radius:15px;background:#FAF7F5;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:1rem;color:#756C69}.v5-audience-foot b{color:var(--v5-rub)}

/* ---------- Detail pages: audience clarity + polished visuals ---------- */
.xp-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,#FBFAF8)}
.xp-hero:before{content:"";position:absolute;right:-230px;top:-320px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(111,16,34,.085),transparent 66%)}
.xp-hero .x-shell{position:relative}
.v5-page-audience{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px}.v5-page-audience>span:first-child{font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#938885;margin-right:3px}.v5-page-audience b{display:inline-flex;min-height:28px;align-items:center;padding:0 9px;border:1px solid #E2D6D3;border-radius:999px;background:#fff;font-size:1rem;color:#5E5653;box-shadow:0 6px 18px rgba(55,31,37,.03)}
.xp-visual{position:relative;overflow:hidden!important;border-color:#DCCFCC!important;box-shadow:0 34px 92px rgba(59,30,38,.11)!important}
.xp-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 33%,rgba(255,255,255,.44) 49%,transparent 64%);transform:translateX(-105%);animation:v5DetailSheen 8.7s ease-in-out infinite;z-index:15;opacity:.45}
@keyframes v5DetailSheen{0%,70%,100%{transform:translateX(-105%)}86%{transform:translateX(105%)}}
.xp-next-grid a{position:relative;overflow:hidden;transition:.25s ease}.xp-next-grid a:hover{transform:translateY(-3px)}.xp-next-grid a.active{box-shadow:0 15px 34px rgba(111,16,34,.10)}

/* ---------- Motion: restrained and accessible ---------- */
.v5-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.v5-reveal.v5-in{opacity:1;transform:none}
.v5-gloss{--mx:50%;--my:50%;position:relative}.v5-gloss:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(280px circle at var(--mx) var(--my),rgba(255,255,255,.44),transparent 66%);opacity:0;transition:opacity .2s}.v5-gloss:hover:after{opacity:.6}

@media(max-width:1120px){
  .v5-diff-wrap{grid-template-columns:1fr}.v5-diff-nav{display:grid;grid-template-columns:repeat(3,1fr)}.v5-diff-nav>small{grid-column:1/-1}.v5-diff-tab{grid-template-columns:28px 1fr}.v5-diff-tab i{width:28px;height:28px}
  .v5-diff-stage{min-height:0}
}
@media(max-width:760px){
  .brand .sub{max-width:210px;overflow:hidden;text-overflow:ellipsis}.v5-audience-chips>small{width:100%}.v5-audience-chips{gap:8px}.v5-audience-chips span{font-size:1rem;padding:0 8px}.v5-audience-chips i{width:18px;height:18px}
  .x-board.v4-board:after,.config-preview:after,.x-result-main:after,.xp-visual:after{animation:none!important;display:none}
  .x-case-strip:before,.x-case-strip:after{width:30px}.x-case-mini2{width:292px!important;grid-template-columns:62px 1fr!important}.x-case-mini2 img{width:62px!important;height:54px!important}.x-case-mini2 strong{font-size:24px!important}
  .v5-diff-nav{grid-template-columns:1fr}.v5-diff-stage{grid-template-columns:1fr}.v5-diff-card{padding:21px}.v5-diff-chain{grid-template-columns:1fr}.v5-diff-chain span+span:before{content:"";left:50%;top:-10px;transform:translateX(-50%)}
  .v5-audience-foot{align-items:flex-start;flex-direction:column}.x-aud{min-height:225px!important}
}
@media(prefers-reduced-motion:reduce){
  .x-board.v4-board:after,.config-preview:after,.x-result-main:after,.xp-visual:after,.v4-result-mark:after{animation:none!important}.x-pane.active{animation:none!important}.v5-reveal{opacity:1!important;transform:none!important;transition:none!important}
}
.v5-diff-chain span small{display:block;margin-top:4px;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:#A09592}
.v5-diff-chain .state-on{border-color:#D6B8C0!important;background:#F9ECEF!important;color:var(--v5-rub)!important}.v5-diff-chain .state-on small{color:var(--v5-rub)!important}
.v5-diff-chain .state-partial{border-color:#DDCBC6!important;background:#FAF6F4!important}.v5-diff-chain .state-partial small{color:#8C6F65!important}
.v5-diff-chain .state-off{opacity:.58}
.v5-diff-card.v5-swap{animation:v5DiffSwap .42s cubic-bezier(.2,.8,.2,1) both}@keyframes v5DiffSwap{0%{opacity:.55;transform:translateY(6px)}100%{opacity:1;transform:none}}
/* Pillar-specific ambient color, still inside the Rubellit / warm-neutral family. */
.v-pos{background:radial-gradient(420px 230px at 78% 22%,rgba(111,16,34,.10),transparent 66%),linear-gradient(145deg,#FFFDFC,#F7F1F0)!important}
.v-offer{background:radial-gradient(420px 230px at 78% 22%,rgba(140,37,64,.10),transparent 66%),linear-gradient(145deg,#FFFDFC,#F8F0F2)!important}
.v-leads{background:radial-gradient(420px 230px at 78% 22%,rgba(169,71,92,.10),transparent 66%),linear-gradient(145deg,#FFFDFC,#F9F1F2)!important}
.v-sales{background:radial-gradient(420px 230px at 78% 22%,rgba(90,41,57,.10),transparent 66%),linear-gradient(145deg,#FFFDFC,#F7F1F3)!important}
.v-scale{background:radial-gradient(420px 230px at 78% 22%,rgba(154,112,94,.12),transparent 66%),linear-gradient(145deg,#FFFDFC,#F8F3F0)!important}