/* VA20Four7 v11.11 — Cinematic Visual System
   Visual-only treatment. No content, hierarchy or visual geometry changes. */

:root{
  --cv11-bg:#071522;
  --cv11-bg-2:#0a1c2d;
  --cv11-panel:#10253a;
  --cv11-panel-2:#132b43;
  --cv11-line:rgba(136,174,213,.20);
  --cv11-line-soft:rgba(136,174,213,.11);
  --cv11-text:#f2f7ff;
  --cv11-muted:#9fb2c8;
  --cv11-muted-2:#7f96ae;
  --cv11-blue:#67a4ff;
  --cv11-mint:#55d6aa;
  --cv11-violet:#9a8dff;
  --cv11-warm:#f08b76;
  --cv11-shadow:0 28px 80px rgba(1,9,18,.28),0 10px 28px rgba(1,9,18,.18),inset 0 1px 0 rgba(255,255,255,.055);
  --cv11-shadow-soft:0 18px 48px rgba(1,9,18,.22),inset 0 1px 0 rgba(255,255,255,.045);
}

/* --------------------------------------------------------------------------
   1. Visual canvases only — same content, cinematic dark presentation
   -------------------------------------------------------------------------- */
:is(
  .editorial-visual-frame,.chapter-visual-frame,.service-card-art,.workflow-visual-canvas,
  .home940-pressure-board,.home970-flow,.home990-shell,.home1010-stack-visual,
  .va102-service-console,.va102-audience-hero-visual,.va102-orchestration-board,.va102-intelligence-board,
  .va103-audit-console,.va103-output-board,.va103-diagnostic-shell,
  .va104-mini-dashboard,.va104-resource-feature-shell,.va104-career-console,.va104-resource-console,
  .va107-signature,.va107-layer-rail,.va107-design-board,
  .va110-platform-ui,.va110-loop-visual,.va110-pricing-visual,.va110-support-demo,
  .hero-visual-system,.contact-mini-flow
){
  color:var(--cv11-text)!important;
  border-color:var(--cv11-line)!important;
  background:
    radial-gradient(circle at 88% 5%,rgba(102,144,255,.16),transparent 30%),
    radial-gradient(circle at 10% 100%,rgba(83,214,170,.07),transparent 28%),
    linear-gradient(145deg,var(--cv11-bg-2) 0%,var(--cv11-bg) 62%,#07131f 100%)!important;
  box-shadow:var(--cv11-shadow)!important;
}

:is(
  .editorial-visual-frame,.chapter-visual-frame,.service-card-art,.workflow-visual-canvas,
  .home940-pressure-board,.home970-flow,.home990-shell,.home1010-stack-visual,
  .va102-service-console,.va102-audience-hero-visual,.va102-orchestration-board,.va102-intelligence-board,
  .va103-audit-console,.va103-output-board,.va103-diagnostic-shell,
  .va104-resource-feature-shell,.va104-career-console,.va104-resource-console,
  .va107-signature,.va107-layer-rail,.va107-design-board,
  .va110-platform-ui,.va110-loop-visual,.va110-pricing-visual,.va110-support-demo,
  .hero-visual-system,.contact-mini-flow
)::before{
  border-color:rgba(255,255,255,.06)!important;
}

/* Edge light / restrained vignette for visual frames */
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art,.workflow-visual-canvas,.va102-service-console,.va102-audience-hero-visual,.va110-pricing-visual){
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art,.workflow-visual-canvas,.va102-service-console,.va102-audience-hero-visual,.va110-pricing-visual)::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 20%,transparent 72%,rgba(0,0,0,.18)),
    radial-gradient(ellipse at center,transparent 55%,rgba(1,8,15,.20) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}

