/* Site-wide coral theme override. Loaded after the Webflow/page CSS. */
@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap");

:root {
  --shelva-coral: #ff7f6a;
  --coral-theme-bg: #ff7f6a;
  --coral-theme-bg-deep: #f16652;
  --coral-theme-ink: #ffffff;
  --coral-theme-muted: rgba(255, 255, 255, 0.84);
  --coral-theme-soft: rgba(255, 255, 255, 0.12);
  --coral-theme-soft-strong: rgba(255, 255, 255, 0.2);
  --coral-theme-line: rgba(255, 255, 255, 0.38);
  --coral-theme-shadow: 0 18px 55px rgba(113, 42, 32, 0.18);
  --shelva-title-font: "Figtree", Arial, sans-serif;
  --shelva-title-weight: 700;
}

html,
body {
  background: var(--coral-theme-bg) !important;
  background-color: var(--coral-theme-bg) !important;
}

body {
  font-family: "Figtree", Arial, sans-serif !important;
  color: var(--coral-theme-ink) !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body [class^="heading_h"],
html body [class*=" heading_h"],
html body [class^="heading-"],
html body [class*=" heading-"] {
  font-family: var(--shelva-title-font) !important;
  font-weight: var(--shelva-title-weight) !important;
  letter-spacing: 0 !important;
}

html body,
html body *,
html body *::before,
html body *::after {
  font-family: "Figtree", Arial, sans-serif !important;
}

.section,
header.section,
main > section,
.section.is-secondary,
.section.padding_none.is-secondary,
.section.is-accent-primary,
.section[style],
.starter-kit-cta,
.merchant-reviews-section {
  position: relative;
  color: var(--coral-theme-ink) !important;
  background: var(--coral-theme-bg) !important;
  background-color: var(--coral-theme-bg) !important;
  background-image: none !important;
}

.section *,
.footer *,
.nav * {
  border-color: var(--coral-theme-line);
}

.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.section p,
.section li,
.section span,
.section div,
.section label,
.section strong,
.section blockquote,
.section .heading_h1,
.section .heading_h2,
.section .heading_h3,
.section .heading_h4,
.section .subheading,
.section .paragraph,
.section .paragraph_large,
.section .paragraph_small,
.section .text-color_secondary {
  color: var(--coral-theme-ink) !important;
}

.section .paragraph,
.section .paragraph_large,
.section .paragraph_small,
.section .text-color_secondary,
.section .subheading,
.section figcaption,
.section figcaption p {
  color: var(--coral-theme-muted) !important;
}

.section a:not(.button):not(.w-button),
.section .text-link,
.section .text-button,
.section .footer_link {
  color: var(--coral-theme-ink) !important;
  text-decoration-color: rgba(255, 255, 255, 0.58) !important;
}

.nav,
.nav.is-accent-primary,
.nav_container,
.nav_menu,
.w-nav-overlay,
.custom-mobile-menu {
  color: var(--coral-theme-ink) !important;
  background: var(--coral-theme-bg) !important;
  background-color: var(--coral-theme-bg) !important;
  background-image: none !important;
}

html body .nav,
html body .nav.is-accent-primary {
  position: sticky !important;
  top: 0;
  z-index: 10000 !important;
  width: 100%;
}

.nav_brand-link {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

.nav_brand-link:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.88) !important;
  outline-offset: 6px !important;
  border-radius: 8px !important;
}

.nav_link,
.nav_link *,
.nav_dropdown-toggle,
.nav_dropdown-toggle *,
.mega-nav_dropdown-list,
.mega-nav_dropdown-list-wrapper,
.mega-nav_link-item,
.mega-nav_link-item *,
.custom-mobile-menu-link,
.custom-mobile-menu-link *,
.footer_link,
.footer_link * {
  color: var(--coral-theme-ink) !important;
}

.nav_link.w--current,
.nav_link:hover,
.custom-mobile-menu-link:hover {
  opacity: 0.82;
}

.footer,
.footer.is-inverse,
.help-footer {
  color: var(--coral-theme-ink) !important;
  background: var(--coral-theme-bg) !important;
  background-color: var(--coral-theme-bg) !important;
  background-image: none !important;
  border-top: 1px solid var(--coral-theme-line) !important;
}

.footer .text-color_secondary,
.footer_bottom,
.footer_bottom * {
  color: var(--coral-theme-muted) !important;
}

