/*
 * Biz Bridge Connect interaction layer
 * Transform-led, shadow-free, pointer-aware and reduced-motion safe.
 */

:root {
  --interaction-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --interaction-fast: 320ms;
  --interaction-slow: 680ms;
}

/* Page-family hero motion */
.policy-hero[data-hero-motion] {
  --hero-shift-x: 0px;
  --hero-shift-y: 0px;
  --hero-shift-x-inverse: 0px;
  --hero-shift-y-inverse: 0px;
}

.policy-hero[data-hero-motion]::before,
.policy-hero[data-hero-motion]::after {
  transition:
    opacity 720ms ease,
    transform 1100ms var(--interaction-ease),
    border-color 420ms ease;
}

.site-hero-motion-ready .policy-hero[data-hero-motion] .guide-return,
.site-hero-motion-ready .policy-hero[data-hero-motion] .eyebrow,
.site-hero-motion-ready .policy-hero[data-hero-motion] h1,
.site-hero-motion-ready .policy-hero[data-hero-motion] .policy-hero__lede,
.site-hero-motion-ready .policy-hero[data-hero-motion] .policy-meta {
  opacity: 0;
  transform: translate3d(0, 2rem, 0);
  transition: opacity 760ms ease, transform 980ms var(--interaction-ease);
}

.site-hero-motion-ready .policy-hero[data-hero-motion] h1 { transition-delay: 90ms; }
.site-hero-motion-ready .policy-hero[data-hero-motion] .policy-hero__lede { transition-delay: 190ms; }
.site-hero-motion-ready .policy-hero[data-hero-motion] .policy-meta { transition-delay: 270ms; }

.site-hero-motion-ready .policy-hero[data-hero-motion]::before {
  opacity: 0;
  transform: translate3d(4rem, -2rem, 0) scale(0.86) rotate(8deg);
}

.site-hero-motion-ready .policy-hero[data-hero-motion]::after {
  opacity: 0;
  transform: translate3d(2rem, 1rem, 0) scale(0.76);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion] .guide-return,
.site-hero-motion-loaded .policy-hero[data-hero-motion] .eyebrow,
.site-hero-motion-loaded .policy-hero[data-hero-motion] h1,
.site-hero-motion-loaded .policy-hero[data-hero-motion] .policy-hero__lede,
.site-hero-motion-loaded .policy-hero[data-hero-motion] .policy-meta {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion]::before,
.site-hero-motion-loaded .policy-hero[data-hero-motion]::after {
  opacity: 1;
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="engineer"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) rotate(5deg);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="product"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) rotate(-6deg) scale(1.02);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="signal"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) rotate(2deg) scale(0.99);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="orbit"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) rotate(-10deg);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="invite"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) scale(1.015);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="sequence"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) rotate(4deg) skewX(-2deg);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="question"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) rotate(-2deg) scale(1.025);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="library"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="guide"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) rotate(12deg);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="trust"]::before {
  transform: translate3d(var(--hero-shift-x), var(--hero-shift-y), 0) rotate(19deg);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion]::after {
  transform:
    translate3d(
      var(--hero-shift-x-inverse),
      var(--hero-shift-y-inverse),
      0
    )
    scale(1);
}

.site-hero-motion-loaded .policy-hero[data-hero-motion="question"]::after {
  transform:
    translate3d(
      var(--hero-shift-x-inverse),
      var(--hero-shift-y-inverse),
      0
    )
    rotate(24deg)
    scale(1);
}

/* Route-aware contact pill */
body {
  --cta-fill: var(--acid);
  --cta-hover-text: var(--ink);
  --cta-mark-bg: var(--acid);
  --cta-mark-text: var(--ink);
}

body[data-route="bugence"],
body[data-route="products"] {
  --cta-fill: var(--violet);
  --cta-hover-text: #fff;
}

body[data-route="ai-automation"],
body[data-route="ai-readiness"],
body[data-route="security"] {
  --cta-fill: #fff;
  --cta-hover-text: var(--ink);
  --cta-mark-bg: var(--violet);
  --cta-mark-text: #fff;
}

body[data-route="about"],
body[data-route="accessibility"] {
  --cta-fill: #fff;
  --cta-hover-text: var(--ink);
}

.policy-header__cta {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: max-content;
  min-width: 12.4rem;
  max-width: 17rem;
  gap: 1rem;
  transition:
    width 600ms cubic-bezier(0.77, 0, 0.18, 1),
    color 420ms ease,
    border-color 320ms ease,
    transform 520ms var(--interaction-ease);
}

