/*
============================================================
 EVO-X F4.25B
 CONSOLIDATED EXCELLENCE LAYER

 IMPORTANT:
 Source order below reproduces the previously validated
 browser cascade exactly.
============================================================
*/

/* ======================================================
   SOURCE: assets/evox-f421-guided-intelligence.css
   ====================================================== */
/*
 * EVO-X F4.21
 * Guided Intelligence UX
 */

.evox-f421-focus {
  scroll-margin-top: 110px;
}

.evox-f421-sonia-assist {
  width: min(100%, 760px);
  margin: 20px auto 0;
}

.evox-f421-sonia-question {
  margin: 0 0 14px;
  line-height: 1.55;
}

.evox-f421-sonia-next {
  cursor: pointer;
}

@media (max-width: 767px) {
  .evox-f421-focus {
    scroll-margin-top: 90px;
  }

  .evox-f421-sonia-assist {
    margin-top: 16px;
  }
}


/* ======================================================
   SOURCE: assets/evox-f422-ux-polish.css
   ====================================================== */
/* ==========================================================
   EVO-X F4.22
   SON.IA VISUAL POLISH + HERO SAFETY
   ========================================================== */


/* HERO remains decorative and never blocks CTAs */

#evo-network,
.evo-network,
#evo-network canvas,
.evo-network canvas,
canvas.particles-js-canvas-el {
  pointer-events: none !important;
}


/* ==========================================================
   SON.IA BUTTON SYSTEM
   ========================================================== */

#sonia button,
#sonia .v12-btn,
.sonia button,
.sonia .v12-btn,
[data-sonia] button,
[data-sonia] .v12-btn,
[data-evox-f421-sonia] button {
  border-radius: 999px !important;

  border:
    1px solid
    rgba(255,255,255,.32) !important;

  background:
    rgba(248,246,241,.96) !important;

  color:
    #17202a !important;

  opacity: 1 !important;

  box-shadow:
    0 8px 24px
    rgba(0,0,0,.12);

  font-weight: 700 !important;

  transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease,
    opacity .18s ease !important;
}


#sonia button:hover:not(:disabled),
#sonia .v12-btn:hover:not(:disabled),
.sonia button:hover:not(:disabled),
.sonia .v12-btn:hover:not(:disabled),
[data-sonia] button:hover:not(:disabled),
[data-evox-f421-sonia] button:hover:not(:disabled) {
  transform:
    translateY(-1px);

  background:
    #ffffff !important;

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.18);
}


#sonia button:disabled,
#sonia .v12-btn:disabled,
.sonia button:disabled,
.sonia .v12-btn:disabled,
[data-sonia] button:disabled,
[data-evox-f421-sonia] button:disabled,
#sonia [aria-disabled="true"],
.sonia [aria-disabled="true"] {
  opacity: .52 !important;

  cursor:
    not-allowed !important;

  transform:
    none !important;

  box-shadow:
    none !important;
}


/*
 * Radar chip is informational, not a primary CTA.
 * Maintain same visual family without competing with
 * "Receber meu diagnóstico".
 */

#sonia .evox-radar-badge,
#sonia [data-evox-radar],
.sonia .evox-radar-badge,
[data-sonia] .evox-radar-badge {
  background:
    rgba(248,246,241,.94) !important;

  color:
    #17202a !important;

  border:
    1px solid
    rgba(255,255,255,.26) !important;

  border-radius:
    999px !important;
}


/* Improve visual rhythm of the lower Son.ia action */

[data-evox-f421-sonia] {
  margin-top:
    24px !important;
}

[data-evox-f421-sonia]
.evox-f421-sonia-question {
  margin-bottom:
    16px !important;

  color:
    rgba(255,255,255,.72) !important;
}


@media (max-width: 767px) {

  #sonia button,
  #sonia .v12-btn,
  .sonia button,
  .sonia .v12-btn,
  [data-sonia] button,
  [data-evox-f421-sonia] button {
    width: 100%;
    min-height: 48px;
  }

}


/* ======================================================
   SOURCE: assets/evox-f422b-layout-backgrounds.css
   ====================================================== */
/* ==========================================================
   EVO-X F4.22B
   SON.IA LAYOUT POLISH + GLOBAL FOLD BACKGROUND UX
   Visual-only authority.
   ========================================================== */

:root{
  --evox-bg-dark-1:#0d1820;
  --evox-bg-dark-2:#13212b;

  --evox-bg-warm-1:#f7f4ef;
  --evox-bg-warm-2:#f1eee8;

  --evox-bg-neutral-1:#f8f8f6;
  --evox-bg-neutral-2:#eef1f2;

  --evox-panel-dark:rgba(255,255,255,.085);
  --evox-panel-light:rgba(255,255,255,.86);

  --evox-line-dark:rgba(255,255,255,.12);
  --evox-line-light:rgba(16,28,38,.09);
}


/* ==========================================================
   GLOBAL SECTION RHYTHM
   ========================================================== */

main > section,
main .v12-fold{
  position:relative;
  isolation:isolate;
}


/* ==========================================================
   HERO
   High-impact / technology / authority
   ========================================================== */

#hero,
.v12-hero{
  background-color:
    var(--evox-bg-dark-1);
}

#hero::after,
.v12-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;

  background:
    linear-gradient(
      90deg,
      rgba(5,13,19,.72) 0%,
      rgba(5,13,19,.46) 42%,
      rgba(5,13,19,.16) 72%,
      rgba(5,13,19,.24) 100%
    );
}

#hero > *,
.v12-hero > *{
  position:relative;
  z-index:2;
}

#evo-network,
.evo-network{
  z-index:1 !important;
}


/* ==========================================================
   PROBLEM / CHALLENGE
   Light warm decision environment
   ========================================================== */

#problem{
  background:
    radial-gradient(
      circle at 10% 15%,
      rgba(176,148,104,.08),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      var(--evox-bg-warm-1),
      #ffffff
    );
}


/* ==========================================================
   BUSINESS CONTEXT
   Calm decision space
   ========================================================== */

#business-context{
  background:
    radial-gradient(
      circle at 86% 18%,
      rgba(28,70,92,.055),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      var(--evox-bg-neutral-1) 100%
    );
}


/* ==========================================================
   CONTEXT COMPLETION
   Transition from decision to intelligence
   ========================================================== */

#evox-context-completion{
  background:
    linear-gradient(
      135deg,
      rgba(19,37,48,.055),
      rgba(174,144,97,.07)
    );

  border:
    1px solid
    rgba(24,42,54,.09);

  border-radius:
    22px;

  box-shadow:
    0 18px 50px
    rgba(20,34,44,.07);
}


/* ==========================================================
   CASES / PROOF
   High legibility + authority
   ========================================================== */

#evox-cases{
  background:
    radial-gradient(
      circle at 82% 12%,
      rgba(176,148,104,.07),
      transparent 32%
    ),
    linear-gradient(
      180deg,
      #fbfaf7,
      #f5f5f2
    );
}


/* ==========================================================
   SOLUTIONS / CAPABILITIES
   Product catalog environment
   ========================================================== */

#solutions{
  background:
    linear-gradient(
      180deg,
      #f0f2f2 0%,
      #f8f8f6 100%
    );
}

#solutions .v12-capability-card{
  background:
    rgba(255,255,255,.82) !important;

  border:
    1px solid
    rgba(21,37,48,.09) !important;

  box-shadow:
    0 14px 40px
    rgba(22,36,46,.055) !important;
}


