/* AWC site-wide readability and spacing polish for the static mirror. */
:root {
  --awc-ink: #111827;
  --awc-muted: #4b5565;
  --awc-surface: #ffffff;
  --awc-soft: #f5f7fb;
  --awc-dark: #05070d;
  --awc-dark-2: #07111f;
  --awc-blue: #007ffd;
  --awc-blue-soft: #cce4ff;
  --awc-border: rgba(17, 24, 39, 0.12);
}

.awc-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

main :is(.fnt_t-k, h1 > :is(i, em), section header > small:first-child, .cnt-stl > :first-child:is(h1, h2, h3, h4, h5, h6) > :is(i, em)) {
  letter-spacing: 0 !important;
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--awc-blue) !important;
}

main :is(.blk-bg, .dk-bg) :is(.fnt_t-k, h1 > :is(i, em), section header > small:first-child, .cnt-stl > :first-child:is(h1, h2, h3, h4, h5, h6) > :is(i, em)) {
  color: #9bd0ff !important;
}

main .grd-txt {
  background-image: none !important;
  -webkit-text-fill-color: currentColor !important;
}

main :is(p, li, .cnt-stl) {
  line-height: 1.5;
}

main .cnt-stl li + li {
  margin-block-start: 1rem;
}

main .txt-hlt.bg-bx {
  display: block;
  padding: clamp(1rem, 2vw, 1.35rem) !important;
  color: var(--awc-ink) !important;
  background: var(--awc-surface) !important;
  background-image: none !important;
  border: 1px solid var(--awc-border);
  border-radius: 0.8rem;
  box-shadow: 0 1rem 2.6rem rgba(15, 23, 42, 0.08);
}

main .txt-hlt.bg-bx * {
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

main :is(.ctc, .mstg) :is(.bg-bx.no-bg, .bg-bx.lk-bg, .bg-bx.alt-bg):has(form) {
  padding: clamp(1.25rem, 2.5vw, 2rem) !important;
  color: var(--awc-ink) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 1rem !important;
  box-shadow: 0 1.5rem 4rem rgba(5, 8, 18, 0.18);
}

main :is(.ctc, .mstg) :is(.bg-bx.no-bg, .bg-bx.lk-bg, .bg-bx.alt-bg):has(form) :is(h1, h2, h3, h4, h5, h6, p, label, small, span) {
  color: inherit !important;
}

main .awc-contact-form {
  display: grid;
  gap: 0.85rem;
  text-align: left;
}

main .awc-contact-form label {
  display: grid;
  gap: 0.35rem;
  font-weight: 700;
  color: var(--awc-ink);
}

main .awc-contact-form :is(input, textarea) {
  width: 100%;
  min-height: 2.75rem;
  padding: 0.7rem 0.85rem;
  color: var(--awc-ink);
  background: #ffffff;
  border: 1px solid var(--awc-border);
  border-radius: 0.55rem;
  font: inherit;
}

main .awc-contact-form textarea {
  resize: vertical;
}

main .awc-contact-form .btn {
  justify-content: center;
  width: 100%;
  margin-block-start: 0.25rem;
}

main .awc-form-note {
  margin-block-start: 0.85rem;
  color: var(--awc-muted) !important;
  line-height: 1.45;
}

main .awc-form-note a {
  color: var(--awc-blue) !important;
  font-weight: 700;
}

main .awd-itm img[src*="awc-google-ad-professional"],
main .awd-itm img[src*="awc-reddit-integrations"],
main .awd-itm img[src*="awc-ibm-ai-certified"] {
  width: min(100%, 18rem) !important;
  max-height: 6.8rem !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

main #MainstageV1Awards .awd-itm,
main #GetStartedAwards .awd-itm {
  min-height: 7.8rem;
}

main #CalloutV2 picture img[src*="awc-ai-partner-grid"] {
  width: min(100%, 78rem);
  margin-inline: auto;
  object-fit: contain !important;
}

@keyframes awcBubblesFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.45rem);
  }
}

@keyframes awcBubblesBubble {
  0%, 18%, 100% {
    opacity: 0;
    transform: translateY(0.7rem) scale(0.96);
  }
  24%, 54% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  62% {
    opacity: 0;
    transform: translateY(-0.5rem) scale(0.98);
  }
}

main .sln-itm.bg-bx {
  padding: clamp(1.25rem, 2.6vw, 2.25rem) !important;
  gap: clamp(1.25rem, 2.6vw, 2rem) !important;
  color: #f8fbff !important;
  background: linear-gradient(150deg, rgba(0, 127, 253, 0.18), transparent 45%), var(--awc-dark-2) !important;
  border: 1px solid rgba(126, 191, 255, 0.25);
  border-radius: 1rem !important;
}