.policy-header__cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: var(--cta-fill);
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 620ms var(--interaction-ease);
}

[data-contact-open="false"] .policy-header__cta:hover,
[data-contact-open="false"] .policy-header__cta:focus-visible {
  color: var(--cta-hover-text);
  border-color: var(--cta-fill);
  transform: translate3d(0, -0.18rem, 0);
}

[data-contact-open="false"] .policy-header__cta:hover::before,
[data-contact-open="false"] .policy-header__cta:focus-visible::before {
  transform: scaleX(1);
  transform-origin: left;
}

.policy-header__cta-label,
.policy-header__cta-mark {
  position: relative;
  z-index: 1;
}

.policy-header__cta-mark {
  color: var(--cta-mark-text);
  background: var(--cta-mark-bg);
  transition:
    color 320ms ease,
    background-color 320ms ease,
    border-radius 520ms var(--interaction-ease),
    transform 600ms var(--interaction-ease);
}

[data-contact-open="false"] .policy-header__cta:hover .policy-header__cta-mark,
[data-contact-open="false"] .policy-header__cta:focus-visible .policy-header__cta-mark {
  color: var(--cta-hover-text);
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 34% 66% 42% 58%;
  transform: rotate(135deg) scale(0.92);
}

body[data-route="services"] [data-contact-open="false"] .policy-header__cta:hover .policy-header__cta-mark,
body[data-route="custom-software-development"] [data-contact-open="false"] .policy-header__cta:hover .policy-header__cta-mark,
body[data-route="software-development-dubai"] [data-contact-open="false"] .policy-header__cta:hover .policy-header__cta-mark {
  transform: rotate(45deg) scale(0.92);
}

body[data-route="contact"] [data-contact-open="false"] .policy-header__cta:hover .policy-header__cta-mark {
  border-radius: 50%;
  transform: translate3d(0.15rem, 0, 0) rotate(90deg);
}

[data-contact-open="true"] .policy-header__cta::before {
  transform: scaleX(0);
}

.bbc-hover-surface {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

/* Shared navigation and action feedback */
.policy-nav a,
.policy-footer nav a,
.footer__nav-link {
  position: relative;
}

.policy-nav a::after,
.policy-footer nav a::after,
.footer__nav-link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -0.35rem;
  left: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 460ms var(--interaction-ease);
}

.policy-nav a:hover::after,
.policy-nav a:focus-visible::after,
.policy-footer nav a:hover::after,
.policy-footer nav a:focus-visible::after,
.footer__nav-link:hover::after,
.footer__nav-link:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.policy-nav a[aria-current="page"] {
  color: var(--acid);
}

.policy-nav a[aria-current="page"]::after {
  background: var(--acid);
  transform: scaleX(1);
}

.seo-breadcrumb li[aria-current="page"] {
  color: var(--acid);
}

.policy-brand__mark,
.policy-footer__mark,
.footer__logo-svg {
  transition: transform 560ms var(--interaction-ease);
}

.policy-brand:hover .policy-brand__mark,
.policy-brand:focus-visible .policy-brand__mark,
.policy-footer__brand:hover .policy-footer__mark,
.policy-footer__brand:focus-visible .policy-footer__mark {
  transform: rotate(45deg) scale(1.06);
}

.seo-breadcrumb a,
.contact-brief-link a,
.about-leadership__card a {
  transition: color var(--interaction-fast) ease, text-underline-offset var(--interaction-fast) ease;
}

.seo-breadcrumb a:hover,
.seo-breadcrumb a:focus-visible,
.contact-brief-link a:hover,
.contact-brief-link a:focus-visible,
.about-leadership__card a:hover,
.about-leadership__card a:focus-visible {
  color: var(--acid);
  text-underline-offset: 0.48rem;
}

/* Shared structured rows */
.official-profiles nav a,
.contact-directory__methods a,
.related-services nav a,
.entity-facts dl > div,
.service-checklist li {
  transition:
    color var(--interaction-fast) ease,
    background-color var(--interaction-fast) ease,
    transform 520ms var(--interaction-ease),
    padding-left 520ms var(--interaction-ease);
}

.official-profiles nav a:hover,
.official-profiles nav a:focus-visible,
.contact-directory__methods a:hover,
.contact-directory__methods a:focus-visible,
.related-services nav a:hover,
.related-services nav a:focus-visible {
  padding-left: 1rem;
  background: rgba(105, 76, 255, 0.09);
}