/* ==========================================================
   BUSINESS CASE / RECOMMENDATION
   Technical intelligence zone
   ========================================================== */

#evox-business-case,
[data-evox-business-case]{
  background:
    linear-gradient(
      145deg,
      #17252f,
      #202f38
    );

  color:#fff;
}


/* ==========================================================
   TRUST / AUTHORITY
   Human credibility
   ========================================================== */

#trust{
  background:
    radial-gradient(
      circle at 78% 20%,
      rgba(177,148,102,.10),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #f8f6f2,
      #ffffff
    );
}


/* ==========================================================
   SON.IA
   Premium intelligence environment
   ========================================================== */

#sonia,
.sonia,
[data-sonia]{
  background:
    radial-gradient(
      circle at 72% 35%,
      rgba(74,117,140,.15),
      transparent 30%
    ),
    radial-gradient(
      circle at 28% 38%,
      rgba(28,65,86,.10),
      transparent 36%
    ),
    linear-gradient(
      135deg,
      #0d1922 0%,
      #12212b 55%,
      #18252d 100%
    ) !important;
}


/* ==========================================================
   SON.IA DESKTOP GEOMETRY
   Image becomes supporting evidence,
   intelligence becomes dominant.
   ========================================================== */

#sonia .v12-container,
.sonia .v12-container,
[data-sonia] .v12-container{
  max-width:
    1380px;
}

#sonia .v12-sonia-grid,
#sonia .sonia-grid,
.sonia .v12-sonia-grid,
.sonia .sonia-grid,
[data-sonia] .v12-sonia-grid,
[data-sonia] .sonia-grid{
  display:grid !important;

  grid-template-columns:
    minmax(280px,.82fr)
    minmax(0,1.55fr) !important;

  gap:
    clamp(36px,5vw,78px) !important;

  align-items:
    start !important;
}


/* Son.ia portrait = secondary visual support */

#sonia img,
.sonia img,
[data-sonia] img{
  max-width:
    100%;

  height:
    auto;
}

#sonia .sonia-media,
#sonia .v12-sonia-media,
.sonia .sonia-media,
.sonia .v12-sonia-media{
  max-width:
    380px;

  margin:
    32px auto 0;
}


/* Main content column */

#sonia .sonia-content,
#sonia .v12-sonia-content,
.sonia .sonia-content,
.sonia .v12-sonia-content{
  max-width:
    860px;

  margin:
    0;
}


/* Radar card: less dead space */

#sonia .evox-radar,
#sonia [data-evox-radar],
#sonia .sonia-radar,
.sonia .evox-radar,
.sonia [data-evox-radar],
.sonia .sonia-radar{
  padding:
    clamp(22px,2.4vw,34px) !important;

  min-height:
    0 !important;

  background:
    rgba(255,255,255,.09) !important;

  border:
    1px solid
    rgba(255,255,255,.14) !important;

  box-shadow:
    0 22px 55px
    rgba(0,0,0,.14);

  backdrop-filter:
    blur(8px);
}


/* Compact internal radar rhythm */

#sonia .evox-radar > *,
#sonia [data-evox-radar] > *,
.sonia .evox-radar > *,
.sonia [data-evox-radar] > *{
  margin-top:
    0;
}


/* Completion assistance attached to main flow */

[data-evox-f421-sonia]{
  max-width:
    860px !important;

  margin:
    20px 0 0 !important;
}

[data-evox-f421-sonia]
.evox-f421-sonia-question{
  font-size:
    clamp(15px,1.15vw,18px);

  line-height:
    1.45;

  max-width:
    680px;
}


/* ==========================================================
   CTA HIERARCHY
   Radar = information
   Diagnosis = primary action
   ========================================================== */

#sonia [data-evox-radar],
#sonia .evox-radar-badge,
.sonia [data-evox-radar],
.sonia .evox-radar-badge{
  box-shadow:
    none !important;
}

[data-evox-f421-sonia]
.evox-f421-sonia-next,
#sonia .evox-context-completion__primary,
.sonia .evox-context-completion__primary{
  min-height:
    52px !important;

  padding:
    0 26px !important;

  background:
    #f7f3ec !important;

  color:
    #14212a !important;

  border:
    1px solid
    rgba(255,255,255,.48) !important;

  font-weight:
    800 !important;

  box-shadow:
    0 13px 30px
    rgba(0,0,0,.18) !important;
}

[data-evox-f421-sonia]
.evox-f421-sonia-next:hover,
#sonia .evox-context-completion__primary:hover{
  background:
    #ffffff !important;

  transform:
    translateY(-2px);
}


/* ==========================================================
   SECTION TRANSITIONS
   Avoid abrupt white-dark-white breaks
   ========================================================== */

#problem::before,
#business-context::before,
#evox-cases::before,
#solutions::before,
#trust::before,
#sonia::before{
  content:"";
  position:absolute;

  left:0;
  right:0;
  top:0;

  height:
    46px;

  pointer-events:none;

  z-index:
    0;

  background:
    linear-gradient(
      180deg,
      rgba(13,24,32,.025),
      transparent
    );
}


/* ==========================================================
   MOBILE FIRST RECOMPOSITION
   ========================================================== */

@media (max-width: 900px){

  #sonia .v12-sonia-grid,
  #sonia .sonia-grid,
  .sonia .v12-sonia-grid,
  .sonia .sonia-grid,
  [data-sonia] .v12-sonia-grid,
  [data-sonia] .sonia-grid{
    grid-template-columns:
      1fr !important;

    gap:
      26px !important;
  }

  #sonia .sonia-media,
  #sonia .v12-sonia-media,
  .sonia .sonia-media,
  .sonia .v12-sonia-media{
    max-width:
      320px;

    margin:
      0 auto;
  }

  #sonia .sonia-content,
  #sonia .v12-sonia-content,
  .sonia .sonia-content,
  .sonia .v12-sonia-content{
    max-width:
      none;
  }

  [data-evox-f421-sonia]{
    max-width:
      none !important;
  }

}


@media (max-width: 600px){

  #evox-context-completion{
    border-radius:
      16px;
  }

  #sonia,
  .sonia,
  [data-sonia]{
    background:
      linear-gradient(
        180deg,
        #0e1a22,
        #17242c
      ) !important;
  }

  #sonia .sonia-media,
  #sonia .v12-sonia-media,
  .sonia .sonia-media,
  .sonia .v12-sonia-media{
    max-width:
      250px;
  }

  #sonia .evox-radar,
  #sonia [data-evox-radar],
  #sonia .sonia-radar{
    padding:
      20px !important;
  }

  [data-evox-f421-sonia]
  .evox-f421-sonia-next{
    width:
      100% !important;
  }

}


/* ======================================================
   SOURCE: assets/evox-f422c-visual-closure.css
   ====================================================== */
/* ==========================================================
   EVO-X F4.22C
   VISUAL CLOSURE
   ========================================================== */


/* ==========================================================
   01. BUSINESS CASE — NEXT STEP / CTA
   ========================================================== */

#evox-business-case .evox-business-case__next,
[data-evox-business-case] .evox-business-case__next,
#evox-business-case [data-evox-next-step],
[data-evox-business-case] [data-evox-next-step]{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:32px !important;
  flex-wrap:wrap !important;
}