main .sln-itm.bg-bx :is(h1, h2, h3, h4, h5, h6, strong, p, small, span, li) {
  color: inherit !important;
}

main .sln-itm.bg-bx .sln-tag {
  color: #9bd0ff !important;
  letter-spacing: 0 !important;
}

main .sln-itm.bg-bx .btn.v1 {
  --btn-bg: #ffffff;
  --btn-clr: #07111f;
}

main .sln-itm.bg-bx picture {
  overflow: hidden;
  border-radius: 0.8rem;
}

main .faq-itm.bg-bx {
  color: var(--awc-ink) !important;
  background: var(--awc-surface) !important;
  background-image: none !important;
  border-color: var(--awc-border) !important;
  box-shadow: 0 1rem 2.8rem rgba(15, 23, 42, 0.06);
}

main .faq-itm .el-tab {
  color: var(--awc-ink) !important;
}

main .faq-itm .el-panel {
  color: var(--awc-muted) !important;
}

main #ValuesV1Values .vls-lst {
  align-items: stretch;
}

main #ValuesV1Values .vls-lst > li {
  display: flex;
  flex-direction: column;
}

main #ValuesV1Values .vls-lst > li > .fnt_t-sb {
  min-height: 2.7em;
}

main #ValuesV1Values .nln-blk.bg-bx {
  display: flex;
  align-items: center;
  min-height: 8.5rem;
  height: 100%;
  padding: clamp(1.1rem, 2vw, 1.45rem) !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, #06255b 0%, #064cae 56%, #0070dc 100%) !important;
  border: 1px solid rgba(177, 220, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18), 0 1rem 2.2rem rgba(0, 0, 0, 0.28);
}

main #ValuesV1Values .nln-blk.bg-bx,
main #ValuesV1Values .nln-blk.bg-bx * {
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
}

main #ValuesV1Values .nln-blk.bg-bx strong {
  font-size: clamp(1rem, 1.4vw, 1.1rem);
  font-weight: 700;
  line-height: 1.42;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.38);
}

main #ValuesV1Values .vls-lst > li > .fnt_t-sb {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

main #ValuesV1Awards .awd-lst {
  display: grid;
  gap: 1rem;
}

main #ValuesV1Awards .awd-lst figure {
  min-height: 10rem;
  padding: clamp(1.15rem, 2vw, 1.5rem) !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 1px solid var(--awc-border);
}

main #ValuesV1Awards .awd-lst figure :is(strong, p) {
  color: var(--awc-ink) !important;
}

main #ValuesV1Awards .awd-lst figure p {
  color: var(--awc-muted) !important;
}

main #ValuesV12Feed {
  align-items: stretch;
}

main #ValuesV12Feed .vls-itm {
  display: flex;
  min-height: 15rem;
  padding: clamp(1.2rem, 2vw, 1.6rem) !important;
  color: var(--awc-ink) !important;
  background: #ffffff !important;
  border: 1px solid var(--awc-border);
  border-radius: 0.9rem !important;
}

main #ValuesV12Feed .vls-itm .rlt {
  display: flex;
  align-items: center;
}

main #ValuesV12Feed .vls-itm :is(strong, .cnt-stl) {
  color: inherit !important;
}

main #ValuesV12Feed .vls-itm .cnt-stl {
  color: var(--awc-muted) !important;
}

#FooterV1 {
  position: sticky;
  top: 100%;
}

#FooterV1 .mn_wd > .flx-at-1280:first-of-type {
  justify-content: center !important;
  text-align: center;
  gap: clamp(1.25rem, 3vw, 2.5rem);
}

#FooterV1 .lg {
  margin-inline: auto;
  width: min(14rem, 64vw) !important;
}

#FooterV1 .awc-logo-img {
  max-height: 4.75rem !important;
}

#FooterV1 nav.ato {
  flex: 0 1 auto;
}

main .lt-bg.alt-bg .btn.v1:not(.alt),
main .wht-bg .btn.v1:not(.alt) {
  --btn-bg: var(--awc-blue);
  --btn-clr: #ffffff;
}