.official-profiles nav a:hover b,
.official-profiles nav a:focus-visible b,
.contact-directory__methods a:hover b,
.contact-directory__methods a:focus-visible b {
  transform: translate3d(0.35rem, -0.35rem, 0) rotate(8deg);
}

.official-profiles nav b,
.contact-directory__methods b {
  transition: transform 520ms var(--interaction-ease);
}

.service-checklist li:hover {
  padding-left: 3.45rem;
  background: linear-gradient(90deg, rgba(105, 76, 255, 0.11), transparent 72%);
}

.service-checklist li::before {
  transition: transform 480ms var(--interaction-ease), color var(--interaction-fast) ease;
}

.service-checklist li:hover::before {
  color: var(--paper);
  transform: rotate(45deg) scale(1.08);
}

/* Services: architectural cards, sequenced method rows */
body[data-route="services"] .service-directory article {
  transition:
    transform 620ms var(--interaction-ease),
    border-color var(--interaction-fast) ease,
    background-color var(--interaction-fast) ease;
}

body[data-route="services"] .service-directory article:hover,
body[data-route="services"] .service-directory article:focus-within {
  transform: translate3d(0, -0.65rem, 0);
  border-color: rgba(223, 255, 25, 0.62);
  background: #17171e;
}

body[data-route="services"] .service-directory h3,
body[data-route="services"] .service-directory article > span,
body[data-route="services"] .service-directory article > a:last-child {
  transition: transform 560ms var(--interaction-ease), color var(--interaction-fast) ease;
}

body[data-route="services"] .service-directory article:hover h3,
body[data-route="services"] .service-directory article:focus-within h3 {
  transform: translate3d(0.4rem, 0, 0);
}

body[data-route="services"] .service-directory article:hover > span,
body[data-route="services"] .service-directory article:focus-within > span {
  transform: translate3d(0.3rem, 0, 0);
  color: #fff;
}

body[data-route="services"] .service-directory article:hover > a:last-child,
body[data-route="services"] .service-directory article:focus-within > a:last-child {
  transform: translate3d(0.4rem, 0, 0);
}

body[data-route="services"] .service-directory article > a:last-child b {
  transition: transform 520ms var(--interaction-ease);
}

body[data-route="services"] .service-directory article:hover > a:last-child b,
body[data-route="services"] .service-directory article:focus-within > a:last-child b {
  transform: translate3d(0.3rem, -0.15rem, 0) rotate(-10deg);
}

body[data-route="services"] .service-method article {
  position: relative;
  overflow: hidden;
  transition: background-color 420ms ease, transform 560ms var(--interaction-ease);
}

body[data-route="services"] .service-method article::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--acid);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 620ms var(--interaction-ease);
}

body[data-route="services"] .service-method article:hover {
  background: rgba(255, 255, 255, 0.055);
  transform: translate3d(0, -0.35rem, 0);
}

body[data-route="services"] .service-method article:hover::after {
  transform: scaleX(1);
}

body[data-route="services"] .service-method h3 {
  transition: transform 560ms var(--interaction-ease);
}

body[data-route="services"] .service-method article:hover h3 {
  transform: translate3d(0, -0.35rem, 0);
}

/* About: editorial depth and leadership motion */
body[data-route="about"] .service-signal-grid article,
body[data-route="about"] .service-capabilities article {
  transition:
    transform 620ms var(--interaction-ease),
    border-color var(--interaction-fast) ease,
    background-color 480ms var(--interaction-ease),
    color var(--interaction-fast) ease;
}

body[data-route="about"] .service-signal-grid article::after,
body[data-route="about"] .service-capabilities article::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 1.45rem;
  right: 1.45rem;
  width: 2.8rem;
  height: 2px;
  pointer-events: none;
  background: var(--ink);
  transform: scaleX(0.22);
  transform-origin: right;
  transition: transform 620ms var(--interaction-ease);
}

body[data-route="about"] .service-signal-grid article:hover,
body[data-route="about"] .service-signal-grid article:focus-within,
body[data-route="about"] .service-capabilities article:hover,
body[data-route="about"] .service-capabilities article:focus-within {
  transform: translate3d(0, -0.55rem, 0);
  color: var(--ink);
  background: var(--acid);
  border-color: var(--acid);
}

