/* BeyondBoxAI v19.2 — global public-site spacing + home polish
   Purpose: reduce large vertical dead-space, keep sections premium/clean,
   and make the homepage cards easier to scan without rebuilding templates. */

:root {
  --bb-section-y: clamp(44px, 4.5vw, 70px);
  --bb-section-y-tight: clamp(24px, 3vw, 44px);
  --bb-card-gap: clamp(16px, 2vw, 26px);
}

html,
body {
  overflow-x: hidden;
}

/* Global public page tightening */
.section-pad {
  padding-top: var(--bb-section-y) !important;
  padding-bottom: var(--bb-section-y) !important;
}

.site-header + main .hero,
.announcement + .site-header + main .hero,
main > .hero:first-child {
  padding-top: clamp(28px, 3.8vw, 56px) !important;
}

.hero {
  min-height: auto !important;
  padding-bottom: clamp(38px, 4.5vw, 66px) !important;
}

.hero-visual {
  min-height: 0 !important;
  height: clamp(420px, 40vw, 500px) !important;
}

.trust-strip {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

section + section {
  margin-top: 0 !important;
}

.section-intro {
  margin-bottom: clamp(26px, 3.2vw, 42px) !important;
  gap: clamp(22px, 5vw, 86px) !important;
}

/* User asked: move the suite intro text into the blank right-side space. */
.products .section-intro {
  align-items: center !important;
}

.products .section-intro > div {
  flex: 0 1 56%;
}

.products .section-intro > p {
  flex: 0 1 36%;
  max-width: 470px !important;
  margin-left: auto !important;
  align-self: center;
}

.product-grid,
.resource-grid,
.free-grid {
  gap: var(--bb-card-gap) !important;
}

/* Home product cards: compact labels, safer title flow, cleaner top rhythm. */
.product-card {
  min-height: 370px !important;
  padding: clamp(20px, 2.2vw, 26px) !important;
  display: flex !important;
  flex-direction: column !important;
}

.product-card .product-icon {
  width: 46px !important;
  height: 46px !important;
  margin-bottom: 12px !important;
}

.product-card > span {
  display: inline-flex !important;
  align-self: flex-start !important;
  margin: 0 0 14px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--accent) 12%, white) !important;
  line-height: 1 !important;
}

.product-card h3 {
  font-size: clamp(23px, 2vw, 30px) !important;
  line-height: 1.08 !important;
  margin: 0 0 12px !important;
  max-width: 95%;
}

.product-card p {
  margin-bottom: 0 !important;
}

.product-card ul {
  margin: 16px 0 20px !important;
  padding-top: 15px !important;
}

.product-card a {
  margin-top: auto !important;
}

/* Orbit/product ecosystem spacing */
.product-ecosystem-preview.section-pad {
  padding-top: var(--bb-section-y-tight) !important;
  padding-bottom: var(--bb-section-y-tight) !important;
}

.preview-orbit {
  margin-top: clamp(18px, 3vw, 34px) !important;
}

/* Integrations / AI / industries / resources / pricing blocks */
.integration-layout,
.ai-wrap,
.pricing-inner {
  gap: clamp(34px, 5vw, 70px) !important;
}

.integration-map {
  height: clamp(380px, 39vw, 460px) !important;
}

.ai-demo {
  padding: clamp(22px, 2.4vw, 28px) !important;
}

.industries.section-pad,
.resources.section-pad,
.pricing.section-pad,
.contact.section-pad {
  padding-top: var(--bb-section-y-tight) !important;
  padding-bottom: var(--bb-section-y-tight) !important;
}

.industry-section-enhanced.section-pad {
  padding-top: var(--bb-section-y-tight) !important;
  padding-bottom: var(--bb-section-y-tight) !important;
}

.industry-section-enhanced .industry-row {
  margin-top: 22px !important;
  margin-bottom: 20px !important;
}

.industry-section-enhanced .industry-feature {
  padding: clamp(26px, 3vw, 34px) !important;
}

.resources .section-intro {
  margin-bottom: 28px !important;
}

.resource-art {
  height: clamp(185px, 20vw, 220px) !important;
}

.resource-body {
  padding: clamp(20px, 2.2vw, 26px) !important;
}

.pricing .free-plan {
  padding: clamp(28px, 3vw, 34px) !important;
}

.cta-box {
  padding: clamp(38px, 4.2vw, 56px) clamp(32px, 5vw, 64px) !important;
}