/* --------------------------------------------------------------------------
   2. Existing inline SVG scenes — recolor only, geometry/art stays untouched
   -------------------------------------------------------------------------- */
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene{
  position:relative;
  z-index:2;
  width:100%;
  height:auto;
  display:block;
  filter:saturate(1.08) contrast(1.025);
}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene text{
  font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
/* primary dark ink -> high-contrast cinematic text */
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#10243E"]{fill:#F2F7FF!important}
/* light canvas and panels -> dark navy surfaces */
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#F5F7FB"]{fill:#071522!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#FFFFFF"]{fill:#10253A!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [stroke="#E3E9F2"]{stroke:#29445F!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#E3E9F2"]{fill:#29445F!important}
/* pale badges */
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#F1F1FE"]{fill:#182B49!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#FFF0EC"]{fill:#2A2025!important}
/* navy bars */
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#20385A"]{fill:#193653!important}
/* secondary text */
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#C7D4E4"]{fill:#B7C8DA!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#9DB0C6"]{fill:#91A9C1!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#9FB6D8"]{fill:#A8BED9!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#6B7890"]{fill:#9FB0C5!important}
/* semantic accents */
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#6E70E8"]{fill:#8190FF!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [stroke="#6E70E8"]{stroke:#8190FF!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#2F8F63"]{fill:#55D6AA!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [stroke="#2F8F63"]{stroke:#55D6AA!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#D43A33"],
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [fill="#E4574A"]{fill:#F08B76!important}
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [stroke="#D43A33"],
:is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art) .va247-scene [stroke="#E4574A"]{stroke:#F08B76!important}

/* Remove former pale glows around inline scenes */
.editorial-visual-frame .editorial-glow{opacity:.14!important;filter:blur(44px)!important}
.editorial-visual-frame .editorial-glow-a{background:var(--cv11-violet)!important}
.editorial-visual-frame .editorial-glow-b{background:var(--cv11-blue)!important}
.service-art-sheen{background:linear-gradient(180deg,transparent 50%,rgba(2,10,18,.30))!important}

/* --------------------------------------------------------------------------
   3. Shared cinematic typography inside product visuals
   -------------------------------------------------------------------------- */
:is(
  .workflow-visual-canvas,.home940-pressure-board,.home970-flow,.home990-shell,.home1010-stack-visual,
  .va102-service-console,.va102-audience-hero-visual,.va102-orchestration-board,.va102-intelligence-board,
  .va103-audit-console,.va103-output-board,.va103-diagnostic-shell,
  .va104-mini-dashboard,.va104-resource-feature-shell,.va104-career-console,.va104-resource-console,
  .va107-signature,.va107-layer-rail,.va107-design-board,
  .va110-platform-ui,.va110-loop-visual,.va110-pricing-visual,.va110-support-demo
) :is(h3,h4,strong,b){color:var(--cv11-text)!important}

:is(
  .workflow-visual-canvas,.home940-pressure-board,.home970-flow,.home990-shell,.home1010-stack-visual,
  .va102-service-console,.va102-audience-hero-visual,.va102-orchestration-board,.va102-intelligence-board,
  .va103-audit-console,.va103-output-board,.va103-diagnostic-shell,
  .va104-mini-dashboard,.va104-resource-feature-shell,.va104-career-console,.va104-resource-console,
  .va107-signature,.va107-layer-rail,.va107-design-board,
  .va110-platform-ui,.va110-loop-visual,.va110-pricing-visual,.va110-support-demo
) :is(p,small,em){color:var(--cv11-muted)!important}

/* --------------------------------------------------------------------------
   4. Homepage workflow / ownership visual
   -------------------------------------------------------------------------- */
.home970-flow{
  padding:20px!important;
  border:1px solid var(--cv11-line)!important;
  border-radius:22px!important;
}
.home970-flow-meta{border-bottom-color:var(--cv11-line-soft)!important}
.home970-flow-meta span{color:#a9bbcd!important}
.home970-step{
  background:linear-gradient(180deg,rgba(20,45,69,.92),rgba(12,31,49,.92))!important;
  border-color:var(--cv11-line)!important;
  box-shadow:none!important;
}
.home970-step.step-ai{border-color:rgba(103,164,255,.30)!important;background:linear-gradient(180deg,rgba(31,67,104,.92),rgba(12,32,53,.94))!important}
.home970-step.step-human{border-color:rgba(85,214,170,.28)!important;background:linear-gradient(180deg,rgba(24,68,61,.82),rgba(11,37,43,.94))!important}
.home970-step-top span{color:#dce8f6!important}
.home970-step-top em{color:#89a2ba!important}
.home970-step p{color:#94aac0!important}
.home970-flow-line{background:linear-gradient(90deg,rgba(103,164,255,.24),rgba(103,164,255,.62),rgba(85,214,170,.58),rgba(154,141,255,.30))!important}
.home970-flow-status{background:rgba(20,69,57,.58)!important;border-color:rgba(85,214,170,.24)!important}
.home970-flow-status span{color:#bcebd9!important}

/* --------------------------------------------------------------------------
   5. Homepage Intelligence product view
   -------------------------------------------------------------------------- */
.home990-shell-topbar,.home990-shell-footer{background:rgba(7,21,34,.84)!important;border-color:var(--cv11-line-soft)!important}
.home990-sidebar{background:rgba(8,25,40,.82)!important;border-color:var(--cv11-line-soft)!important}
.home990-sidebar span{color:#8fa6be!important}
.home990-sidebar span.active{color:#edf5ff!important;background:rgba(103,164,255,.12)!important}
.home990-summary-row article,.home990-panel{
  background:linear-gradient(180deg,rgba(19,43,67,.96),rgba(12,31,49,.94))!important;
  border-color:var(--cv11-line)!important;
  box-shadow:none!important;
}
.home990-summary-row article small,.home990-panel-head small,.home990-panel-head>span{color:#8fa6be!important}
.home990-summary-row article strong,.home990-panel-head strong{color:#f3f8ff!important}
.home990-summary-row article span{color:#9db1c7!important}
.home990-score-list article,.home990-theme-list article,.home990-qa-grid article{border-color:var(--cv11-line-soft)!important;background:rgba(7,22,35,.48)!important}
.home990-score-list b,.home990-theme-list b,.home990-qa-grid strong{color:#edf5ff!important}
.home990-score-list strong,.home990-theme-list small,.home990-qa-grid span{color:#91a8c0!important}
.home990-score-list i{background:#1d3853!important}
.home990-sentiment-chart{background:linear-gradient(180deg,rgba(7,22,36,.42),rgba(7,22,36,.04))!important}
.home990-shell-footer span{color:#9fb2c8!important}
.home990-brand span{color:#f3f8ff!important}.home990-brand small{color:#8fa6be!important}
.home990-status span{color:#9eb2c7!important}

/* --------------------------------------------------------------------------
   6. Stack / integrations visual
   -------------------------------------------------------------------------- */
.home1010-stack-core{
  background:linear-gradient(145deg,#173552,#0b2135)!important;
  border-color:rgba(103,164,255,.27)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.22),0 0 54px rgba(103,164,255,.08)!important;
}
.home1010-stack-core small{color:#93aac1!important}.home1010-stack-core strong{color:#f3f8ff!important}
.home1010-stack-core span{color:#afc3d7!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.07)!important}
.home1010-tool{
  background:linear-gradient(180deg,rgba(19,43,67,.96),rgba(10,28,44,.96))!important;
  border-color:var(--cv11-line)!important;
  box-shadow:var(--cv11-shadow-soft)!important;
}
.home1010-tool small{color:#829ab2!important}.home1010-tool strong{color:#edf5ff!important}
.home1010-stack-orbit{border-color:rgba(116,155,197,.13)!important}

/* --------------------------------------------------------------------------
   7. Service / audience / workflow UI visuals
   -------------------------------------------------------------------------- */
.va102-console-top,.va102-console-bottom,.va102-audience-board-top,.va102-audience-board-bottom{
  background:rgba(7,22,36,.58)!important;border-color:var(--cv11-line-soft)!important
}
.va102-console-top span,.va102-audience-board-top span{color:#eaf3fc!important}
.va102-console-top small,.va102-audience-board-top small,.va102-console-bottom small,.va102-audience-board-bottom small{color:#829ab2!important}
.va102-console-bottom b,.va102-audience-board-bottom b{color:#dce9f6!important}
.va102-console-flow article,.va102-audience-board-flow article,.va102-orchestration-board article,.va102-intelligence-cards article{
  background:linear-gradient(180deg,rgba(19,43,67,.94),rgba(10,29,46,.94))!important;
  border-color:var(--cv11-line)!important;
  box-shadow:none!important;
}
.va102-orchestration-board article.is-ai{background:linear-gradient(180deg,rgba(28,65,101,.92),rgba(11,31,51,.96))!important;border-color:rgba(103,164,255,.28)!important}
.va102-orchestration-board article.is-human{background:linear-gradient(180deg,rgba(22,65,57,.88),rgba(9,35,40,.96))!important;border-color:rgba(85,214,170,.26)!important}
.va102-orchestration-board strong,.va102-intelligence-cards b{color:#f0f6ff!important}
.va102-orchestration-board p,.va102-intelligence-cards p{color:#9fb2c8!important}
.va102-intelligence-top{border-color:var(--cv11-line-soft)!important}
.va102-intelligence-top span{color:#edf5ff!important}.va102-intelligence-top small{color:#8ca3bb!important}
.va102-intelligence-line{background:rgba(103,164,255,.18)!important}

/* --------------------------------------------------------------------------
   8. Generic service workflow diagram
   -------------------------------------------------------------------------- */
.workflow-visual-canvas:after{background:radial-gradient(circle,rgba(154,141,255,.14),rgba(154,141,255,0) 70%)!important}
.workflow-visual-head>small{color:#9db3ca!important}
.workflow-visual-head>span{background:rgba(17,43,65,.86)!important;border-color:var(--cv11-line)!important;color:#dce9f6!important}
.workflow-visual-step{background:linear-gradient(180deg,rgba(18,43,66,.96),rgba(10,28,44,.96))!important;border-color:var(--cv11-line)!important;box-shadow:none!important}
.workflow-visual-step small{color:var(--cv11-blue)!important}.workflow-visual-step b{color:#f2f7ff!important}
.workflow-visual-arrow{color:#5f7b98!important}
.workflow-visual-owner>div{background:rgba(17,42,64,.90)!important;border-color:var(--cv11-line)!important}
.workflow-visual-owner>div:first-child{background:rgba(19,66,55,.55)!important;border-color:rgba(85,214,170,.22)!important}
.workflow-visual-owner>div:last-child{background:rgba(46,37,83,.46)!important;border-color:rgba(154,141,255,.22)!important}
.workflow-visual-owner small{color:#8199b1!important}.workflow-visual-owner b{color:#eaf3fc!important}.workflow-visual-foot{color:#859db5!important}

/* --------------------------------------------------------------------------
   9. About / company visual flows
   -------------------------------------------------------------------------- */
.va104-model-shell{border-color:rgba(53,82,111,.17)!important}
.va104-model-flow{
  padding:22px!important;
  border:1px solid var(--cv11-line)!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 90% 0%,rgba(154,141,255,.13),transparent 30%),linear-gradient(145deg,#0a1d2e,#071522)!important;
  box-shadow:var(--cv11-shadow-soft)!important;
}
.va104-model-flow article{background:rgba(18,43,66,.92)!important;border-color:var(--cv11-line)!important;box-shadow:none!important}
.va104-model-flow article.is-ai{background:rgba(28,65,101,.82)!important;border-color:rgba(103,164,255,.26)!important}
.va104-model-flow article.is-human{background:rgba(22,65,57,.78)!important;border-color:rgba(85,214,170,.24)!important}
.va104-model-flow article.is-intel{background:rgba(48,39,84,.74)!important;border-color:rgba(154,141,255,.24)!important}
.va104-model-flow :is(strong,b){color:#eff6ff!important}.va104-model-flow :is(small,span){color:#9fb2c8!important}.va104-model-flow>i{color:#67839f!important}

/* already-dark company mini dashboard: unify lighting */
.va104-mini-dashboard{
  background:radial-gradient(circle at 86% 8%,rgba(103,164,255,.13),transparent 32%),linear-gradient(145deg,#0b2033,#071522)!important;
  border-color:var(--cv11-line)!important;
  box-shadow:var(--cv11-shadow)!important;
}

/* --------------------------------------------------------------------------
   10. Pricing / platform visuals
   -------------------------------------------------------------------------- */
.va110-price-path span,.va110-loop-visual span{
  background:rgba(18,43,66,.94)!important;
  border-color:var(--cv11-line)!important;
  box-shadow:none!important;
}
.va110-price-path span.execution,.va110-loop-visual span.execution{border-color:rgba(103,164,255,.28)!important;background:rgba(28,65,101,.78)!important}
.va110-price-path span.control,.va110-loop-visual span.control{border-color:rgba(85,214,170,.27)!important;background:rgba(22,65,57,.74)!important}
.va110-price-path span.intelligence,.va110-loop-visual span.intelligence{border-color:rgba(154,141,255,.27)!important;background:rgba(48,39,84,.72)!important}
.va110-price-path span,.va110-loop-visual b{color:#f0f6ff!important}
.va110-price-path i,.va110-loop-visual i{color:#718ca7!important}
.va110-price-factors article{background:rgba(16,40,62,.90)!important;border-color:var(--cv11-line)!important;box-shadow:none!important}
.va110-price-factors small,.va110-price-note{color:#89a1b9!important}.va110-price-factors strong{color:#edf5ff!important}

.va110-platform-bar,.va110-platform-body,.va110-platform-panels article{
  border-color:var(--cv11-line-soft)!important;
}
.va110-platform-bar{background:rgba(7,22,36,.74)!important}
.va110-platform-body{background:transparent!important}
.va110-platform-main,.va110-platform-panels article{background:rgba(15,39,61,.82)!important}
.va110-platform-panels article{box-shadow:none!important}
.va110-platform-ui :is(h3,h4,strong,b){color:#f0f6ff!important}
.va110-platform-ui :is(p,small,span){color:#95aac0!important}

/* three-layer rail / service signature visuals */
.va107-layer-rail article,.va107-signature-body>*{
  background:rgba(17,42,64,.88)!important;
  border-color:var(--cv11-line)!important;
  box-shadow:none!important;
}
.va107-layer-rail article.is-execution{background:rgba(28,65,101,.74)!important;border-color:rgba(103,164,255,.25)!important}
.va107-layer-rail article.is-control{background:rgba(22,65,57,.70)!important;border-color:rgba(85,214,170,.24)!important}
.va107-layer-rail article.is-intelligence{background:rgba(48,39,84,.68)!important;border-color:rgba(154,141,255,.24)!important}
.va107-layer-rail :is(strong,b),.va107-signature :is(strong,b){color:#eff6ff!important}
.va107-layer-rail :is(p,small),.va107-signature :is(p,small){color:#9db1c7!important}
.va107-layer-rail>i{color:#6e8ba8!important}

/* --------------------------------------------------------------------------
   11. Mobile: retain cinematic contrast without heavy glow/shadow
   -------------------------------------------------------------------------- */
@media(max-width:760px){
  :is(
    .editorial-visual-frame,.chapter-visual-frame,.service-card-art,.workflow-visual-canvas,
    .home940-pressure-board,.home970-flow,.home990-shell,.home1010-stack-visual,
    .va102-service-console,.va102-audience-hero-visual,.va102-orchestration-board,.va102-intelligence-board,
    .va103-audit-console,.va103-output-board,.va103-diagnostic-shell,
    .va104-mini-dashboard,.va104-resource-feature-shell,.va104-career-console,.va104-resource-console,
    .va107-signature,.va107-layer-rail,.va107-design-board,
    .va110-platform-ui,.va110-loop-visual,.va110-pricing-visual,.va110-support-demo
  ){
    box-shadow:0 16px 38px rgba(1,9,18,.20),inset 0 1px 0 rgba(255,255,255,.04)!important;
    background-image:radial-gradient(circle at 90% 0%,rgba(103,164,255,.10),transparent 28%),linear-gradient(145deg,#0a1c2d,#071522)!important;
  }
  :is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art,.workflow-visual-canvas)::after{background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 22%,transparent 76%,rgba(0,0,0,.12))!important}
  .home970-flow{padding:15px!important}
}

@media(prefers-reduced-motion:reduce){
  :is(.editorial-visual-frame,.chapter-visual-frame,.service-card-art,.workflow-visual-canvas,.home990-shell,.home1010-stack-visual){transition:none!important}
}