body[data-route="about"] .service-signal-grid article:nth-child(even):hover,
body[data-route="about"] .service-signal-grid article:nth-child(even):focus-within,
body[data-route="about"] .service-capabilities article:nth-child(even):hover,
body[data-route="about"] .service-capabilities article:nth-child(even):focus-within {
  transform: translate3d(0, -0.55rem, 0) rotate(-0.35deg);
}

body[data-route="about"] .service-signal-grid article:nth-child(odd):hover,
body[data-route="about"] .service-signal-grid article:nth-child(odd):focus-within,
body[data-route="about"] .service-capabilities article:nth-child(odd):hover,
body[data-route="about"] .service-capabilities article:nth-child(odd):focus-within {
  transform: translate3d(0, -0.55rem, 0) rotate(0.35deg);
}

body[data-route="about"] .service-signal-grid article:hover::after,
body[data-route="about"] .service-signal-grid article:focus-within::after,
body[data-route="about"] .service-capabilities article:hover::after,
body[data-route="about"] .service-capabilities article:focus-within::after {
  transform: scaleX(1);
  transform-origin: left;
}

body[data-route="about"] .service-signal-grid h3,
body[data-route="about"] .service-capabilities h3,
body[data-route="about"] .service-signal-grid p,
body[data-route="about"] .service-capabilities p,
body[data-route="about"] .service-signal-grid article > span {
  transition:
    color var(--interaction-fast) ease,
    transform 560ms var(--interaction-ease);
}

body[data-route="about"] .service-signal-grid article:hover h3,
body[data-route="about"] .service-signal-grid article:focus-within h3,
body[data-route="about"] .service-capabilities article:hover h3,
body[data-route="about"] .service-capabilities article:focus-within h3 {
  color: var(--ink);
  transform: translate3d(0.35rem, -0.25rem, 0);
}

body[data-route="about"] .service-signal-grid article:hover p,
body[data-route="about"] .service-signal-grid article:focus-within p,
body[data-route="about"] .service-capabilities article:hover p,
body[data-route="about"] .service-capabilities article:focus-within p {
  color: rgba(7, 7, 10, 0.7);
  transform: translate3d(0.18rem, 0, 0);
}

body[data-route="about"] .service-signal-grid article:hover > span,
body[data-route="about"] .service-signal-grid article:focus-within > span {
  color: var(--violet);
  transform: translate3d(0.2rem, 0, 0);
}

body[data-route="about"] .about-leadership__card {
  position: relative;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, 0.12);
  transition:
    transform 760ms var(--interaction-ease),
    border-radius 760ms var(--interaction-ease),
    border-color 420ms ease,
    background-color 620ms ease;
}

body[data-route="about"] .about-leadership__card::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 50%;
  right: clamp(-8rem, -5vw, -3rem);
  width: clamp(16rem, 24vw, 28rem);
  aspect-ratio: 1;
  border: 1px solid rgba(223, 255, 25, 0.5);
  border-radius: 50%;
  pointer-events: none;
  opacity: 0.34;
  transform: translate3d(16%, -50%, 0) scale(0.72);
  transition:
    transform 980ms var(--interaction-ease),
    opacity 520ms ease;
}

body[data-route="about"] .about-leadership__card::after {
  content: "";
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.32rem;
  background: var(--acid);
  pointer-events: none;
  transform: scaleX(0.08);
  transform-origin: left;
  transition: transform 920ms var(--interaction-ease);
}

body[data-route="about"] .about-leadership__card img {
  position: relative;
  z-index: 2;
  transform: scale(1.001);
  transform-origin: 50% 28%;
  transition:
    transform 1050ms var(--interaction-ease),
    filter 620ms ease,
    clip-path 850ms var(--interaction-ease);
}

body[data-route="about"] .about-leadership__card > div {
  position: relative;
  z-index: 1;
  transition: transform 820ms var(--interaction-ease);
}

body[data-route="about"] .about-leadership__card > div > * {
  position: relative;
  z-index: 1;
  transition:
    transform 720ms var(--interaction-ease),
    color 360ms ease;
}

body[data-route="about"] .about-leadership__card a span {
  display: inline-block;
  transition: transform 620ms var(--interaction-ease);
}

body[data-route="about"] .about-leadership__card:hover,
body[data-route="about"] .about-leadership__card:focus-within {
  transform: translate3d(0, -0.7rem, 0);
  border-color: rgba(223, 255, 25, 0.7);
  border-radius: 1rem 2.4rem 1rem 2.4rem;
  background-color: #3c29d9;
}