#evox-business-case a,
#evox-business-case button,
[data-evox-business-case] a,
[data-evox-business-case] button{
  color:#15212a !important;
}

#evox-business-case .v12-btn,
[data-evox-business-case] .v12-btn,
#evox-business-case [class*="cta"],
[data-evox-business-case] [class*="cta"]{
  background:#f7f4ef !important;
  color:#15212a !important;

  width:auto !important;
  max-width:100% !important;

  min-height:52px !important;

  padding:
    0 28px !important;

  border:
    1px solid
    rgba(255,255,255,.42) !important;

  border-radius:
    999px !important;

  font-weight:
    800 !important;

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.14) !important;
}

#evox-business-case .v12-btn:hover,
[data-evox-business-case] .v12-btn:hover{
  background:#fff !important;
  color:#101a22 !important;
}


/* ==========================================================
   02. SON.IA — COMPLETION BELONGS TO CONTENT COLUMN
   ========================================================== */

#sonia,
.sonia,
[data-sonia]{
  position:relative;
}

#sonia [data-evox-f421-sonia],
.sonia [data-evox-f421-sonia],
[data-sonia] [data-evox-f421-sonia]{
  margin:
    20px 0 0 !important;

  max-width:
    100% !important;

  width:
    100% !important;
}


/*
 * When Son.ia uses grid structure, force completion
 * into content column rather than below the complete grid.
 */

#sonia .v12-sonia-grid > [data-evox-f421-sonia],
#sonia .sonia-grid > [data-evox-f421-sonia],
.sonia .v12-sonia-grid > [data-evox-f421-sonia],
.sonia .sonia-grid > [data-evox-f421-sonia]{
  grid-column:
    2 !important;

  width:
    100% !important;
}


/*
 * Some runtime versions inject the completion block
 * immediately after the main grid.
 * Visually align that block to the content column.
 */

@media (min-width:901px){

  #sonia > [data-evox-f421-sonia],
  .sonia > [data-evox-f421-sonia],
  [data-sonia] > [data-evox-f421-sonia]{
    width:
      min(860px, calc(65% - 30px)) !important;

    margin-left:
      auto !important;

    margin-right:
      0 !important;

    margin-top:
      22px !important;
  }

}


[data-evox-f421-sonia]
.evox-f421-sonia-question{
  margin:
    0 0 14px !important;

  color:
    rgba(255,255,255,.76) !important;
}


[data-evox-f421-sonia]
.evox-f421-sonia-next{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:auto !important;

  min-height:
    52px !important;

  padding:
    0 28px !important;

  background:
    #f7f4ef !important;

  color:
    #14212a !important;

  opacity:
    1 !important;

  font-weight:
    800 !important;
}


/* Remove excessive dead space at the end of Son.ia */

#sonia,
.sonia,
[data-sonia]{
  min-height:
    0 !important;

  height:
    auto !important;

  padding-bottom:
    clamp(58px,6vw,92px) !important;
}


/* ==========================================================
   03. NEXT STEP — CONTENT-DRIVEN HEIGHT
   ========================================================== */

#next-step,
#next,
[data-evox-next-step-section],
.evox-next-step,
.v12-next-step{
  min-height:
    0 !important;

  height:
    auto !important;

  padding-top:
    clamp(52px,6vw,88px) !important;

  padding-bottom:
    clamp(52px,6vw,88px) !important;
}


/*
 * Empty next-step sections must not consume a viewport.
 */

#next-step:has(> *:only-child),
#next:has(> *:only-child),
[data-evox-next-step-section]:has(> *:only-child){
  min-height:
    0 !important;
}


/* Generic protection against old viewport locks */

#next-step,
#next,
[data-evox-next-step-section]{
  max-height:
    none !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:900px){

  #sonia .v12-sonia-grid > [data-evox-f421-sonia],
  #sonia .sonia-grid > [data-evox-f421-sonia],
  .sonia .v12-sonia-grid > [data-evox-f421-sonia],
  .sonia .sonia-grid > [data-evox-f421-sonia]{
    grid-column:
      1 !important;
  }

  #sonia > [data-evox-f421-sonia],
  .sonia > [data-evox-f421-sonia],
  [data-sonia] > [data-evox-f421-sonia]{
    width:
      100% !important;

    margin-left:
      0 !important;

    margin-right:
      0 !important;
  }

  [data-evox-f421-sonia]
  .evox-f421-sonia-next{
    width:
      100% !important;
  }

  #evox-business-case .evox-business-case__next,
  [data-evox-business-case] .evox-business-case__next{
    align-items:
      stretch !important;

    flex-direction:
      column !important;
  }

  #evox-business-case .v12-btn,
  [data-evox-business-case] .v12-btn{
    width:
      100% !important;
  }

}


/* ======================================================
   SOURCE: assets/evox-f423-footer.css
   ====================================================== */
/* ==========================================================
   EVO-X F4.23
   FOOTER EXECUTIVE UX
   ========================================================== */

footer,
.v12-footer,
[data-evox-footer]{
  background:
    linear-gradient(
      135deg,
      #08121a 0%,
      #0d1821 58%,
      #111d25 100%
    ) !important;

  color:
    #ffffff !important;
}


/* headings */

footer h2,
footer h3,
footer h4,
footer strong,
.v12-footer h2,
.v12-footer h3,
.v12-footer h4{
  color:
    rgba(255,255,255,.88) !important;
}


/* body copy */

footer p,
footer small,
.v12-footer p,
.v12-footer small{
  color:
    rgba(255,255,255,.64) !important;
}


/* navigation visibility */

footer a,
footer button,
footer [role="button"],
.v12-footer a,
.v12-footer button{
  color:
    rgba(255,255,255,.78) !important;

  opacity:
    1 !important;
}

footer a:hover,
footer button:hover,
.v12-footer a:hover,
.v12-footer button:hover{
  color:
    #ffffff !important;
}


/* existing progress/navigation rows */

footer [class*="nav"] a,
footer [class*="nav"] button,
footer [class*="journey"],
.v12-footer [class*="nav"] a,
.v12-footer [class*="nav"] button{
  border-radius:
    8px;

  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}

footer [class*="nav"] a:hover,
footer [class*="nav"] button:hover,
.v12-footer [class*="nav"] a:hover{
  background:
    rgba(255,255,255,.065);

  transform:
    translateX(2px);
}


/* ==========================================================
   NEXT STEP
   ========================================================== */

.evox-f423-next{
  min-width:
    0;
}

[data-evox-f423-next]{
  margin-top:
    18px;

  max-width:
    420px;
}

.evox-f423-next__title{
  display:block;

  margin-bottom:
    10px;

  color:
    #ffffff !important;

  font-size:
    clamp(20px,1.5vw,28px);

  line-height:
    1.18;

  letter-spacing:
    -.02em;
}

.evox-f423-next__text{
  margin:
    0 0 18px !important;

  color:
    rgba(255,255,255,.66) !important;

  font-size:
    15px;

  line-height:
    1.55;
}

.evox-f423-next__cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  min-height:
    48px;

  padding:
    0 22px;

  border:
    1px solid
    rgba(255,255,255,.42);

  border-radius:
    999px;

  background:
    #f7f4ef;

  color:
    #13202a !important;

  font-weight:
    800;

  cursor:
    pointer;

  box-shadow:
    0 10px 28px
    rgba(0,0,0,.18);

  transition:
    transform .18s ease,
    background .18s ease;
}