@media screen and (width < 700px) {
  main section {
    padding-inline: clamp(1.25rem, 5vw, 2rem);
  }

  main .sln-itm.bg-bx {
    text-align: left;
  }

  main :is(.bg-bx.no-bg, .bg-bx.lk-bg, .bg-bx.alt-bg):has(form) {
    border-radius: 0.9rem !important;
  }

  main #ValuesV1Values .vls-lst > li > .fnt_t-sb {
    min-height: 0;
  }

  main #ValuesV12Feed .vls-itm {
    min-height: 0;
  }

  #FooterV1 .mn_wd > .flx-at-1280:first-of-type {
    display: grid !important;
    justify-items: center;
  }
}

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

/* Fix "Choose the level of evolution" 3-tier grid wrapping (get-started ValuesV12) */
#ValuesV12Feed{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:1rem !important;align-items:stretch !important;}
#ValuesV12Feed>li{width:100% !important;max-width:none !important;margin:0 !important;}
#ValuesV12Feed .vls-itm{height:100% !important;box-sizing:border-box;}
@media (max-width:860px){#ValuesV12Feed{grid-template-columns:1fr !important;}}

/* Fix card TITLE typography in level-of-evolution cards — stop mid-word breaks like "Foundat-ion" */
#ValuesV12Feed .vls-itm strong.fnt_t-sb{
  font-size:clamp(1.15rem,1.6vw,1.5rem) !important;
  line-height:1.15 !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  hyphens:none !important;
  display:block;
  margin-bottom:.4rem;
}
#ValuesV12Feed .vls-itm{padding:1.25rem !important;}

/* Decorative autoplay background videos: the legacy CMS JS-reveal that flips them visible isn't firing on the static mirror, so they stay visibility:hidden (blank). Force them visible. Popover/controls videos are unaffected (they aren't autoplay). */
video[autoplay]{visibility:visible !important;}
/* Pricing hero — nexbot robot Spline, frame flush to hero top+bottom on the RIGHT (text left untouched) */
#PricingHero{position:relative;}
#PricingHero .awc-robot-col{position:absolute;top:0;right:0;bottom:0;width:46%;z-index:1;pointer-events:auto;}
#PricingHero .awc-robot-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
#PricingHero > .mn_wd{position:relative;z-index:2;pointer-events:none;}
#PricingHero > .mn_wd a,#PricingHero > .mn_wd button{pointer-events:auto;}
@media (max-width:1000px){
  #PricingHero{flex-direction:column;}
  #PricingHero > .mn_wd{position:relative;z-index:2;pointer-events:auto;order:1;}
  #PricingHero .awc-robot-col{position:relative;order:2;width:100%;max-width:560px;margin:0 auto;height:480px;}
}
@media (max-width:600px){
  #PricingHero .awc-robot-col{display:none !important;}
}

/* v1 rotator masthead (home + get-started): the tall rotating-headline block (.inf) is vertically centered, so on mobile/tablet its active phrase rides up under the 70px absolute "overlap" header and the first line gets clipped. Adding top clearance pushes the headline below the header. Scoped to .v1 only — v2 (pricing) and v3 (16 service pages) already clear the header and must keep their spacing. */
@media (max-width:1000px){
  body.overlap .mstg.v1{ padding-top:110px !important; padding-bottom:56px !important; }
}

/* AWC hero animated backgrounds — exact 21st.dev components built as a React app,
   embedded as full-bleed iframes behind the hero content (Spline-style).
   ether=Website hero, paths=AI Sales Bot hero. */
#MainstageV3 .awc-hero-iframe{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;border:0;background:#05070d;}
#MainstageV3 .awc-hero-iframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;pointer-events:none;}
#MainstageV3.bg-image > .mn_wd{position:relative;z-index:3;}

/* Credentials section — real, verifiable Anthropic + IBM certs (E-E-A-T; replaces self-claimed badges as the trust signal) */
#CredentialsV1 .awc-creds{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));}
#CredentialsV1 .awc-cred{display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;text-align:left;
  padding:1.15rem 1.2rem;background:#fff;border:1px solid var(--awc-border,rgba(17,24,39,.12));
  border-radius:.9rem;box-shadow:0 .6rem 1.8rem rgba(15,23,42,.06);}
#CredentialsV1 .awc-cred-iss{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--awc-blue,#007ffd);}
#CredentialsV1 .awc-cred-name{font-size:1.02rem;line-height:1.25;font-weight:700;color:var(--awc-ink,#111827);}
#CredentialsV1 .awc-cred-vfy{margin-top:auto;font-size:.85rem;font-weight:700;color:var(--awc-blue,#007ffd);}
#CredentialsV1 .awc-cred-vfy:hover{text-decoration:underline;}