body[data-route="about"] .about-leadership__card:hover::before,
body[data-route="about"] .about-leadership__card:focus-within::before {
  opacity: 0.76;
  transform: translate3d(2%, -50%, 0) scale(1);
}

body[data-route="about"] .about-leadership__card:hover::after,
body[data-route="about"] .about-leadership__card:focus-within::after {
  transform: scaleX(1);
}

body[data-route="about"] .about-leadership__card:hover img,
body[data-route="about"] .about-leadership__card:focus-within img {
  transform: scale(1.055) translate3d(-0.25rem, 0, 0);
  filter: saturate(1.08) contrast(1.035);
  clip-path: inset(0.55rem round 1rem);
}

body[data-route="about"] .about-leadership__card:hover > div,
body[data-route="about"] .about-leadership__card:focus-within > div {
  transform: translate3d(0.7rem, 0, 0);
}

body[data-route="about"] .about-leadership__card:hover h3,
body[data-route="about"] .about-leadership__card:focus-within h3 {
  transform: translate3d(0.3rem, 0, 0);
}

body[data-route="about"] .about-leadership__card:hover a span,
body[data-route="about"] .about-leadership__card:focus-within a span {
  transform: translate3d(0.35rem, -0.35rem, 0);
}

body[data-route="about"] .entity-facts dl > div:hover {
  padding-left: 0.75rem;
  color: var(--paper);
  background: rgba(223, 255, 25, 0.045);
}

/* Contact: direct, responsive routes into conversation */
body[data-route="contact"] .contact-directory__methods a {
  position: relative;
  overflow: hidden;
}

body[data-route="contact"] .contact-directory__methods a::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, var(--violet), var(--acid));
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 620ms var(--interaction-ease);
}

body[data-route="contact"] .contact-directory__methods a:hover::after,
body[data-route="contact"] .contact-directory__methods a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

body[data-route="contact"] .service-capabilities article {
  transition:
    transform 620ms var(--interaction-ease),
    border-color var(--interaction-fast) ease,
    background-color var(--interaction-fast) ease;
}

body[data-route="contact"] .service-capabilities article:hover,
body[data-route="contact"] .service-capabilities article:focus-within {
  transform: translate3d(0, -0.55rem, 0);
  border-color: rgba(223, 255, 25, 0.65);
  background: #17171e;
}

body[data-route="contact"] .service-capabilities h3,
body[data-route="contact"] .service-capabilities article > a {
  transition: transform 520ms var(--interaction-ease), color var(--interaction-fast) ease;
}

body[data-route="contact"] .service-capabilities article:hover h3,
body[data-route="contact"] .service-capabilities article:focus-within h3,
body[data-route="contact"] .service-capabilities article:hover > a,
body[data-route="contact"] .service-capabilities article:focus-within > a {
  transform: translate3d(0.35rem, 0, 0);
}

/* Keyboard parity */
.bbc-hover-surface:focus-within {
  outline: 1px solid rgba(223, 255, 25, 0.72);
  outline-offset: 0.2rem;
}