.evox-f423-next__cta:hover{
  background:
    #ffffff;

  transform:
    translateY(-1px);
}


/* footer bottom line */

footer hr,
footer [class*="divider"],
.v12-footer hr,
.v12-footer [class*="divider"]{
  border-color:
    rgba(255,255,255,.10) !important;
}


/* language selector */

footer [class*="lang"] a,
footer [class*="language"] a,
.v12-footer [class*="lang"] a{
  color:
    rgba(255,255,255,.58) !important;
}

footer [class*="lang"] a:hover,
footer [class*="language"] a:hover{
  color:
    #ffffff !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:900px){

  footer,
  .v12-footer,
  [data-evox-footer]{
    padding-bottom:
      36px !important;
  }

  [data-evox-f423-next]{
    max-width:
      none;
  }

  .evox-f423-next__cta{
    width:
      100%;
  }

}

@media (max-width:600px){

  footer,
  .v12-footer,
  [data-evox-footer]{
    padding-left:
      20px !important;

    padding-right:
      20px !important;
  }

  .evox-f423-next__title{
    font-size:
      22px;
  }

}

/* ==========================================================
   F4.23A — FOOTER CTA HOVER CONTRAST
   ========================================================== */

.evox-f423-next__cta{
  background:#f7f4ef !important;
  color:#13202a !important;

  border-color:
    rgba(213,185,130,.58) !important;
}

.evox-f423-next__cta:hover,
.evox-f423-next__cta:focus-visible{
  background:#d9c39a !important;
  color:#101820 !important;

  border-color:#d9c39a !important;

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.24) !important;

  transform:
    translateY(-2px);
}

.evox-f423-next__cta:active{
  background:#cbb181 !important;
  color:#101820 !important;

  transform:
    translateY(0);
}


/* ==========================================================
   F4.23B — VISUAL IDENTITY ALIGNMENT
   Use EVO-X native neutral / dark system.
   ========================================================== */

.evox-f423-next__cta{
  background:#f7f4ef !important;
  color:#13202a !important;

  border:
    1px solid
    rgba(255,255,255,.34) !important;

  box-shadow:
    0 10px 26px
    rgba(0,0,0,.16) !important;
}

.evox-f423-next__cta:hover,
.evox-f423-next__cta:focus-visible{
  background:#ffffff !important;
  color:#0f1b24 !important;

  border-color:
    rgba(255,255,255,.72) !important;

  box-shadow:
    0 14px 34px
    rgba(0,0,0,.24),
    0 0 0 1px
    rgba(88,155,184,.16) !important;

  transform:
    translateY(-2px);
}

.evox-f423-next__cta:active{
  background:#e9ecec !important;
  color:#0f1b24 !important;

  box-shadow:
    0 8px 18px
    rgba(0,0,0,.18) !important;

  transform:
    translateY(0);
}



/* ======================================================
   SOURCE: assets/evox-f424-canonical-system.css
   ====================================================== */
/* ==========================================================
   EVO-X F4.24C
   CANONICAL COMPONENT SYSTEM
   Hybrid Intelligence Visual Authority
   ========================================================== */

:root{
  --i9-obsidian:#07111A;
  --i9-deep-navy:#0F1C26;
  --i9-graphite:#15212A;
  --i9-slate:#64717C;
  --i9-cloud:#F5F7F8;
  --i9-pure:#FFFFFF;

  --i9-blue:#178DB5;
  --i9-cyan:#36C7D9;

  --i9-success:#16845B;
  --i9-alert:#C97A31;

  --i9-line-light:rgba(21,33,42,.16);
  --i9-line-dark:rgba(255,255,255,.22);

  --i9-focus:
    0 0 0 3px rgba(54,199,217,.30);

  --i9-shadow:
    0 12px 30px rgba(0,0,0,.16);

  --i9-shadow-hover:
    0 16px 38px rgba(0,0,0,.22);
}


/* ==========================================================
   01 — HERO ACTION SYSTEM
   ========================================================== */

#hero .v12-btn,
.v12-hero .v12-btn{
  opacity:1 !important;
  border-radius:999px !important;
  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}

/* Primary / first action */

#hero .v12-btn:first-of-type,
.v12-hero .v12-btn:first-of-type{
  background:var(--i9-cloud) !important;
  color:var(--i9-graphite) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:var(--i9-shadow) !important;
}

/* Secondary action */

#hero .v12-btn:nth-of-type(2),
.v12-hero .v12-btn:nth-of-type(2){
  background:rgba(7,17,26,.72) !important;
  color:var(--i9-pure) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  backdrop-filter:blur(10px);
}

#hero .v12-btn:hover,
#hero .v12-btn:focus-visible,
.v12-hero .v12-btn:hover,
.v12-hero .v12-btn:focus-visible{
  transform:translateY(-2px);
  box-shadow:
    var(--i9-shadow-hover),
    var(--i9-focus) !important;
}

#hero .v12-btn:nth-of-type(2):hover,
.v12-hero .v12-btn:nth-of-type(2):hover{
  background:var(--i9-deep-navy) !important;
  color:#fff !important;
  border-color:rgba(54,199,217,.58) !important;
}


/* ==========================================================
   02 — CHOICE SYSTEM
   ========================================================== */

.v12-choice,
.intent.v12-choice{
  background:rgba(255,255,255,.96) !important;
  color:var(--i9-graphite) !important;

  border:
    1px solid var(--i9-line-light) !important;

  opacity:1 !important;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}

.v12-choice:hover,
.intent.v12-choice:hover{
  background:#fff !important;
  color:var(--i9-graphite) !important;

  border-color:
    rgba(23,141,181,.46) !important;

  box-shadow:
    0 8px 24px rgba(15,28,38,.10) !important;

  transform:translateY(-1px);
}


/* ==========================================================
   03 — SELECTED STATE
   ONE STATE ACROSS THE APPLICATION
   ========================================================== */

.v12-choice.active,
.v12-choice.is-active,
.intent.v12-choice.active,
.intent.v12-choice.is-active,

#business-context button.active,
#business-context button.is-active,

[data-p52-profile].active,
[data-p52-profile].is-active,

[data-p52-market].active,
[data-p52-market].is-active,

[data-p93c-market].active,
[data-p93c-market].is-active,

[data-evox-priority].active,
[data-evox-priority].is-active{

  background:
    var(--i9-deep-navy) !important;

  color:
    var(--i9-pure) !important;

  border-color:
    rgba(54,199,217,.58) !important;

  opacity:1 !important;

  box-shadow:
    0 0 0 2px rgba(54,199,217,.16),
    0 12px 26px rgba(7,17,26,.16) !important;
}

.v12-choice.active *,
.v12-choice.is-active *,
.intent.v12-choice.active *,
.intent.v12-choice.is-active *,

#business-context button.active *,
#business-context button.is-active *,

[data-p52-profile].active *,
[data-p52-profile].is-active *,

[data-p52-market].active *,
[data-p52-market].is-active *,

[data-p93c-market].active *,
[data-p93c-market].is-active *,

[data-evox-priority].active *,
[data-evox-priority].is-active *{

  color:
    var(--i9-pure) !important;

  opacity:1 !important;
}


/* ==========================================================
   04 — MENU / DARK NAVIGATION
   ========================================================== */

.evox-menu-v2,
.evox-menu-v2-panel,
.evox-menu-v2-drawer{
  color:#fff !important;
}

