/* Approved dark homepage: small CTA icons and FAQ disclosure chevrons. */
/* Plain action links stay white against navy, including their arrow icons.
   Override the legacy text-link color without affecting filled buttons. */
.figma-home-theme .fh-home :is(.fh-text-link,.fh-stage-link,.fh-poker-features__footer a,.fh-faq-help a,.fh-growth-help a,.creatio-technology__footer a) {
  color: #fff !important;
  text-decoration-color: currentColor;
}
.figma-home-theme .fh-home :is(.fh-text-link,.fh-stage-link,.fh-poker-features__footer a,.fh-faq-help a,.fh-growth-help a,.creatio-technology__footer a) [aria-hidden="true"] {
  color: inherit;
}
.figma-home-theme .fh-home .fh-ui-icon{width:22px;height:22px;flex:0 0 22px;vertical-align:middle}
.figma-home-theme .fh-refined-faq .fh-eyebrow:before{content:none}
.figma-home-theme .fh-faq-chevron{flex:0 0 22px;color:#a7bddc;transition:transform .2s ease}
.figma-home-theme details[open] .fh-faq-chevron{transform:rotate(180deg);color:#8ac5ff}
.figma-home-theme .fh-refined-faq summary{padding-right:2px}
@media(prefers-reduced-motion:reduce){.figma-home-theme .fh-faq-chevron{transition:none}}

/* Keep text on its layout coordinates; animate colour/shadow rather than glyphs. */
.figma-home-theme .fh-home .fh-button,
.figma-home-theme .fh-home .fh-stage-cta,
.figma-home-theme .fh-blog-grid article {
  transition: background-color .2s, border-color .2s, box-shadow .2s;
}
.figma-home-theme .fh-home .fh-button:hover,
.figma-home-theme .fh-blog-grid article:hover { translate: none; }
.figma-home-theme .fh-home .fh-stage-cta:hover { transform: none; }

/* Solid text colour avoids clipped gradient layers on reading content. */
.figma-home-theme .fh-home .fh-stage h1 em,
.figma-home-theme .fh-home .fh-gradient-text {
  background: none;
  color: #b6d6f5;
  -webkit-text-fill-color: currentColor;
}

/* Keep the mobile contact controls below the main reading area. */
@media (max-width: 767px) {
  body.figma-home-theme { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  .figma-home-theme #cs-contact-dock {
    flex-direction: row;
    gap: 8px;
    width: auto;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom, 0px));
    padding: 6px;
    border: 1px solid #34435b;
    border-radius: 32px;
    background: #111b2b;
  }
  .figma-home-theme #cs-contact-dock .cs-contact-action { width: 44px; height: 44px; padding: 5px; animation: none; }
  .figma-home-theme #cs-contact-dock .cs-contact-action img { width: 32px; height: 32px; }
}