@media (max-width: 900px), (hover: none), (pointer: coarse) {
  .service-checklist li:hover,
  .official-profiles nav a:hover,
  .contact-directory__methods a:hover,
  .related-services nav a:hover {
    padding-left: revert;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbc-hover-surface,
  .bbc-hover-surface *,
  .bbc-hover-surface::before,
  .bbc-hover-surface::after,
  .policy-nav a::after,
  .policy-footer nav a::after,
  .footer__nav-link::after {
    transition: none !important;
    transform: none !important;
  }

}

/* Match the secondary-page header CTA to the homepage Get in touch pill. */
.policy-header__cta:not(.error-home) {
  box-sizing: border-box;
  width: 9.625rem;
  min-width: 9.625rem;
  max-width: none;
  height: 2.625rem;
  gap: 0;
  padding: 0;
  color: #fff;
  background: linear-gradient(270deg, #222322 3.48%, #131311);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8.2rem;
  box-shadow: inset -2px -1px 3px 1px rgba(255, 255, 255, 0.07);
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 0.875rem;
}

.policy-header__cta:not(.error-home)::before {
  display: none;
}

.policy-header__cta:not(.error-home) .policy-header__cta-label {
  display: block;
  padding-left: 1.375rem;
}

.policy-header__cta:not(.error-home) .policy-header__cta-mark {
  position: absolute;
  top: 50%;
  right: 0;
  display: grid;
  place-items: center;
  width: 2.625rem;
  height: 2.625rem;
  flex-basis: 2.625rem;
  color: #07070a;
  background: #dfff19;
  border: 0;
  border-radius: 50%;
  box-shadow:
    inset -2px -2px 3px rgba(0, 0, 0, 0.14),
    0 0 0 1px rgba(223, 255, 25, 0.18);
  font-size: 1.25rem;
  transform: translateY(-50%);
}

.policy-header__cta:not(.error-home) .policy-header__cta-mark svg {
  width: 1.12rem;
  height: 1.28rem;
  overflow: visible;
  fill: currentColor;
}

.policy-header__cta:not(.error-home) .policy-header__cta-mark svg path {
  vector-effect: non-scaling-stroke;
}

[data-contact-open="true"] .policy-header__cta:not(.error-home) .policy-header__cta-mark svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.25;
  stroke-linecap: round;
}

[data-contact-open="false"] .policy-header__cta:not(.error-home):hover,
[data-contact-open="false"] .policy-header__cta:not(.error-home):focus-visible {
  color: #fff;
  border-color: rgba(223, 255, 25, 0.65);
  transform: translate3d(0, -0.18rem, 0);
}

[data-contact-open="false"] .policy-header__cta:not(.error-home):hover .policy-header__cta-mark,
[data-contact-open="false"] .policy-header__cta:not(.error-home):focus-visible .policy-header__cta-mark {
  color: #07070a;
  background: #dfff19;
  border: 0;
  border-radius: 50%;
  transform: translateY(-50%) rotate(12deg);
}

[data-contact-open="true"] .policy-header__cta:not(.error-home) {
  width: 2.625rem;
  min-width: 2.625rem;
  height: 2.625rem;
  padding: 0;
}

[data-contact-open="true"] .policy-header__cta:not(.error-home):hover .policy-header__cta-mark,
[data-contact-open="true"] .policy-header__cta:not(.error-home):focus-visible .policy-header__cta-mark {
  color: #dfff19;
  background: #08090d;
  border: 1px solid rgba(223, 255, 25, 0.75);
  transform: translateY(-50%) rotate(90deg) scale(0.92);
}

@media (min-width: 1024px) {
  .policy-header__cta:not(.error-home) {
    width: 13.3125rem;
    min-width: 13.3125rem;
    height: 4.3125rem;
    font-size: 1.125rem;
  }

  .policy-header__cta:not(.error-home) .policy-header__cta-label {
    padding-left: 2.125rem;
  }

  .policy-header__cta:not(.error-home) .policy-header__cta-mark {
    width: 4.375rem;
    height: 4.375rem;
    flex-basis: 4.375rem;
    font-size: 1.55rem;
  }

  .policy-header__cta:not(.error-home) .policy-header__cta-mark svg {
    width: 1.38rem;
    height: 1.58rem;
  }

  [data-contact-open="true"] .policy-header__cta:not(.error-home) .policy-header__cta-mark svg {
    width: 1.45rem;
    height: 1.45rem;
  }

  [data-contact-open="true"] .policy-header__cta:not(.error-home) {
    width: 4.375rem;
    min-width: 4.375rem;
    height: 4.375rem;
  }
}

@media (min-width: 1240px) {
  .policy-header__cta:not(.error-home) {
    width: 11.09375vw;
    min-width: 11.09375vw;
    height: 3.59375vw;
    font-size: 0.9375vw;
  }

  .policy-header__cta:not(.error-home) .policy-header__cta-label {
    padding-left: 1.77083vw;
  }

  .policy-header__cta:not(.error-home) .policy-header__cta-mark {
    width: 3.54167vw;
    height: 3.54167vw;
    flex-basis: 3.54167vw;
    font-size: 1.25vw;
  }

  .policy-header__cta:not(.error-home) .policy-header__cta-mark svg {
    width: 1.12vw;
    height: 1.28vw;
  }

  [data-contact-open="true"] .policy-header__cta:not(.error-home) .policy-header__cta-mark svg {
    width: 1.2vw;
    height: 1.2vw;
  }

  [data-contact-open="true"] .policy-header__cta:not(.error-home) {
    width: 3.54167vw;
    min-width: 3.54167vw;
    height: 3.54167vw;
  }
}