.evox-menu-v2 a,
.evox-menu-v2 button,
.evox-menu-v2-language-trigger,
.evox-menu-v2-close{
  color:
    rgba(255,255,255,.82) !important;

  opacity:1 !important;
}

.evox-menu-v2 a:hover,
.evox-menu-v2 button:hover,
.evox-menu-v2-language-trigger:hover,
.evox-menu-v2 a:focus-visible,
.evox-menu-v2 button:focus-visible{
  color:#fff !important;
}

.evox-menu-v2 .i9-step-complete{
  color:
    rgba(255,255,255,.82) !important;
}


/* ==========================================================
   05 — CANONICAL PRIMARY ACTION
   ========================================================== */

.sonia-control--primary,
.evox-commercial-ready,
.evox-f423-next__cta,
#evox-business-case a[class*="cta"],
#evox-business-case button[class*="cta"]{

  background:
    var(--i9-cloud) !important;

  color:
    var(--i9-graphite) !important;

  border:
    1px solid rgba(21,33,42,.12) !important;

  opacity:1 !important;

  box-shadow:
    var(--i9-shadow) !important;

  transition:
    background .2s ease,
    color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease !important;
}

.sonia-control--primary:hover,
.sonia-control--primary:focus-visible,

.evox-commercial-ready:hover,
.evox-commercial-ready:focus-visible,

.evox-f423-next__cta:hover,
.evox-f423-next__cta:focus-visible,

#evox-business-case a[class*="cta"]:hover,
#evox-business-case button[class*="cta"]:hover{

  background:#fff !important;
  color:var(--i9-graphite) !important;

  border-color:
    rgba(23,141,181,.48) !important;

  box-shadow:
    var(--i9-shadow-hover),
    var(--i9-focus) !important;

  transform:translateY(-2px);
}


/* ==========================================================
   06 — SECONDARY / TEXT ACTIONS
   ========================================================== */

.evox-context-completion__secondary,
.evox-solution-top3-toggle{
  color:
    var(--i9-graphite) !important;

  opacity:1 !important;
}

.evox-context-completion__secondary:hover,
.evox-solution-top3-toggle:hover{
  color:
    var(--i9-blue) !important;
}


/* ==========================================================
   07 — GUIDED JOURNEY
   ========================================================== */

.evox-guided-progress .is-complete,
[class*="guided"] .is-complete{
  color:
    var(--i9-graphite) !important;
}


/* ==========================================================
   08 — AUTHORITY / SOURCES
   ========================================================== */

.i9-authority-source{
  color:inherit !important;
  opacity:.76 !important;
}

.i9-authority-source:hover,
.i9-authority-source:focus-visible{
  opacity:1 !important;
  text-decoration:underline;
}


/* ==========================================================
   09 — MODAL
   ========================================================== */

#evox-commercial-handoff
.evox-handoff-close{
  color:#fff !important;
  opacity:.82 !important;
}

#evox-commercial-handoff
.evox-handoff-close:hover,
#evox-commercial-handoff
.evox-handoff-close:focus-visible{
  color:#fff !important;
  opacity:1 !important;
}


/* ==========================================================
   10 — BACK TO TOP
   ========================================================== */

#evox-back-to-top,
[class*="back-to-top"].is-visible,
[class*="scroll-top"].is-visible{

  background:
    rgba(15,28,38,.94) !important;

  color:#fff !important;

  border:
    1px solid rgba(255,255,255,.24) !important;

  opacity:1 !important;

  box-shadow:
    0 10px 26px rgba(0,0,0,.18) !important;
}

#evox-back-to-top *,
[class*="back-to-top"].is-visible *,
[class*="scroll-top"].is-visible *{
  color:#fff !important;
  stroke:#fff !important;
}

#evox-back-to-top:hover,
[class*="back-to-top"].is-visible:hover,
[class*="scroll-top"].is-visible:hover{

  background:
    var(--i9-deep-navy) !important;

  border-color:
    rgba(54,199,217,.62) !important;

  box-shadow:
    var(--i9-focus),
    0 14px 30px rgba(0,0,0,.22) !important;

  transform:
    translateY(-2px);
}


/* ==========================================================
   11 — GLOBAL FOCUS
   ========================================================== */

button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible{
  outline:
    2px solid var(--i9-cyan) !important;

  outline-offset:
    3px !important;
}


/* ==========================================================
   12 — DISABLED
   ========================================================== */

button:disabled,
[aria-disabled="true"]{
  opacity:.48 !important;
  cursor:not-allowed !important;
}


/* ==========================================================
   13 — DARK SURFACE TEXT SAFETY
   ========================================================== */

footer .evox-f423-next__cta{
  color:
    var(--i9-graphite) !important;
}

footer .evox-f423-next__cta:hover{
  color:
    var(--i9-graphite) !important;
}


/* ==========================================================
   14 — REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion:reduce){

  button,
  a,
  [role="button"]{
    transition:none !important;
  }

  button:hover,
  a:hover,
  [role="button"]:hover{
    transform:none !important;
  }
}

/* ==========================================================
   F4.24C1
   IMAGE CHOICE CARD CONTRAST FIX

   Cards with photographic backgrounds are a DARK SURFACE.
   They must never inherit the light-surface choice text color.
   ========================================================== */

#problem .v12-choice,
#problem .intent.v12-choice,
#problem button.v12-choice,
#problem [class*="intent"]{
  position:relative;
  overflow:hidden;

  color:#FFFFFF !important;

  text-shadow:
    0 1px 3px rgba(0,0,0,.72);
}


/* dark overlay guarantees text readability */

#problem .v12-choice::before,
#problem .intent.v12-choice::before,
#problem button.v12-choice::before,
#problem [class*="intent"]::before{
  content:"";
  position:absolute;
  inset:0;

  background:
    linear-gradient(
      180deg,
      rgba(7,17,26,.34) 0%,
      rgba(7,17,26,.66) 100%
    );

  pointer-events:none;

  z-index:0;
}


/* preserve content above overlay */

#problem .v12-choice > *,
#problem .intent.v12-choice > *,
#problem button.v12-choice > *,
#problem [class*="intent"] > *{
  position:relative;
  z-index:1;

  color:#FFFFFF !important;
}


/* direct text nodes / inherited text */

#problem .v12-choice,
#problem .intent.v12-choice,
#problem button.v12-choice,
#problem [class*="intent"]{
  color:#FFFFFF !important;
}


/* hover stays within dark-media language */

#problem .v12-choice:hover,
#problem .intent.v12-choice:hover,
#problem button.v12-choice:hover,
#problem [class*="intent"]:hover{
  color:#FFFFFF !important;

  border-color:
    rgba(54,199,217,.54) !important;

  box-shadow:
    0 10px 26px rgba(7,17,26,.18),
    0 0 0 2px rgba(54,199,217,.14) !important;
}

#problem .v12-choice:hover::before,
#problem .intent.v12-choice:hover::before,
#problem button.v12-choice:hover::before,
#problem [class*="intent"]:hover::before{
  background:
    linear-gradient(
      180deg,
      rgba(7,17,26,.28) 0%,
      rgba(7,17,26,.58) 100%
    );
}


/* selected = stronger dark authority */

