/* Exiting preloader stays position:fixed with opacity 0 but still receives clicks until removed. */
.preloader-shell.is-exiting {
  pointer-events: none !important;
}

/* Ask chip targets: smoother in-page scroll from modal without hiding section under sticky nav */
#get-demo,
#faq {
  scroll-margin-top: 96px;
}

/* Ask overlay: screen-reader label - hide without html.doceree-site so text never flashes as body copy */
.doceree-ask-doceree-overlay__srOnly {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  white-space: nowrap !important;
  border: 0 !important;
}

/* After first successful OS load (localStorage gate), hide SSR/React preloader without waiting on z-index. */
html.doceree-preloader-dismissed .preloader-shell {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
}

/* Replace orbit icons with dots */
.HeroSectionOptionTwo-module__ICRKfq__atomicOrbitIcon {
  background: radial-gradient(circle at 35% 35%, #c4b0ff, #7c5eff) !important;
  border: 1.5px solid #ffffffa0 !important;
  border-radius: 999px !important;
  width: 13px !important;
  height: 13px !important;
  top: -6.5px !important;
  display: block !important;
  box-shadow: 0 0 10px #9875ff99, 0 0 4px #7c5eff66, inset 0 1px 2px #ffffffa0 !important;
}

.HeroSectionOptionTwo-module__ICRKfq__atomicOrbitIconSvg {
  display: none !important;
}

/* ── Trust chips - pill card style ───────────────────────────────────── */
.HeroSectionOptionTwo-module__ICRKfq__trustChipRow {
  gap: 10px !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin-top: 32px !important;
}

.HeroSectionOptionTwo-module__ICRKfq__trustChip {
  background: #f4f1ff !important;
  border: 1px solid #e2d9ff !important;
  border-radius: 999px !important;
  color: #5c5882 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
  gap: 8px !important;
  min-height: 44px !important;
  flex: none !important;
  box-shadow: 0 1px 3px #7c5de810 !important;
  transition: background 0.18s, box-shadow 0.18s, transform 0.18s !important;
}

.HeroSectionOptionTwo-module__ICRKfq__trustChip:hover {
  background: #ece6ff !important;
  box-shadow: 0 4px 12px #7c5de81a !important;
  transform: translateY(-2px) !important;
  color: #3d2f8a !important;
}

/* Remove old divider lines between chips */
.HeroSectionOptionTwo-module__ICRKfq__trustChip:not(:last-child):after {
  display: none !important;
}

.HeroSectionOptionTwo-module__ICRKfq__trustChipIconWrap {
  color: #7a5fff !important;
}

/* ── Impact / metrics section breathing space ─────────────────────────── */
.HeroSectionOptionTwo-module__ICRKfq__optionTwoImpactSection {
  padding-top: 32px !important;
  padding-bottom: 72px !important;
}

.HeroSectionOptionTwo-module__ICRKfq__optionTwoImpactSection .product-suite-metrics {
  padding-top: 88px !important;
  padding-bottom: 80px !important;
}

.product-suite-metrics-heading {
  margin-bottom: 72px !important;
  line-height: 1.3 !important;
}

.product-suite-metrics-chiclet {
  margin-bottom: 32px !important;
}

.product-suite-metric-card {
  padding: 36px 28px 36px !important;
  min-height: 220px !important;
  gap: 0 !important;
}

.product-suite-metric-icon {
  margin-bottom: 4px !important;
}

.product-suite-metric-value {
  margin-top: 22px !important;
}

.product-suite-metric-label {
  margin-top: 14px !important;
}

/* ── Product carousel cards - clickable link style ──────────────────── */
[class*="atomicCarouselViewport"] article[class*="atomicCard"] {
  cursor: pointer !important;
  transition: transform 0.82s cubic-bezier(.22,.78,.24,1),
              opacity 0.82s cubic-bezier(.22,.78,.24,1),
              box-shadow 0.82s cubic-bezier(.22,.78,.24,1) !important;
}

[class*="atomicCarouselViewport"] article[class*="atomicCard"]:hover {
  box-shadow: 0 20px 44px -4px #6549bd3a, 0 10px 24px -6px #6549bd28,
              inset 0 3px 5px #ffffffe6 !important;
}

/* Orbit / center art overlaps the pulled-up carousel; children default to pointer-events:auto and steal hits */
.HeroSectionOptionTwo-module__ICRKfq__atomicVisualShell,
.HeroSectionOptionTwo-module__ICRKfq__atomicVisualShell * {
  pointer-events: none !important;
}

/* ── Shift product cards carousel up ────────────────────────────────── */
.HeroSectionOptionTwo-module__ICRKfq__atomicCarouselViewport {
  margin-top: -405px !important;
  position: relative !important;
  z-index: 55 !important;
}

.HeroSectionOptionTwo-module__ICRKfq__atomicCarouselTrack,
.HeroSectionOptionTwo-module__ICRKfq__atomicCarouselTrack * {
  pointer-events: auto !important;
}

/* ── Gap between Impact and Testimonials sections ────────────────────── */
.HeroSectionOptionTwo-module__ICRKfq__optionTwoImpactSection {
  padding-bottom: 120px !important;
}

.HeroSectionOptionTwo-module__ICRKfq__optionTwoTestimonialsSection {
  padding-top: 96px !important;
}

/* ── RepTwin overlay: featured card art should blend with card ──────────
   The `card2-image.svg` artwork has a tinted background; ensure the card
   uses a solid white surface and clip the media to the same radius so it
   doesn’t look like a split panel. */
.reptwin-feature-card.reptwin-feature-card-featured {
  background: #ffffff !important;
  overflow: hidden !important;
}

.reptwin-feature-card.reptwin-feature-card-featured .reptwin-feature-bg-art {
  display: block !important;
  background: #ffffff !important;
}

/* ── Workflow strip: stack above suite; only real content captures - not the full inner column (that was blocking the carousel) ─ */
.HeroSectionOptionTwo-module__ICRKfq__workflowTabsSection {
  position: relative !important;
  z-index: 50 !important;
  isolation: isolate !important;
  scroll-margin-top: 96px !important;
  pointer-events: none !important;
}

.HeroSectionOptionTwo-module__ICRKfq__workflowTabsInner {
  pointer-events: none !important;
}

.HeroSectionOptionTwo-module__ICRKfq__workflowTabsInner > .HeroSectionOptionTwo-module__ICRKfq__workflowTabsBadge,
.HeroSectionOptionTwo-module__ICRKfq__workflowTabsInner > .HeroSectionOptionTwo-module__ICRKfq__workflowTabsTitle,
.HeroSectionOptionTwo-module__ICRKfq__workflowTabsInner > .HeroSectionOptionTwo-module__ICRKfq__workflowJourneyRow,
.HeroSectionOptionTwo-module__ICRKfq__workflowTabsInner > [id^="workflow-tab-panel-"] {
  pointer-events: auto !important;
}

/* ── Marketplace + POD workflow cards - full row, split hero + glass logo well ─ */
.doceree-workflow-marketplace-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessMarketplace,
.doceree-workflow-pod-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessPod {
  grid-column: 1 / -1 !important;
  cursor: pointer !important;
  transition: box-shadow 0.24s cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 0.24s cubic-bezier(0.22, 0.61, 0.36, 1),
    border-color 0.24s ease !important;
}

.doceree-workflow-marketplace-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessMarketplace:hover,
.doceree-workflow-marketplace-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessMarketplace:focus-visible,
.doceree-workflow-pod-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessPod:hover,
.doceree-workflow-pod-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessPod:focus-visible {
  transform: translateY(-3px) !important;
  box-shadow: 0 18px 44px rgba(80, 60, 160, 0.12), 0 6px 16px rgba(122, 95, 255, 0.08) !important;
  outline: none !important;
}

.doceree-workflow-marketplace-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessMarketplace:focus-visible,
.doceree-workflow-pod-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessPod:focus-visible {
  box-shadow: 0 0 0 3px rgba(126, 95, 255, 0.35), 0 18px 44px rgba(80, 60, 160, 0.1) !important;
}

.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessMarketplace
  .HeroSectionOptionTwo-module__ICRKfq__workflowCardSplitHeroMedia,
.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessPod
  .HeroSectionOptionTwo-module__ICRKfq__workflowCardSplitHeroMedia {
  order: 2 !important;
  min-height: 360px !important;
  padding: 0 !important;
}

.doceree-workflow-marketplace-card .HeroSectionOptionTwo-module__ICRKfq__workflowCardLogoWrap,
.doceree-workflow-pod-card .HeroSectionOptionTwo-module__ICRKfq__workflowCardLogoWrap {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.35) !important;
  backdrop-filter: blur(16px) saturate(1.35) !important;
  box-shadow: 0 8px 28px rgba(122, 95, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

@media (prefers-reduced-motion: reduce) {
  .doceree-workflow-marketplace-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessMarketplace,
  .doceree-workflow-pod-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessPod {
    transition: none !important;
  }

  .doceree-workflow-marketplace-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessMarketplace:hover,
  .doceree-workflow-marketplace-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessMarketplace:focus-visible,
  .doceree-workflow-pod-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessPod:hover,
  .doceree-workflow-pod-card.HeroSectionOptionTwo-module__ICRKfq__workflowCardAwarenessPod:focus-visible {
    transform: none !important;
  }
}

/* Hero artwork: avoid `cover` (heavy crop / huge doctor). Size like reference layout. */
.doceree-site .HeroSectionOptionTwo-module__ICRKfq__heroPanel {
  background-color: #f7f4ff !important;
  background-image: url("/images/new-option-glassy-search/new-doceree-hero.svg?v=doceree-hero-no-watermark") !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: min(76vw, 920px) auto !important;
}

@media (max-width: 900px) {
  .doceree-site .HeroSectionOptionTwo-module__ICRKfq__heroPanel {
    background-size: min(92vw, 720px) auto !important;
  }
}

@media (max-width: 480px) {
  .doceree-site .HeroSectionOptionTwo-module__ICRKfq__heroPanel {
    background-size: min(100vw, 520px) auto !important;
    background-position: center calc(100% + 12px) !important;
  }
}