html body .footer .footer_bottom {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

html body .footer .footer_link {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
  text-align: center !important;
}

html body .footer .footer_link > div {
  max-width: 100% !important;
}

@media (max-width: 767px) {
  html body .footer {
    overflow-x: hidden !important;
    overflow-x: clip !important;
  }

  html body .footer .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-right: max(1rem, env(safe-area-inset-right)) !important;
    padding-left: max(1rem, env(safe-area-inset-left)) !important;
    box-sizing: border-box !important;
  }

  html body .footer .footer_bottom {
    align-items: center !important;
    justify-content: center !important;
    gap: 1rem !important;
    text-align: center !important;
  }

  html body .footer .footer_bottom + .footer_bottom {
    margin-top: 1.35rem !important;
  }

  html body .footer .footer_bottom .list.w-list-unstyled {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    row-gap: 0.85rem !important;
    column-gap: 1rem !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  html body .footer .footer_bottom .list.w-list-unstyled > li {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body .footer .footer_link {
    padding: 0.1rem 0 !important;
    line-height: 1.35 !important;
  }
}

html body .bfs-badge-frame {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(100%, 12rem) !important;
  max-width: 12rem !important;
  cursor: default !important;
  line-height: 0 !important;
}

html body .bfs-badge {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

html body .hero-bfs-badge {
  width: min(100%, 10rem) !important;
  margin-top: 0 !important;
}

html body .w-layout-hflex.flex-block.hero-cta-row {
  align-items: center !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 0.85rem !important;
}

html body .hero-cta-row .hero-shopify-button,
html body .hero-cta-row .hero-bfs-badge {
  flex: 0 0 auto !important;
}

html body .hero-cta-row .hero-shopify-button {
  width: auto !important;
}

html body .hero-cta-row .hero-bfs-badge {
  margin-top: 0 !important;
}

@media (max-width: 767px) {
  html body .w-layout-hflex.flex-block.hero-cta-row {
    gap: 0.5rem !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  html body .hero-bfs-badge {
    width: min(100%, 7rem) !important;
  }
}

.card,
.card.on-secondary,
.card.is-inverse,
.card-link,
.card-link.is-inverse,
.faq_accordion,
.accordion_item,
.pricing-card,
.feature-card,
.review-card,
.w-tabs,
.w-tab-pane,
.w-richtext,
.mega-nav_dropdown-list-wrapper {
  color: var(--coral-theme-ink) !important;
  background: var(--coral-theme-soft) !important;
  background-color: var(--coral-theme-soft) !important;
  background-image: none !important;
  border: 1px solid var(--coral-theme-line) !important;
  box-shadow: var(--coral-theme-shadow) !important;
}

.card:hover,
.card-link:hover,
.pricing-card:hover,
.feature-card:hover,
.review-card:hover {
  background: var(--coral-theme-soft-strong) !important;
  background-color: var(--coral-theme-soft-strong) !important;
  border-color: rgba(255, 255, 255, 0.68) !important;
}

html body .starter-kit-step-card:hover,
html body .starter-kit-summary-card:hover {
  background: var(--coral-theme-soft) !important;
  background-color: var(--coral-theme-soft) !important;
  background-image: none !important;
  border: 1px solid var(--coral-theme-line) !important;
  box-shadow: var(--coral-theme-shadow) !important;
  transform: none !important;
}

.card *,
.card-link *,
.faq_accordion *,
.accordion_item *,
.pricing-card *,
.feature-card *,
.review-card *,
.mega-nav_dropdown-list-wrapper * {
  color: inherit !important;
}

.card p,
.card li,
.card .paragraph,
.card .paragraph_large,
.card .paragraph_small,
.card .text-color_secondary,
.card-link p,
.faq_accordion p,
.accordion_item p,
.review-card p {
  color: var(--coral-theme-muted) !important;
}

.button,
.w-button,
a.button,
button.button,
.text-button.is-secondary,
.section .button:not(.on-accent-primary),
.section .w-button:not(.on-accent-primary),
.card .button,
.card .w-button {
  color: var(--coral-theme-bg-deep) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 10px 28px rgba(113, 42, 32, 0.14) !important;
}

.button *,
.w-button *,
.text-button * {
  color: inherit !important;
}

.button .button_label,
.w-button .button_label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.button:hover,
.w-button:hover,
a.button:hover,
button.button:hover,
.text-button:hover {
  color: var(--coral-theme-bg-deep) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  background-color: rgba(255, 255, 255, 0.88) !important;
  border-color: #ffffff !important;
}

.button.on-accent-primary,
a.button.on-accent-primary,
.nav .button,
.nav .button.on-accent-primary {
  color: var(--coral-theme-ink) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 2px solid #ffffff !important;
  box-shadow: none !important;
}

.button.on-accent-primary:hover,
a.button.on-accent-primary:hover,
.nav .button:hover {
  color: var(--coral-theme-ink) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.section .text-button:not(.is-secondary),
.section .text-button:not(.is-secondary):hover {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  width: auto !important;
  padding: 0 !important;
  color: var(--coral-theme-ink) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

.section .text-button:not(.is-secondary) .text-block {
  margin: 0 !important;
  padding: 0 !important;
  color: inherit !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.icon,
.icon *,
.section i[data-lucide],
.section i[data-lucide] *,
.button_icon,
.button_icon *,
.text-button_icon,
.text-button_icon * {
  color: var(--coral-theme-ink) !important;
}

.section svg [stroke],
.footer svg [stroke],
.nav svg [stroke] {
  stroke: currentColor !important;
}

.section svg [fill]:not([fill="none"]),
.footer svg [fill]:not([fill="none"]),
.nav svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

.icon.is-background,
.section .icon.is-background,
.card .icon.is-background,
.section [class*="icon"][style*="background: #FF7F6A"],
.section [class*="icon"][style*="background:#FF7F6A"],
.section [class*="icon"][style*="background: var(--shelva-coral)"] {
  color: var(--coral-theme-bg-deep) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
}

.icon.is-background *,
.section .icon.is-background *,
.card .icon.is-background * {
  color: var(--coral-theme-bg-deep) !important;
}

.icon.is-background svg [stroke],
.section .icon.is-background svg [stroke],
.card .icon.is-background svg [stroke] {
  stroke: currentColor !important;
}

.icon.is-background svg [fill]:not([fill="none"]),
.section .icon.is-background svg [fill]:not([fill="none"]),
.card .icon.is-background svg [fill]:not([fill="none"]) {
  fill: currentColor !important;
}

.section [style*="background: #FF7F6A"],
.section [style*="background:#FF7F6A"],
.section [style*="background-color: #FF7F6A"],
.section [style*="background: var(--shelva-coral)"],
.section [style*="background: #5ddad5"] {
  color: var(--coral-theme-bg-deep) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: #ffffff !important;
}

.section [style*="background: #FF7F6A"] *,
.section [style*="background:#FF7F6A"] *,
.section [style*="background-color: #FF7F6A"] *,
.section [style*="background: var(--shelva-coral)"] *,
.section [style*="background: #5ddad5"] * {
  color: inherit !important;
}

.section [style*="background: white"],
.section [style*="background: #ffffff"],
.section [style*="background:#ffffff"],
.section [style*="background: #FFFFFF"],
.section [style*="background:#FFFFFF"] {
  color: var(--coral-theme-bg-deep) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  background-color: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
}

.section [style*="background: white"] *,
.section [style*="background: #ffffff"] *,
.section [style*="background:#ffffff"] *,
.section [style*="background: #FFFFFF"] *,
.section [style*="background:#FFFFFF"] * {
  color: inherit !important;
}

input,
textarea,
select,
.w-input,
.w-select {
  color: #6b2d25 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

input::placeholder,
textarea::placeholder,
.w-input::placeholder {
  color: rgba(107, 45, 37, 0.58) !important;
}

table,
thead,
tbody,
tr,
td,
th {
  border-color: var(--coral-theme-line) !important;
}

th {
  color: var(--coral-theme-bg-deep) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

td {
  color: var(--coral-theme-ink) !important;
}

.image-ratio_1x1,
.image-ratio_3x2,
.image-ratio_16x9,
.image-ratio_auto,
.label-image-container {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

.label-preview-gif,
.image_cover,
.image_contain {
  box-shadow: 0 18px 50px rgba(113, 42, 32, 0.14);
}

.live-preview-media {
  overflow: visible !important;
  background: var(--coral-theme-bg) !important;
  background-color: var(--coral-theme-bg) !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.live-preview-media .label-preview-gif {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.ix_marquee-vertical-down .image-ratio_3x2,
.ix_marquee-vertical-down .label-shadow-image {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.section + .section::before,
section.section + section.section::before,
header.section + section.section::before {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  width: min(1120px, calc(100% - 48px));
  height: 1px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.76) 18%,
    rgba(255, 255, 255, 0.76) 82%,
    rgba(255, 255, 255, 0)
  );
  content: "";
  pointer-events: none;
  transform: translateX(-50%);
}

.section + .section::after,
section.section + section.section::after,
header.section + section.section::after {
  position: absolute;
  top: 1px;
  left: 50%;
  z-index: 2;
  width: min(1120px, calc(100% - 48px));
  height: 28px;
  background: radial-gradient(ellipse at top, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0) 70%);
  content: "";
  pointer-events: none;
  transform: translateX(-50%);
}

html body .home-hero + .home-intro-section::before {
  top: clamp(2.25rem, 4vw, 3.75rem);
}

html body .home-hero + .home-intro-section::after {
  top: calc(clamp(2.25rem, 4vw, 3.75rem) + 1px);
}

.section .tabs_menu,
.section .w-tab-menu,
.section .toggle,
.section .pricing-toggle,
.section .price-toggle {
  background: var(--coral-theme-soft) !important;
  background-color: var(--coral-theme-soft) !important;
  border-color: var(--coral-theme-line) !important;
}

.section .w-tab-link,
.section .toggle *,
.section .pricing-toggle *,
.section .price-toggle * {
  color: var(--coral-theme-ink) !important;
}

.section .w-tab-link.w--current,
.section .toggle .is-active,
.section .pricing-toggle .is-active,
.section .price-toggle .is-active {
  color: var(--coral-theme-bg-deep) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
}

:focus-visible {
  outline: 3px solid rgba(255, 255, 255, 0.78) !important;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  .nav_menu,
  .w-nav-menu,
  .custom-mobile-menu {
    background: var(--coral-theme-bg) !important;
    background-color: var(--coral-theme-bg) !important;
  }

  .custom-mobile-menu {
    border: 1px solid var(--coral-theme-line) !important;
    box-shadow: 0 20px 60px rgba(113, 42, 32, 0.24) !important;
  }
}

/* Final pass: beat generated page rules that set regular sections back to white. */
html body .section,
html body section.section,
html body header.section,
html body main > section.section,
html body .section:not([style]):not(.is-accent-primary),
html body .section.is-secondary,
html body .section.padding_none.is-secondary,
html body .section.is-accent-primary,
html body .section[style],
html body .section[style*="background"],
html body .section[style*="background-color"],
html body .section.padding_none.is-secondary[style],
html body .section.is-secondary[style],
html body .section.starter-kit-cta,
html body .section.merchant-reviews-section {
  color: var(--coral-theme-ink) !important;
  background: var(--coral-theme-bg) !important;
  background-color: var(--coral-theme-bg) !important;
  background-image: none !important;
}

html body .section > .container,
html body .section > .container.is-small,
html body .section > .container.is-max,
html body .section > .container.position_relative,
html body .section > .w-layout-blockcontainer {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body .section.is-secondary *,
html body .section:not([style]):not(.is-accent-primary) *,
html body .section.padding_none.is-secondary * {
  color: inherit;
}

/* FAQ accordions */
html body .section .flex_vertical:has(.faq-item) {
  gap: 0.85rem !important;
}

html body .section .faq-item,
html body .section .divider.faq-item {
  overflow: hidden !important;
  margin: 0 !important;
  color: var(--coral-theme-ink) !important;
  background: rgba(255, 255, 255, 0.11) !important;
  background-color: rgba(255, 255, 255, 0.11) !important;
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgba(113, 42, 32, 0.12) !important;
}

html body .section .faq-item:has(.faq-question.active),
html body .section .divider.faq-item:has(.faq-question.active) {
  background: rgba(255, 255, 255, 0.17) !important;
  background-color: rgba(255, 255, 255, 0.17) !important;
  border-color: rgba(255, 255, 255, 0.62) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(113, 42, 32, 0.18) !important;
}

html body .section .faq-question,
html body .section .faq-question.heading_h4 {
  min-height: 64px;
  padding: 1.1rem 1.35rem !important;
  color: var(--coral-theme-ink) !important;
  border: 0 !important;
  line-height: 1.28 !important;
  transition: background-color 180ms ease, color 180ms ease;
}

html body .section .faq-question:hover,
html body .section .faq-question.active {
  color: var(--coral-theme-ink) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

html body .section .faq-question::after {
  margin-left: 1.25rem !important;
  border-right-width: 6px !important;
  border-left-width: 6px !important;
  border-top: 8px solid #ffffff !important;
  opacity: 0.95;
  transition: transform 180ms ease, opacity 180ms ease !important;
}

html body .section .faq-question.active::after {
  border-top: 8px solid #ffffff !important;
  border-bottom: 0 !important;
  transform: rotate(180deg) !important;
}

html body .section .faq-answer,
html body .section .faq-answer.w-richtext,
html body .section .faq-answer.rich-text {
  overflow: hidden !important;
  max-height: 0;
  margin: 0 !important;
  padding: 0 1.35rem !important;
  color: var(--coral-theme-muted) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  box-shadow: none !important;
  transition: max-height 260ms ease, padding 260ms ease !important;
}

html body .section .faq-answer.active,
html body .section .faq-answer.w-richtext.active,
html body .section .faq-answer.rich-text.active {
  max-height: 820px !important;
  padding: 0.1rem 1.35rem 1.35rem !important;
}

html body .section .faq-answer p,
html body .section .faq-answer li,
html body .section .faq-answer a,
html body .section .faq-answer strong {
  color: var(--coral-theme-muted) !important;
}

html body .section .faq-answer p {
  margin: 0 0 0.85rem !important;
}

html body .section .faq-answer p:last-child {
  margin-bottom: 0 !important;
}

/* Hardware prices */
html body .section .hub-price-badge,
html body .section .label-price-badge {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
  border: 2px solid #ffffff !important;
  box-shadow: none !important;
}

html body .section .hub-price-badge *,
html body .section .hub-price-badge .heading_h3,
html body .section .hub-price-badge .paragraph_small,
html body .section .label-price-badge *,
html body .section .label-price-badge .heading_h3,
html body .section .label-price-badge .paragraph_small {
  color: #ffffff !important;
}

/* Label carousel controls */
html body .section .label-carousel-button {
  width: 46px !important;
  height: 46px !important;
  align-items: center !important;
  color: rgba(255, 255, 255, 0.9) !important;
  display: inline-flex !important;
  justify-content: center !important;
  background: rgba(113, 42, 32, 0.18) !important;
  background-color: rgba(113, 42, 32, 0.18) !important;
  border: 1px solid rgba(255, 255, 255, 0.46) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 20px rgba(113, 42, 32, 0.14) !important;
  font-size: 1.35rem !important;
  font-weight: 700 !important;
  opacity: 0.78 !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, opacity 180ms ease !important;
}

html body .section .label-carousel-button svg {
  width: 1.15rem !important;
  height: 1.15rem !important;
  flex: 0 0 auto !important;
  pointer-events: none !important;
  stroke-width: 2.35 !important;
}

html body .section .label-carousel-button:hover:not(:disabled),
html body .section .label-carousel-button:focus-visible {
  color: var(--coral-theme-bg-deep) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 10px 24px rgba(113, 42, 32, 0.18) !important;
  opacity: 0.95 !important;
  transform: translateY(-50%) scale(1.02) !important;
}

html body .section .label-carousel-button:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.75) !important;
  outline-offset: 3px !important;
}

html body .section .label-carousel-button:disabled {
  color: rgba(255, 255, 255, 0.58) !important;
  background: rgba(113, 42, 32, 0.1) !important;
  background-color: rgba(113, 42, 32, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: none !important;
  opacity: 0.46 !important;
}

@media (max-width: 768px) {
  html body .section .label-carousel-button {
    width: 42px !important;
    height: 42px !important;
    font-size: 1.25rem !important;
  }
}

/* Auto-sync comparison */
html body .section.auto-sync-section .auto-sync-header {
  max-width: 760px !important;
  margin-bottom: clamp(1.75rem, 3vw, 2.35rem) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html body .section.auto-sync-section .auto-sync-grid {
  align-items: stretch !important;
  gap: clamp(1.25rem, 2.5vw, 2rem) !important;
  grid-auto-rows: 1fr !important;
  margin-bottom: 0 !important;
}

html body .section.auto-sync-section .auto-sync-card {
  display: flex !important;
  height: 100% !important;
}

html body .section.auto-sync-section .auto-sync-card-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 0.95rem !important;
  min-height: 100% !important;
}

html body .section.auto-sync-section .auto-sync-card-header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 0.95rem !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  min-height: 4.75rem !important;
}

html body .section.auto-sync-section .auto-sync-card .icon {
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 2.85rem !important;
  height: 2.85rem !important;
  flex: 0 0 auto !important;
  line-height: 0 !important;
  margin-bottom: 0 !important;
}

html body .section.auto-sync-section .auto-sync-card .icon svg,
html body .section.auto-sync-section .auto-sync-card .icon i {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

html body .section.auto-sync-section .auto-sync-card-title {
  align-self: center !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.38rem !important;
  justify-content: center !important;
  min-width: 0 !important;
}

html body .section.auto-sync-section .auto-sync-card h3 {
  margin-bottom: 0 !important;
  line-height: 1.15 !important;
}

html body .section.auto-sync-section .auto-sync-choice {
  margin-bottom: 0 !important;
  line-height: 1.35 !important;
}

html body .section.auto-sync-section .auto-sync-list {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.58rem !important;
  align-content: start !important;
  min-height: 7.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

html body .section.auto-sync-section .auto-sync-list li {
  display: grid !important;
  grid-template-columns: 0.55rem minmax(0, 1fr) !important;
  gap: 0.6rem !important;
  align-items: flex-start !important;
  line-height: 1.45 !important;
}

html body .section.auto-sync-section .auto-sync-dot {
  width: 0.42rem !important;
  height: 0.42rem !important;
  margin-top: 0.5rem !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.84) !important;
  background-color: rgba(255, 255, 255, 0.84) !important;
}

html body .section.auto-sync-section .auto-sync-use-case {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 3.3rem !important;
  padding-top: 0.95rem !important;
  border-top: 1px solid rgba(255, 255, 255, 0.26) !important;
  line-height: 1.45 !important;
}

html body .section.auto-sync-section .auto-sync-use-case strong {
  color: #ffffff !important;
}

html body .section.auto-sync-section .auto-sync-note {
  justify-content: center !important;
  max-width: 720px !important;
  margin: calc(clamp(2rem, 4vw, 3rem) + 30px) auto 0 !important;
  padding: 0 !important;
  color: var(--coral-theme-muted) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html body .section.auto-sync-section .auto-sync-note i {
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 auto !important;
}

html body .section.auto-sync-section .auto-sync-note span {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  html body .section.auto-sync-section .auto-sync-note {
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
}

html body .card.simple-card {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body .card.simple-card:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.28) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body .card.simple-card .card_body,
html body .card.simple-card:hover .card_body {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  transition: none !important;
}

html body .card.simple-card .icon,
html body .card.simple-card .icon *,
html body .card.simple-card .icon svg,
html body .card.simple-card .icon i,
html body .card.simple-card .icon i svg,
html body .card.simple-card:hover .icon,
html body .card.simple-card:hover .icon *,
html body .card.simple-card:hover .icon svg,
html body .card.simple-card:hover .icon i,
html body .card.simple-card:hover .icon i svg {
  animation: none !important;
  transform: none !important;
  transition: none !important;
}

/* Policy page document cards */
html body .section .stack-24 {
  max-width: 880px;
}

html body .section .stack-24 > .card,
html body .section .stack-24 > .card:hover {
  color: #17324d !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(6, 66, 115, 0.16) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  transform: none !important;
  transition: none !important;
}

html body .section .stack-24 > .card .card_body,
html body .section .stack-24 > .card:hover .card_body {
  padding: clamp(1.1rem, 2vw, 1.5rem) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body .section .stack-24 > .card h2,
html body .section .stack-24 > .card h3,
html body .section .stack-24 > .card strong {
  color: #17324d !important;
}

html body .section .stack-24 > .card p,
html body .section .stack-24 > .card li,
html body .section .stack-24 > .card .paragraph_small {
  color: #4f5f6b !important;
}

html body .section .stack-24 > .card a:not(.button):not(.w-button) {
  color: #d85c4b !important;
  text-decoration-color: rgba(216, 92, 75, 0.35) !important;
}

/* Compact setup section */
html body .section.getting-started-compact {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

html body .section.getting-started-compact .getting-started-layout {
  display: grid !important;
  grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1.55fr) !important;
  gap: 1.5rem !important;
  align-items: start !important;
}

html body .section.getting-started-compact .getting-started-intro {
  max-width: 23rem !important;
  margin-bottom: 0 !important;
}

html body .section.getting-started-compact .setup-kicker {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  margin-bottom: 0.65rem !important;
  padding: 0.32rem 0.62rem !important;
  color: var(--coral-theme-bg-deep) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 999px !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}

html body .section.getting-started-compact .getting-started-intro .heading_h2 {
  margin-bottom: 0.7rem !important;
}

html body .section.getting-started-compact .getting-started-steps {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.85rem !important;
}

html body .section.getting-started-compact .getting-started-step {
  height: 100% !important;
  margin-bottom: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 14px 36px rgba(113, 42, 32, 0.14) !important;
  overflow: visible !important;
  position: relative !important;
  transform: none !important;
}

html body .section.getting-started-compact .getting-started-step:hover {
  transform: translateY(-2px) !important;
}

html body .section.getting-started-compact .getting-started-step--wide {
  grid-column: 1 / -1 !important;
}

html body .section.getting-started-compact .getting-started-step .card_body {
  --getting-started-media-width: 6.25rem;
  display: grid !important;
  grid-template-columns: var(--getting-started-media-width) minmax(0, 1fr) !important;
  gap: 1.6rem !important;
  align-content: center !important;
  align-items: center !important;
  min-height: 8.25rem !important;
  padding: 0.95rem !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body .section.getting-started-compact .getting-started-step--wide .card_body {
  --getting-started-media-width: 8.5rem;
  grid-template-columns: var(--getting-started-media-width) minmax(0, 1fr) !important;
  min-height: 7.5rem !important;
}

html body .section.getting-started-compact .getting-started-step-copy {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 100% !important;
  min-width: 0 !important;
  order: 2 !important;
  padding-left: 0 !important;
}

html body .section.getting-started-compact .getting-started-step-text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  height: 100% !important;
  min-height: 100% !important;
  min-width: 0 !important;
}

html body .section.getting-started-compact .step-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: absolute !important;
  top: -0.55rem !important;
  left: -0.55rem !important;
  z-index: 2 !important;
  width: 2.15rem !important;
  height: 2.15rem !important;
  flex: 0 0 2.15rem !important;
  color: var(--coral-theme-bg-deep) !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.85) !important;
  border-radius: 999px !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

html body .section.getting-started-compact .getting-started-step h3 {
  margin-top: 0 !important;
  margin-bottom: 0.28rem !important;
  margin-block-start: 0 !important;
  margin-block-end: 0.28rem !important;
  font-size: 1.05rem !important;
  line-height: 1.18 !important;
}

html body .section.getting-started-compact .getting-started-step p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  font-size: 0.9rem !important;
  line-height: 1.42 !important;
}

html body .section.getting-started-compact .getting-started-step-media {
  order: 1 !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

html body .section.getting-started-compact .getting-started-step-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  box-shadow: none !important;
}

@media (max-width: 980px) {
  html body .section.getting-started-compact .getting-started-layout {
    grid-template-columns: 1fr !important;
    gap: 1.2rem !important;
  }

  html body .section.getting-started-compact .getting-started-intro {
    max-width: 42rem !important;
  }
}

@media (max-width: 680px) {
  html body .section.getting-started-compact {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }

  html body .section.getting-started-compact .getting-started-steps {
    grid-template-columns: 1fr !important;
  }

  html body .section.getting-started-compact .getting-started-step .card_body,
  html body .section.getting-started-compact .getting-started-step--wide .card_body {
    --getting-started-media-width: 4.9rem;
    grid-template-columns: var(--getting-started-media-width) minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 0.82rem !important;
  }

  html body .section.getting-started-compact .getting-started-step-copy {
    padding-left: 0 !important;
  }

  html body .section.getting-started-compact .step-number {
    top: -0.48rem !important;
    left: -0.48rem !important;
    width: 1.9rem !important;
    height: 1.9rem !important;
    flex-basis: 1.9rem !important;
    font-size: 0.9rem !important;
  }

  html body .section.getting-started-compact .getting-started-step h3 {
    font-size: 1rem !important;
  }

  html body .section.getting-started-compact .getting-started-step p {
    font-size: 0.86rem !important;
  }
}

/* Release notes cards */
html body.release-notes-page .section .release-item,
html body.release-notes-page .section .release-item * {
  color: #111111 !important;
}