#problem .v12-choice.active,
#problem .v12-choice.is-active,
#problem .intent.v12-choice.active,
#problem .intent.v12-choice.is-active,
#problem button.active,
#problem button.is-active{
  color:#FFFFFF !important;

  border-color:
    rgba(54,199,217,.72) !important;

  box-shadow:
    0 0 0 2px rgba(54,199,217,.18),
    0 12px 28px rgba(7,17,26,.22) !important;
}

#problem .v12-choice.active::before,
#problem .v12-choice.is-active::before,
#problem .intent.v12-choice.active::before,
#problem .intent.v12-choice.is-active::before,
#problem button.active::before,
#problem button.is-active::before{
  background:
    linear-gradient(
      180deg,
      rgba(7,17,26,.18) 0%,
      rgba(7,17,26,.48) 100%
    );
}


/* force all text in selected image cards to remain visible */

#problem .v12-choice.active *,
#problem .v12-choice.is-active *,
#problem .intent.v12-choice.active *,
#problem .intent.v12-choice.is-active *,
#problem button.active *,
#problem button.is-active *{
  color:#FFFFFF !important;
  opacity:1 !important;
}


/* check indicator */

#problem .v12-choice.active::after,
#problem .v12-choice.is-active::after,
#problem .intent.v12-choice.active::after,
#problem .intent.v12-choice.is-active::after{
  color:#FFFFFF !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:767px){

  #problem .v12-choice,
  #problem .intent.v12-choice{
    min-height:92px;
  }

}

/* ==========================================================
   F4.24C2
   MODAL CLOSE — SURFACE-AWARE AUTHORITY
   ========================================================== */

/*
 * The handoff card is a LIGHT SURFACE.
 * Therefore its close control must use graphite,
 * never white-on-white.
 */

#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close{
  color:#15212A !important;
  opacity:1 !important;

  background:
    transparent !important;

  border:
    1px solid transparent !important;

  width:44px !important;
  height:44px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  border-radius:999px !important;

  cursor:pointer !important;

  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close *,
#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close svg{
  color:#15212A !important;
  stroke:#15212A !important;
  opacity:1 !important;
}

#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close:hover,
#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close:focus-visible{
  color:#0F1C26 !important;

  background:
    rgba(23,141,181,.08) !important;

  border-color:
    rgba(23,141,181,.34) !important;

  box-shadow:
    0 0 0 3px
    rgba(54,199,217,.20) !important;

  transform:
    scale(1.04);
}

#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close:hover *,
#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close:focus-visible *,
#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close:hover svg,
#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close:focus-visible svg{
  color:#0F1C26 !important;
  stroke:#0F1C26 !important;
}


/* Dark-shell close controls remain light */

#evox-commercial-handoff >
.evox-handoff-close{
  color:#FFFFFF !important;
}



/* ======================================================
   SOURCE: assets/evox-f424c3-problem-media.css
   ====================================================== */
/* ==========================================================
   EVO-X F4.24C3
   UNIQUE CONTEXTUAL PROBLEM MEDIA
   ========================================================== */

#problem .evox-problem-media{
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}


/* 01 — Artificial Intelligence */

#problem
.evox-problem-media--ai{
  background-image:
    linear-gradient(
      rgba(7,17,26,.20),
      rgba(7,17,26,.66)
    ),
    url("/evo/assets/media/future/ai.webp")
    !important;
}


/* 02 — Sales / Growth */

#problem
.evox-problem-media--growth{
  background-image:
    linear-gradient(
      rgba(7,17,26,.22),
      rgba(7,17,26,.66)
    ),
    url("/evo/assets/media/outcomes/growth.webp")
    !important;
}


/* 03 — Cost reduction / Automation */

#problem
.evox-problem-media--cost{
  background-image:
    linear-gradient(
      rgba(7,17,26,.22),
      rgba(7,17,26,.68)
    ),
    url("/evo/assets/media/future/automation.webp")
    !important;
}


/* 04 — Startup / Entrepreneurship */

#problem
.evox-problem-media--startup{
  background-image:
    linear-gradient(
      rgba(7,17,26,.22),
      rgba(7,17,26,.66)
    ),
    url("/evo/assets/media/everyday/entrepreneur.webp")
    !important;
}


/* 05 — Software Engineering */

#problem
.evox-problem-media--software{
  background-image:
    linear-gradient(
      rgba(7,17,26,.20),
      rgba(7,17,26,.68)
    ),
    url("/evo/assets/media/future/digital.webp")
    !important;
}


/*
 * 06 — Cybersecurity
 *
 * Temporary visual fallback is intentionally unique.
 * It must be replaced by a dedicated cybersecurity image
 * before F4.24R visual release.
 */

#problem
.evox-problem-media--security{
  background-image:
    linear-gradient(
      135deg,
      rgba(7,17,26,.96),
      rgba(23,141,181,.72)
    )
    !important;
}


/* 07 — Infrastructure / Operations */

#problem
.evox-problem-media--infrastructure{
  background-image:
    linear-gradient(
      rgba(7,17,26,.22),
      rgba(7,17,26,.68)
    ),
    url("/evo/assets/media/everyday/operations.webp")
    !important;
}


/* 08 — Strategic guidance */

#problem
.evox-problem-media--guidance{
  background-image:
    linear-gradient(
      rgba(7,17,26,.22),
      rgba(7,17,26,.68)
    ),
    url("/evo/assets/media/everyday/meeting.webp")
    !important;
}


/* text authority */

#problem
.evox-problem-media,
#problem
.evox-problem-media *{
  color:#fff !important;
  opacity:1 !important;
}


/* selected */

#problem
.evox-problem-media.active,
#problem
.evox-problem-media.is-active{
  border-color:
    rgba(54,199,217,.76) !important;

  box-shadow:
    0 0 0 2px
    rgba(54,199,217,.18),
    0 12px 28px
    rgba(7,17,26,.22)
    !important;
}


/* hover */

#problem
.evox-problem-media:hover{
  border-color:
    rgba(54,199,217,.54)
    !important;

  transform:
    translateY(-2px);
}



/* ==========================================================
   EVO-X F4.26B
   VISUAL EXCELLENCE NORMALIZATION
   FINAL CASCADE AUTHORITY

   Principles:
   - one visual identity
   - surface-aware contrast
   - restrained Big Tech aesthetic
   - no arbitrary hover colors
   - selected state must be unmistakable
   - accessibility preserved
   ========================================================== */


/* ----------------------------------------------------------
   00 — CANONICAL TOKENS
   ---------------------------------------------------------- */

:root{

  --evox-ink:#07111A;
  --evox-navy:#0F1C26;
  --evox-graphite:#15212A;

  --evox-text:#17212B;
  --evox-muted:#64717C;

  --evox-cloud:#F5F7F8;
  --evox-surface:#FFFFFF;

  --evox-blue:#178DB5;
  --evox-cyan:#36C7D9;

  --evox-success:#16845B;
  --evox-warning:#C97A31;

  --evox-border:
    rgba(21,33,42,.14);

  --evox-border-strong:
    rgba(21,33,42,.24);

  --evox-border-dark:
    rgba(255,255,255,.22);

  --evox-shadow-sm:
    0 6px 18px rgba(7,17,26,.08);

  --evox-shadow-md:
    0 12px 30px rgba(7,17,26,.12);

  --evox-shadow-lg:
    0 20px 50px rgba(7,17,26,.18);

  --evox-focus:
    0 0 0 3px rgba(54,199,217,.24);

  --evox-radius-sm:12px;
  --evox-radius-md:18px;
  --evox-radius-lg:24px;

  --evox-speed:
    180ms cubic-bezier(.2,.8,.2,1);
}


