/* 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;}

/* Blog index listing — clean card grid (uses brand vars, matches credentials card style) */
#BlogList .awc-blog-list{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem;
  grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
#BlogList .awc-blog-card{margin:0;}
#BlogList .awc-blog-card a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;
  padding:1.6rem 1.8rem;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);
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;}
#BlogList .awc-blog-card a:hover{box-shadow:0 1rem 2.4rem rgba(15,23,42,.12);transform:translateY(-3px);
  border-color:var(--awc-blue,#007ffd);}
#BlogList .awc-blog-cat{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--awc-blue,#007ffd);margin-bottom:.65rem;}
#BlogList .awc-blog-card h2{margin:0 0 .55rem;font-size:1.45rem;line-height:1.2;color:var(--awc-ink,#111827);}
#BlogList .awc-blog-card p{margin:0 0 1rem;color:#475569;font-size:1rem;line-height:1.5;}
#BlogList .awc-blog-more{margin-top:auto;font-weight:700;color:var(--awc-blue,#007ffd);}

/* ---- Blog post article template (AEO structure: TL;DR, citation capsule, freshness, CTA) ---- */
#ArticleBody .awc-post-meta{font-size:.85rem;color:#64748b;margin:.1rem 0 1.5rem;font-weight:600;letter-spacing:.02em;}
#ArticleBody .awc-tldr{background:#f1f6fe;border:1px solid rgba(17,24,39,.1);border-left:4px solid var(--awc-blue,#007ffd);
  border-radius:.7rem;padding:1.05rem 1.3rem 1.1rem 1.4rem;margin:0 0 1.9rem;}
#ArticleBody .awc-tldr strong{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--awc-blue,#007ffd);margin-bottom:.55rem;}
#ArticleBody .awc-tldr ul{margin:0;padding-left:1.2rem;list-style:disc;}
#ArticleBody .awc-tldr li{margin:.32rem 0;}
#ArticleBody .awc-tldr li:before{content:none;display:none;}
#ArticleBody .awc-lede strong{font-size:1.18rem;line-height:1.5;color:var(--awc-ink,#0f172a);}
#ArticleBody blockquote.awc-capsule{margin:1.5rem 0;padding:.85rem 0 .85rem 1.3rem;border-left:4px solid var(--awc-blue,#007ffd);
  font-size:1.12rem;line-height:1.45;font-weight:600;color:var(--awc-ink,#0f172a);background:none;}
#ArticleBody .awc-post-cta{margin:2.3rem 0 .6rem;padding:1.4rem 1.6rem;background:#f1f6fe;border-radius:.8rem;border:1px solid rgba(17,24,39,.1);}
#ArticleBody .awc-post-cta p{margin:0;font-size:1.08rem;font-weight:600;color:var(--awc-ink,#0f172a);}
#ArticleBody .awc-fresh-note{margin-top:1.9rem;padding-top:1rem;border-top:1px solid rgba(17,24,39,.12);font-size:.85rem;color:#64748b;font-style:italic;}
#ArticleBody dl{margin:.5rem 0 0;}
#ArticleBody dl dt{font-weight:700;margin-top:1.15rem;color:var(--awc-ink,#0f172a);}
#ArticleBody dl dd{margin:.3rem 0 0;padding:0;color:#334155;}

/* ---- Blog index: grouped library ---- */
.awc-blog-group{padding-top:1.4rem;padding-bottom:1.4rem;}
.awc-blog-group-title{margin:0 0 .2rem;font-size:1.5rem;color:var(--awc-ink,#0f172a);}
.awc-blog-group-sub{margin:0 0 1.3rem;color:#64748b;font-size:1rem;}
.awc-blog-group .awc-blog-list{list-style:none;margin:0;padding:0;display:grid;gap:1.3rem;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));}
.awc-blog-group .awc-blog-card{margin:0;}
.awc-blog-group .awc-blog-card a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;
  padding:1.4rem 1.5rem;background:#fff;border:1px solid rgba(17,24,39,.1);border-radius:.9rem;
  box-shadow:0 .5rem 1.5rem rgba(15,23,42,.05);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;}
.awc-blog-group .awc-blog-card a:hover{box-shadow:0 1rem 2.4rem rgba(15,23,42,.12);transform:translateY(-3px);border-color:var(--awc-blue,#007ffd);}
.awc-blog-group .awc-blog-cat{font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--awc-blue,#007ffd);margin-bottom:.5rem;}
.awc-blog-group .awc-blog-card h3{margin:0 0 .5rem;font-size:1.12rem;line-height:1.25;color:var(--awc-ink,#0f172a);}
.awc-blog-group .awc-blog-card p{margin:0 0 .9rem;color:#475569;font-size:.94rem;line-height:1.45;}
.awc-blog-group .awc-blog-card .awc-blog-more{margin-top:auto;font-weight:700;color:var(--awc-blue,#007ffd);font-size:.92rem;}

/* ---- Blog FAQ accordion (native <details>, click to open) ---- */
#ArticleBody .awc-faqs{margin:.6rem 0 0;border-top:1px solid rgba(17,24,39,.12);}
#ArticleBody details.awc-faq{border-bottom:1px solid rgba(17,24,39,.12);}
#ArticleBody details.awc-faq summary{list-style:none;cursor:pointer;padding:1rem 2.2rem 1rem 0;position:relative;
  font-weight:700;color:var(--awc-ink,#0f172a);font-size:1.05rem;line-height:1.35;}
#ArticleBody details.awc-faq summary::-webkit-details-marker{display:none;}
#ArticleBody details.awc-faq summary::after{content:"+";position:absolute;right:.1rem;top:.85rem;
  font-size:1.5rem;font-weight:400;line-height:1;color:var(--awc-blue,#007ffd);transition:transform .2s ease;}
#ArticleBody details.awc-faq[open] summary::after{content:"\2212";}
#ArticleBody details.awc-faq summary:hover{color:var(--awc-blue,#007ffd);}
#ArticleBody details.awc-faq .awc-faq-a{padding:0 0 1.1rem;color:#334155;}
#ArticleBody details.awc-faq .awc-faq-a p{margin:0;line-height:1.55;}

/* Homepage hero video-bg scrim — keeps hero text legible across the 3 crossfading clips */
#MainstageV1 .bg{position:absolute;inset:0;overflow:hidden;}
#MainstageV1 .bg video{width:100%;height:100%;object-fit:cover;}
#MainstageV1 .bg::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(90deg, rgba(7,11,20,.80) 0%, rgba(7,11,20,.58) 42%, rgba(7,11,20,.30) 100%);}
#MainstageV1 .mn_wd{position:relative;z-index:3;}

/* ---- Blog post: related reading (internal links to sibling posts) ---- */
#ArticleBody .awc-related{margin:2rem 0 0;padding:1.3rem 1.5rem;background:#f1f6fe;border:1px solid rgba(17,24,39,.1);border-radius:.8rem;}
#ArticleBody .awc-related h3{margin:0 0 .7rem;font-size:1.05rem;color:var(--awc-ink,#0f172a);}
#ArticleBody .awc-related ul{margin:0;padding-left:1.1rem;}
#ArticleBody .awc-related li{margin:.35rem 0;}
#ArticleBody .awc-related li:before{content:none;display:none;}
#ArticleBody .awc-related a{color:var(--awc-blue,#007ffd);font-weight:600;text-decoration:none;}
#ArticleBody .awc-related a:hover{text-decoration:underline;}