/* Shared public pages loaded through global header */
.commercial-hero,
.solution-hero,
.resource-hero,
.cms-page {
  padding-top: clamp(34px, 4.4vw, 62px) !important;
  padding-bottom: clamp(38px, 4.8vw, 68px) !important;
}

.commercial-section,
.commercial-resources,
.solution-section,
.solution-resources,
.resource-list,
.resource-newsletter,
.article-section,
.pricing-section {
  padding-top: var(--bb-section-y-tight) !important;
  padding-bottom: var(--bb-section-y-tight) !important;
}

/* Product listing cards: prevent oversized titles from breaking/cropping. */
.commercial-card h2,
.commercial-card h3,
.catalog-card h2,
.catalog-card h3,
.solution-resources h3,
.resource-card h2,
.resource-card h3 {
  line-height: 1.12 !important;
}

.commercial-card h2,
.commercial-card h3,
.catalog-card h2,
.catalog-card h3 {
  font-size: clamp(28px, 3vw, 44px) !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.commercial-card p,
.catalog-card p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.commercial-card img,
.catalog-card img,
.resource-card img {
  width: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

/* Header/footer visual rhythm */
.global-site-header,
.site-header {
  box-shadow: none;
}

.global-footer,
.site-footer,
footer {
  padding-top: clamp(42px, 5vw, 68px) !important;
  padding-bottom: clamp(28px, 3.8vw, 46px) !important;
}

.global-footer .footer-grid,
.footer-grid {
  gap: clamp(22px, 4vw, 50px) !important;
}

@media (max-width: 1000px) {
  .products .section-intro {
    display: block !important;
  }

  .products .section-intro > p {
    margin: 18px 0 0 !important;
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 740px) {
  :root {
    --bb-section-y: 54px;
    --bb-section-y-tight: 36px;
  }

  .section-pad {
    padding-top: var(--bb-section-y) !important;
    padding-bottom: var(--bb-section-y) !important;
  }

  .hero {
    padding-top: 36px !important;
  }

  .hero h1 {
    font-size: clamp(42px, 13vw, 52px) !important;
  }

  .hero-visual {
    height: 340px !important;
  }

  .product-grid {
    grid-template-columns: 1fr !important;
  }

  .product-card {
    min-height: auto !important;
  }

  .commercial-card h2,
  .commercial-card h3,
  .catalog-card h2,
  .catalog-card h3 {
    font-size: clamp(26px, 9vw, 38px) !important;
  }
}

/* v19.5 — homepage content polish and resource-card enhancement */
.hero-actions .button span,
.activity-card button,
.arrow-link,
.resource-body a,
.free-plan .button,
.cta-actions .button {
  white-space: nowrap;
}

.hero .button span[aria-hidden="true"] {
  margin-left: 8px;
  font-weight: 900;
}

.hero .button-ghost .play {
  width: 32px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #9fb3c8;
  border-radius: 999px;
  margin-right: 10px;
  margin-left: 0;
  font-size: 12px;
  color: #07182f;
}

.ai-note span[aria-hidden="true"],
.float-card .spark,
.prompt span,
.answer-top span {
  color: #16b8c5;
  font-weight: 900;
}

.float-card .float-icon {
  background: #dffbd1;
  color: #5aa700;
}

.product-card.coral .product-icon::before { content: "\21AF" !important; }
.product-card.lime .product-icon::before { content: "\25C7" !important; }
.product-card.violet .product-icon::before { content: "\25A6" !important; }
.product-card.blue .product-icon::before { content: "\25EB" !important; }
.product-card.amber .product-icon::before { content: "\25CE" !important; }
.product-card.navy .product-icon::before { content: "\2726" !important; }

.resources.section-pad {
  padding-top: clamp(44px, 5vw, 72px) !important;
  padding-bottom: clamp(44px, 5vw, 72px) !important;
}

.resources .section-intro {
  align-items: end !important;
  margin-bottom: clamp(24px, 3vw, 42px) !important;
}

.resources .section-intro h2 {
  font-size: clamp(40px, 4vw, 64px) !important;
  line-height: .98 !important;
}

.resource-grid {
  gap: clamp(20px, 2vw, 30px) !important;
  align-items: stretch !important;
}

.resource-card {
  border: 1px solid #d7e7eb !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 20px 55px rgba(8, 32, 48, .08) !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

.resource-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 28px 70px rgba(8, 32, 48, .12) !important;
}

.resource-art {
  min-height: 220px !important;
  padding: 28px !important;
  border-bottom: 1px solid #e6eef1 !important;
}

.resource-art span {
  font-size: 12px !important;
  letter-spacing: .18em !important;
}

.resource-art.art-three {
  display: grid !important;
  place-items: center !important;
  position: relative !important;
}

.resource-art .play-large {
  width: 86px !important;
  height: 86px !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  background: #b8ff3c !important;
  color: #07182f !important;
  font-size: 24px !important;
  box-shadow: 0 18px 40px rgba(184, 255, 60, .22) !important;
}

.resource-body {
  padding: 30px !important;
}

.resource-body small {
  color: #008c91 !important;
  letter-spacing: .14em !important;
  font-weight: 900 !important;
}

.resource-body h3 {
  font-size: clamp(22px, 1.7vw, 30px) !important;
  line-height: 1.16 !important;
  margin: 16px 0 12px !important;
}

.resource-body p {
  color: #607086 !important;
  line-height: 1.6 !important;
  margin: 0 0 20px !important;
}

.resource-body a {
  color: #07182f !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

.tour-panel .modal-close,
.lead-dock .dock-close {
  font-family: Arial, sans-serif !important;
}

@media (max-width: 900px) {
  .resources .section-intro {
    align-items: start !important;
  }

  .resource-grid {
    grid-template-columns: 1fr !important;
  }

  .resource-art {
    min-height: 190px !important;
  }
}

/* v19.3 — home/footer cleanup.
   Fixes: newsletter/contact overlap, oversized gaps before footer, and
   product-card label placement requested in the latest review. */
body {
  background: #fff !important;
}

main,
.site-main,
.public-main {
  position: relative;
  z-index: 1;
}

.hero {
  padding-top: clamp(24px, 3vw, 42px) !important;
  padding-bottom: clamp(28px, 3.4vw, 50px) !important;
}

.trust-strip {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.products.section-pad,
.product-ecosystem-preview.section-pad,
.integrations.section-pad,
.ai-section.section-pad,
.industries.section-pad,
.resources.section-pad,
.pricing.section-pad {
  padding-top: clamp(30px, 3.4vw, 50px) !important;
  padding-bottom: clamp(30px, 3.4vw, 50px) !important;
}

.products .section-intro h2 {
  max-width: 610px !important;
}

.product-card {
  justify-content: flex-start !important;
  gap: 0 !important;
}

.product-card .product-icon {
  position: relative !important;
  z-index: 2 !important;
}

.product-card > span {
  position: relative !important;
  z-index: 2 !important;
  transform: none !important;
  letter-spacing: .16em !important;
  font-size: 8px !important;
}

.product-card h3 {
  position: relative !important;
  z-index: 2 !important;
}

.contact.section-pad {
  padding-top: clamp(26px, 3vw, 42px) !important;
  padding-bottom: clamp(32px, 3.5vw, 52px) !important;
  background: #fff !important;
  position: relative !important;
  z-index: 2 !important;
}

.contact .cta-box,
.cta-box {
  max-width: min(1180px, calc(100% - 48px)) !important;
  margin-inline: auto !important;
  padding: clamp(28px, 3.2vw, 44px) clamp(30px, 4.8vw, 62px) !important;
  border-radius: 28px !important;
  border: 1px solid #dbeed5 !important;
  background:
    radial-gradient(circle at 88% 20%, rgba(85, 174, 240, .14), transparent 34%),
    linear-gradient(135deg, #eefddd 0%, #f8ffe9 48%, #eafaff 100%) !important;
  box-shadow: 0 24px 60px rgba(9, 21, 47, .075) !important;
}

.contact .cta-box h2 {
  font-size: clamp(34px, 3.5vw, 48px) !important;
  line-height: 1.02 !important;
}

.contact + .serial-faqs,
.contact + .global-footer,
.contact + footer {
  margin-top: 0 !important;
}

.managed-newsletter,
.resource-newsletter,
.newsletter-section,
.newsletter,
.footer-newsletter {
  position: relative !important;
  z-index: 2 !important;
  clear: both !important;
}

.managed-newsletter {
  margin-top: clamp(28px, 3.6vw, 48px) !important;
  margin-bottom: clamp(34px, 4.4vw, 58px) !important;
}

.global-footer,
.site-footer,
footer {
  position: relative !important;
  z-index: 1 !important;
  clear: both !important;
  margin-top: 0 !important;
}

.global-footer {
  padding-top: clamp(38px, 4vw, 56px) !important;
}

.global-footer-bottom {
  margin-top: clamp(28px, 3vw, 40px) !important;
}

main > section:last-of-type {
  margin-bottom: 0 !important;
}

@media (max-width: 900px) {
  .contact .cta-box,
  .cta-box {
    display: grid !important;
    gap: 22px !important;
  }

  .cta-actions {
    justify-content: flex-start !important;
  }
}

@media (max-width: 740px) {
  .products.section-pad,
  .product-ecosystem-preview.section-pad,
  .integrations.section-pad,
  .ai-section.section-pad,
  .industries.section-pad,
  .resources.section-pad,
  .pricing.section-pad,
  .contact.section-pad {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .product-card > span {
    white-space: normal !important;
  }

  .managed-newsletter {
    margin-inline: 16px !important;
  }
}

/* v19.4 — home polish + mojibake-safe product icons.
   Keeps sections tighter, prevents the final CTA from floating into the footer,
   and replaces fragile text glyph icons with CSS-rendered symbols. */
.products .section-intro {
  align-items: start !important;
  gap: clamp(24px, 4vw, 56px) !important;
}

.products .section-intro h2 {
  font-size: clamp(44px, 5vw, 72px) !important;
  line-height: .98 !important;
}

.products .section-intro p {
  margin-top: clamp(12px, 1.4vw, 18px) !important;
  max-width: 500px !important;
}

.product-grid {
  gap: clamp(18px, 2.2vw, 28px) !important;
}

.product-card {
  min-height: 352px !important;
  padding: clamp(20px, 2.4vw, 30px) !important;
  overflow: hidden !important;
}

.product-card .product-icon {
  width: 48px !important;
  height: 48px !important;
  margin-bottom: 14px !important;
  font-size: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
}

.product-card .product-icon::before {
  content: "◆";
  font-size: 20px;
  line-height: 1;
}

.product-card.coral .product-icon::before { content: "↯"; }
.product-card.lime .product-icon::before { content: "◇"; }
.product-card.violet .product-icon::before { content: "▦"; }
.product-card.blue .product-icon::before { content: "◫"; }
.product-card.amber .product-icon::before { content: "◎"; }
.product-card.navy .product-icon::before { content: "✦"; }

.product-card > span {
  margin: 0 0 16px !important;
  transform: translateY(0) !important;
}

.product-card h3 {
  font-size: clamp(26px, 2.15vw, 34px) !important;
  line-height: 1.08 !important;
  margin-top: 0 !important;
}

.product-card p {
  font-size: clamp(14px, 1.05vw, 16px) !important;
  line-height: 1.58 !important;
}

.product-card ul {
  margin-top: 16px !important;
}

.contact.section-pad {
  padding-top: clamp(18px, 2vw, 30px) !important;
  padding-bottom: 0 !important;
}

.contact .cta-box,
.cta-box {
  min-height: 0 !important;
  margin-bottom: clamp(28px, 3vw, 42px) !important;
}

.global-footer,
.site-footer,
footer {
  margin-top: 0 !important;
}

.managed-newsletter + .contact,
.newsletter-section + .contact,
.footer-newsletter + .contact {
  margin-top: clamp(18px, 2vw, 30px) !important;
}

@media (max-width: 1100px) {
  .products .section-intro {
    display: block !important;
  }

  .products .section-intro p {
    margin-left: 0 !important;
  }
}

@media (max-width: 740px) {
  .products .section-intro h2 {
    font-size: clamp(38px, 11vw, 52px) !important;
  }

  .product-card {
    min-height: auto !important;
  }

  .contact .cta-box,
  .cta-box {
    max-width: calc(100% - 28px) !important;
    padding: 26px 22px !important;
    margin-bottom: 24px !important;
  }
}

/* v19.7 — home resources, final CTA and footer handoff polish */
.resource-showcase-v197.resources.section-pad {
  padding-top: clamp(34px, 4.2vw, 58px) !important;
  padding-bottom: clamp(38px, 4.8vw, 66px) !important;
  background: #fff !important;
}

.resource-showcase-v197 .section-intro {
  align-items: end !important;
  gap: 28px !important;
  margin-bottom: clamp(26px, 3.4vw, 46px) !important;
}

.resource-showcase-v197 .section-intro h2 {
  font-size: clamp(38px, 4.3vw, 68px) !important;
  line-height: .96 !important;
  letter-spacing: -.055em !important;
}

.resource-showcase-v197 .resource-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(22px, 2.35vw, 34px) !important;
  align-items: stretch !important;
}

.resource-showcase-v197 .resource-card {
  min-height: 560px !important;
  border: 1px solid #d7e7eb !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  background: #fff !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 26px 70px rgba(7, 24, 47, .09) !important;
}

.resource-showcase-v197 .resource-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 34px 82px rgba(7, 24, 47, .13) !important;
}

.resource-showcase-v197 .resource-art {
  min-height: 285px !important;
  padding: 36px 38px !important;
  border-bottom: 1px solid #e7eef1 !important;
  position: relative !important;
  overflow: hidden !important;
}

.resource-showcase-v197 .resource-art span,
.resource-showcase-v197 .resource-body small {
  display: block !important;
  text-transform: uppercase !important;
  letter-spacing: .26em !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
}

.resource-showcase-v197 .resource-art.art-one {
  background: #ddffd3 !important;
}

.resource-showcase-v197 .resource-art.art-one i {
  position: absolute !important;
  right: 46px !important;
  top: 64px !important;
  width: 170px !important;
  color: #07182f !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  font-size: clamp(17px, 1.25vw, 22px) !important;
  line-height: 1.25 !important;
}

.resource-showcase-v197 .resource-art.art-one b {
  position: absolute !important;
  right: 40px !important;
  bottom: -54px !important;
  color: #27421d !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(150px, 11vw, 210px) !important;
  font-weight: 400 !important;
  line-height: .8 !important;
}

.resource-showcase-v197 .resource-art.art-two {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  background: #dcd6ff !important;
}

.resource-showcase-v197 .resource-art.art-two span {
  position: absolute !important;
  left: 36px !important;
  top: 34px !important;
}

.resource-showcase-v197 .resource-art.art-two b {
  color: #5148a5 !important;
  font-size: clamp(70px, 5.4vw, 100px) !important;
  letter-spacing: -.05em !important;
  line-height: 1 !important;
}

.resource-showcase-v197 .mini-bars {
  display: flex !important;
  gap: 12px !important;
  align-items: end !important;
  height: 128px !important;
}

.resource-showcase-v197 .mini-bars i {
  display: block !important;
  width: 28px !important;
  border-radius: 7px 7px 0 0 !important;
  background: #725dff !important;
}

.resource-showcase-v197 .mini-bars i:nth-child(1) { height: 54px !important; }
.resource-showcase-v197 .mini-bars i:nth-child(2) { height: 100px !important; }
.resource-showcase-v197 .mini-bars i:nth-child(3) { height: 70px !important; }
.resource-showcase-v197 .mini-bars i:nth-child(4) { height: 132px !important; }

.resource-showcase-v197 .resource-art.art-three {
  background: #07182f !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
}

.resource-showcase-v197 .resource-art.art-three span {
  position: absolute !important;
  left: 36px !important;
  top: 34px !important;
  color: #fff !important;
}

.resource-showcase-v197 .resource-art.art-three i {
  position: absolute !important;
  right: 36px !important;
  bottom: 34px !important;
  color: #b9ff35 !important;
  font-size: 12px !important;
  font-style: italic !important;
  font-weight: 900 !important;
  letter-spacing: .04em !important;
}

.resource-showcase-v197 .resource-art .play-large {
  width: 92px !important;
  height: 92px !important;
  border-radius: 50% !important;
  display: grid !important;
  place-items: center !important;
  padding-left: 6px !important;
  background: #b9ff35 !important;
  color: #07182f !important;
  font-size: 28px !important;
  box-shadow: 0 24px 58px rgba(185, 255, 53, .25) !important;
}

.resource-showcase-v197 .resource-body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 36px 36px 40px !important;
}

.resource-showcase-v197 .resource-body small {
  color: #008d91 !important;
  letter-spacing: .22em !important;
}

.resource-showcase-v197 .resource-body h3 {
  margin: 20px 0 16px !important;
  font-size: clamp(25px, 2.05vw, 34px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.045em !important;
}

.resource-showcase-v197 .resource-body p {
  margin: 0 0 28px !important;
  color: #5f6f83 !important;
  font-size: clamp(16px, 1.12vw, 20px) !important;
  line-height: 1.55 !important;
}

.resource-showcase-v197 .resource-body a {
  margin-top: auto !important;
  color: #07182f !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  text-decoration: none !important;
}

.final-cta-v197.contact.section-pad {
  padding-top: clamp(22px, 3vw, 44px) !important;
  padding-bottom: clamp(34px, 4vw, 58px) !important;
  background: #fff !important;
}

.final-cta-v197 .cta-box {
  max-width: min(1500px, calc(100% - 92px)) !important;
  min-height: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: clamp(28px, 4vw, 80px) !important;
  padding: clamp(40px, 4.8vw, 72px) clamp(48px, 6vw, 92px) !important;
  border-radius: 32px !important;
  border: 1px solid #d1e9d7 !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(82, 174, 239, .20), transparent 30%),
    linear-gradient(105deg, #efffde 0%, #f8fff3 45%, #dff6ff 100%) !important;
  box-shadow: 0 28px 76px rgba(7, 24, 47, .09) !important;
}

.final-cta-v197 .cta-box h2 {
  margin: 12px 0 10px !important;
  font-size: clamp(42px, 4.8vw, 74px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

.final-cta-v197 .cta-box h2 em {
  color: #3ec9c8 !important;
}

.final-cta-v197 .cta-box p {
  max-width: 760px !important;
  margin: 0 !important;
  color: #5b7186 !important;
  font-size: clamp(17px, 1.25vw, 22px) !important;
  line-height: 1.45 !important;
}

.final-cta-v197 .cta-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  min-width: min(430px, 100%) !important;
}

.final-cta-v197 .button {
  min-height: 58px !important;
  padding: 0 30px !important;
  border-radius: 14px !important;
}

.final-cta-v197 + .serial-faqs {
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  .resource-showcase-v197 .resource-grid {
    grid-template-columns: 1fr !important;
  }

  .resource-showcase-v197 .resource-card {
    min-height: 0 !important;
  }

  .final-cta-v197 .cta-box {
    display: grid !important;
    max-width: calc(100% - 36px) !important;
    padding: 34px 28px !important;
  }

  .final-cta-v197 .cta-actions {
    justify-content: flex-start !important;
    min-width: 0 !important;
  }
}

@media (max-width: 640px) {
  .resource-showcase-v197 .section-intro {
    display: grid !important;
  }

  .resource-showcase-v197 .resource-art {
    min-height: 230px !important;
  }

  .resource-showcase-v197 .resource-body {
    padding: 28px 24px 32px !important;
  }
}
/* v22.2 global hardening: remove broken glyphs and keep media inside frames */
.site-header .nav-caret:empty::before,
.site-header .lang-caret:empty::before,
.managed-header .nav-caret:empty::before,
.managed-header .lang-caret:empty::before{content:"";display:none}

.resource-card,
.content-card,
.blog-card,
.catalog-card,
.product-card,
.insight-card,
.media-card,
.solution-card,
.resource-list article,
.solution-resources article,
.catalog-grid article,
.resource-showcase-v197 .resource-card,
.resource-showcase-v220 .resource-card,
.resource-showcase-v221 .resource-card{overflow:hidden}

.resource-card img,
.content-card img,
.blog-card img,
.catalog-card img,
.insight-card img,
.media-card img,
.resource-list .resource-card img,
.solution-resources article>img,
.catalog-grid article img,
.resource-showcase-v197 .resource-card img,
.resource-showcase-v220 .resource-card img,
.resource-showcase-v221 .resource-card img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16/9;
  object-fit:contain!important;
  object-position:center!important;
  background:#eef8fa!important;
}

.article-featured,
.content-show .article-featured{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:16/9;
  object-fit:contain!important;
  object-position:center!important;
  background:#eef8fa!important;
}

.solution-visual,
.hero-visual,
.product-hero-media,
.catalog-hero-media,
.mockup-frame,
.dashboard-shell,
.product-media-frame{overflow:hidden}

.solution-visual>img,
.hero-visual img,
.product-hero-media img,
.catalog-hero-media img,
.mockup-frame img,
.dashboard-shell img,
.product-media-frame img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

.site-logo img,
.brand-logo img,
.managed-footer-logo,
.footer-logo img,
.language-selector img,
.lang-switcher img,
img[src*="logo"],
img[src*="favicon"]{object-fit:contain!important}