/* ----------------------------------------------------------
   01 — GLOBAL INTERACTION DISCIPLINE
   ---------------------------------------------------------- */

button,
a,
[role="button"]{

  transition:
    color var(--evox-speed),
    background-color var(--evox-speed),
    border-color var(--evox-speed),
    box-shadow var(--evox-speed),
    opacity var(--evox-speed),
    transform var(--evox-speed);
}


button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible{

  outline:
    2px solid var(--evox-cyan) !important;

  outline-offset:
    3px !important;
}


button:disabled,
[aria-disabled="true"]{

  opacity:.46 !important;
  cursor:not-allowed !important;
}


/* ----------------------------------------------------------
   02 — HERO
   ---------------------------------------------------------- */

#hero .v12-btn,
.v12-hero .v12-btn{

  border-radius:
    999px !important;

  min-height:
    46px;

  opacity:
    1 !important;
}


#hero .v12-btn:first-of-type,
.v12-hero .v12-btn:first-of-type{

  background:
    var(--evox-surface) !important;

  color:
    var(--evox-graphite) !important;

  border:
    1px solid rgba(255,255,255,.72) !important;

  box-shadow:
    var(--evox-shadow-md) !important;
}


#hero .v12-btn:nth-of-type(2),
.v12-hero .v12-btn:nth-of-type(2){

  background:
    rgba(7,17,26,.72) !important;

  color:
    #fff !important;

  border:
    1px solid rgba(255,255,255,.34) !important;

  backdrop-filter:
    blur(10px);
}


#hero .v12-btn:hover,
.v12-hero .v12-btn:hover{

  transform:
    translateY(-2px);

  box-shadow:
    var(--evox-shadow-lg) !important;
}


#hero .v12-btn:nth-of-type(2):hover,
.v12-hero .v12-btn:nth-of-type(2):hover{

  background:
    var(--evox-navy) !important;

  border-color:
    rgba(54,199,217,.55) !important;
}


/* ----------------------------------------------------------
   03 — DARK NAVIGATION
   ---------------------------------------------------------- */

.evox-menu-v2,
.evox-menu-v2-panel,
.evox-menu-v2-drawer{

  color:#fff !important;
}


.evox-menu-v2 a,
.evox-menu-v2 button,
.evox-menu-v2-language-trigger{

  color:
    rgba(255,255,255,.84) !important;

  opacity:1 !important;
}


.evox-menu-v2 a:hover,
.evox-menu-v2 button:hover,
.evox-menu-v2-language-trigger:hover{

  color:#fff !important;
}


.evox-menu-v2 a:focus-visible,
.evox-menu-v2 button:focus-visible{

  box-shadow:
    var(--evox-focus) !important;
}


/* ----------------------------------------------------------
   04 — STANDARD LIGHT CHOICE
   ---------------------------------------------------------- */

.v12-choice:not(.evox-problem-media),
.intent.v12-choice:not(.evox-problem-media){

  background:
    rgba(255,255,255,.96) !important;

  color:
    var(--evox-text) !important;

  border:
    1px solid var(--evox-border) !important;

  opacity:
    1 !important;

  box-shadow:
    none !important;
}


.v12-choice:not(.evox-problem-media):hover,
.intent.v12-choice:not(.evox-problem-media):hover{

  background:
    #fff !important;

  color:
    var(--evox-text) !important;

  border-color:
    rgba(23,141,181,.42) !important;

  box-shadow:
    var(--evox-shadow-sm) !important;

  transform:
    translateY(-1px);
}


/* ----------------------------------------------------------
   05 — UNIVERSAL SELECTED STATE
   ---------------------------------------------------------- */

.v12-choice.active:not(.evox-problem-media),
.v12-choice.is-active:not(.evox-problem-media),

[data-p52-profile].active,
[data-p52-profile].is-active,

[data-p52-market].active,
[data-p52-market].is-active,

[data-p93c-market].active,
[data-p93c-market].is-active,

[data-evox-priority].active,
[data-evox-priority].is-active,

#business-context button.active,
#business-context button.is-active{

  background:
    var(--evox-navy) !important;

  color:
    #fff !important;

  border-color:
    rgba(54,199,217,.60) !important;

  opacity:
    1 !important;

  box-shadow:
    0 0 0 2px rgba(54,199,217,.14),
    var(--evox-shadow-md) !important;
}


.v12-choice.active:not(.evox-problem-media) *,
.v12-choice.is-active:not(.evox-problem-media) *,

[data-p52-profile].active *,
[data-p52-profile].is-active *,

[data-p52-market].active *,
[data-p52-market].is-active *,

[data-p93c-market].active *,
[data-p93c-market].is-active *,

[data-evox-priority].active *,
[data-evox-priority].is-active *,

#business-context button.active *,
#business-context button.is-active *{

  color:
    #fff !important;

  opacity:
    1 !important;
}


/* ----------------------------------------------------------
   06 — PHOTOGRAPHIC PROBLEM CARDS
   ---------------------------------------------------------- */

#problem .evox-problem-media{

  position:
    relative;

  overflow:
    hidden;

  color:
    #fff !important;

  border:
    1px solid rgba(255,255,255,.18) !important;

  text-shadow:
    0 1px 3px rgba(0,0,0,.62);
}


#problem .evox-problem-media *{

  color:
    #fff !important;

  opacity:
    1 !important;
}


#problem .evox-problem-media:hover{

  border-color:
    rgba(54,199,217,.54) !important;

  box-shadow:
    var(--evox-shadow-md) !important;

  transform:
    translateY(-2px);
}


#problem .evox-problem-media.active,
#problem .evox-problem-media.is-active{

  border-color:
    rgba(54,199,217,.82) !important;

  box-shadow:
    0 0 0 2px rgba(54,199,217,.18),
    var(--evox-shadow-lg) !important;
}


/* ----------------------------------------------------------
   07 — CARDS / SOLUTIONS / CASES
   ---------------------------------------------------------- */

.evox-solution-card,
.evox-case-card,
.evox-similar-company-card,
[class*="business-case-card"]{

  border-color:
    var(--evox-border) !important;

  box-shadow:
    var(--evox-shadow-sm);
}


.evox-solution-card:hover,
.evox-case-card:hover,
.evox-similar-company-card:hover{

  border-color:
    rgba(23,141,181,.34) !important;

  box-shadow:
    var(--evox-shadow-md);

  transform:
    translateY(-2px);
}


/* ----------------------------------------------------------
   08 — PRIMARY ACTIONS
   ---------------------------------------------------------- */

.sonia-control--primary,
.evox-commercial-ready,
.evox-f423-next__cta,
#evox-business-case a[class*="cta"],
#evox-business-case button[class*="cta"]{

  background:
    var(--evox-surface) !important;

  color:
    var(--evox-graphite) !important;

  border:
    1px solid var(--evox-border) !important;

  opacity:
    1 !important;

  box-shadow:
    var(--evox-shadow-md) !important;
}


.sonia-control--primary:hover,
.evox-commercial-ready:hover,
.evox-f423-next__cta:hover,
#evox-business-case a[class*="cta"]:hover,
#evox-business-case button[class*="cta"]:hover{

  background:
    #fff !important;

  color:
    var(--evox-graphite) !important;

  border-color:
    rgba(23,141,181,.46) !important;

  box-shadow:
    var(--evox-shadow-lg) !important;

  transform:
    translateY(-2px);
}


/* ----------------------------------------------------------
   09 — SON.IA
   ---------------------------------------------------------- */

#sonia .sonia-control,
[class*="sonia"] button{

  opacity:
    1 !important;
}


#sonia .sonia-control:not(.sonia-control--primary){

  color:
    var(--evox-text) !important;

  border-color:
    var(--evox-border) !important;
}


#sonia .sonia-control:not(.sonia-control--primary):hover{

  color:
    var(--evox-blue) !important;

  border-color:
    rgba(23,141,181,.38) !important;

  background:
    rgba(255,255,255,.96) !important;
}


/* ----------------------------------------------------------
   10 — MODAL / LEAD FORM
   ---------------------------------------------------------- */

#evox-commercial-handoff
.evox-handoff-card{

  background:
    #fff !important;

  color:
    var(--evox-text) !important;

  border:
    1px solid var(--evox-border) !important;

  box-shadow:
    0 28px 70px rgba(7,17,26,.28) !important;
}


#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close{

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    44px !important;

  height:
    44px !important;

  background:
    rgba(7,17,26,.05) !important;

  color:
    var(--evox-graphite) !important;

  border:
    1px solid rgba(21,33,42,.14) !important;

  border-radius:
    999px !important;

  opacity:
    1 !important;
}


#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close *{

  color:
    var(--evox-graphite) !important;

  stroke:
    var(--evox-graphite) !important;

  opacity:
    1 !important;
}


#evox-commercial-handoff
.evox-handoff-card
.evox-handoff-close:hover{

  background:
    rgba(23,141,181,.10) !important;

  border-color:
    rgba(23,141,181,.40) !important;

  box-shadow:
    var(--evox-focus) !important;
}


#evox-commercial-handoff input,
#evox-commercial-handoff textarea{

  color:
    var(--evox-text) !important;

  background:
    #fff !important;

  border:
    1px solid var(--evox-border-strong) !important;

  border-radius:
    var(--evox-radius-sm) !important;
}


#evox-commercial-handoff input:focus,
#evox-commercial-handoff textarea:focus{

  border-color:
    var(--evox-blue) !important;

  box-shadow:
    var(--evox-focus) !important;

  outline:
    none !important;
}


/* ----------------------------------------------------------
   11 — FOOTER
   ---------------------------------------------------------- */

footer{

  color:
    inherit;
}


footer a{

  opacity:
    .84;

  transition:
    opacity var(--evox-speed),
    color var(--evox-speed);
}


footer a:hover{

  opacity:
    1;
}


footer .evox-f423-next__cta{

  color:
    var(--evox-graphite) !important;
}


/* ----------------------------------------------------------
   12 — BACK TO TOP
   ---------------------------------------------------------- */

#evox-back-to-top,
[class*="back-to-top"].is-visible,
[class*="scroll-top"].is-visible{

  background:
    rgba(15,28,38,.94) !important;

  color:
    #fff !important;

  border:
    1px solid rgba(255,255,255,.22) !important;

  opacity:
    1 !important;

  box-shadow:
    var(--evox-shadow-md) !important;
}


#evox-back-to-top *,
[class*="back-to-top"].is-visible *,
[class*="scroll-top"].is-visible *{

  color:
    #fff !important;

  stroke:
    #fff !important;
}


#evox-back-to-top:hover,
[class*="back-to-top"].is-visible:hover,
[class*="scroll-top"].is-visible:hover{

  background:
    var(--evox-navy) !important;

  border-color:
    rgba(54,199,217,.58) !important;

  box-shadow:
    var(--evox-focus),
    var(--evox-shadow-lg) !important;

  transform:
    translateY(-2px);
}


/* ----------------------------------------------------------
   13 — MOBILE NORMALIZATION
   ---------------------------------------------------------- */

@media (max-width:719px){

  button,
  a,
  [role="button"]{

    -webkit-tap-highlight-color:
      transparent;
  }


  #problem .evox-problem-media{

    min-height:
      96px;
  }


  #evox-commercial-handoff
  .evox-handoff-card{

    max-height:
      calc(100dvh - 24px) !important;

    overflow-y:
      auto !important;

    overscroll-behavior:
      contain;
  }


  #evox-commercial-handoff
  .evox-handoff-close{

    position:
      sticky;

    top:
      8px;

    z-index:
      20;
  }
}


/* ----------------------------------------------------------
   14 — MOTION ACCESSIBILITY
   ---------------------------------------------------------- */

@media (prefers-reduced-motion:reduce){

  button,
  a,
  [role="button"],
  .v12-choice,
  .evox-problem-media,
  .evox-solution-card,
  .evox-case-card{

    transition:
      none !important;
  }


  button:hover,
  a:hover,
  [role="button"]:hover,
  .v12-choice:hover,
  .evox-problem-media:hover,
  .evox-solution-card:hover,
  .evox-case-card:hover{

    transform:
      none !important;
  }
}


/* ==========================================================
   END EVO-X F4.26B
   ========================================================== */


/* ==========================================================
   EVO-X F4.26C4B EXECUTIVE PRESENTATION POLICY
   Migrated from evox-executive-presentation.css.
   Internal engines remain in DOM but outside commercial UX.
   ========================================================== */

#evox-journey-pulse,
#authority,
#sonia-guided-journey,
#evox-diagnostic,
#executive-form {
  display: none;
}

/* END EVO-X F4.26C4B EXECUTIVE PRESENTATION POLICY */



/* ==========================================================
   EVO-X F4.26C8 BUSINESS CONTEXT INTERACTION CONTRACT
   Migrated from evox-business-context-authority.css.

   data-profile remains the canonical visible profile choice.
   The retired size selector no longer exists in runtime DOM.
   ========================================================== */

#business-context [data-profile] {
  cursor: pointer;
}

#business-context [data-profile][aria-pressed="true"],
#business-context [data-profile].active {
  position: relative;
}

/* END EVO-X F4.26C8 BUSINESS CONTEXT INTERACTION CONTRACT */


/* ==========================================================
   EVO-X F5.1F-R4R
   HERO PROGRESS BAR RESTORE
   ========================================================== */

#hero .evox-hero-nav > .evox-hero-dot.evox-hide-hero-number{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:7px 0 0 !important;
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  background:transparent !important;
  border:0 !important;
  overflow:hidden !important;
}

#hero .evox-hero-nav > .evox-hero-dot.evox-hide-hero-number .evox-hero-track{
  display:block !important;
  width:100% !important;
  height:2px !important;
  margin:0 !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.20) !important;
}

#hero .evox-hero-nav > .evox-hero-dot.evox-hide-hero-number .evox-hero-fill{
  display:block !important;
  width:100% !important;
  height:100% !important;
  background:#fff !important;
  transform-origin:left center !important;
}

#hero .evox-hero-nav > .evox-hero-dot.evox-hide-hero-number.is-active .evox-hero-fill{
  animation:evoxHeroProgress 7000ms linear forwards !important;
}

#hero.is-paused .evox-hero-nav > .evox-hero-dot.evox-hide-hero-number.is-active .evox-hero-fill{
  animation-play-state:paused !important;
}

/* END EVO-X F5.1F-R4R HERO PROGRESS BAR RESTORE */