/* Phone and tablet layout for Platform. Loaded after integration.css.
   Keep Framer's slide tracks, reveal transforms and interaction states intact. */
/* The inactive MPS label has an extra min-content wrapper inside the tab. */
#mps-section .framer-CmgMX [data-framer-name="Text"] > div > div {
  width: max-content !important;
  max-width: 100% !important;
  overflow: visible !important;
  justify-content: flex-start !important;
}
/* Size text within its actual column; exported min-content rows clipped labels. */
:is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) [data-framer-name="Text"] > div {
  width: max-content !important;
  max-width: 100% !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}
#organ-on-chip-section .framer-slideshow .framer-w6oKx,
#organ-on-chip-section .framer-slideshow .framer-w6oKx > div {
  width: max-content !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
}
#organ-on-chip-section .framer-slideshow .framer-w6oKx p { white-space: nowrap !important; }
#organ-on-chip-section .framer-slideshow [data-framer-name="Points Content"] > [data-framer-name="Heading"] {
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr);
  width: 100% !important;
  gap: 10px !important;
  align-items: start !important;
}
#organ-on-chip-section .framer-slideshow :is([data-framer-name="Author Name"], [data-framer-name="Points Content"] [data-framer-component-type="RichTextContainer"]) {
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  white-space: normal !important;
}
#organ-on-chip-section .framer-slideshow :is([data-framer-name="Author Name"], [data-framer-name="Points Content"]) p {
  white-space: normal !important;
  overflow-wrap: break-word;
}
@media (min-width: 1200px) {
  #organ-on-chip-section .framer-slideshow div:has(> [data-framer-name="Points Content"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100% !important;
    gap: 12px !important;
  }
  #organ-on-chip-section .framer-slideshow [data-framer-name="Points Content"] {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    align-items: stretch !important;
  }
  #organ-on-chip-section .framer-slideshow [data-framer-name="Points Content"] > div:not([data-framer-name="Heading"]) {
    width: 100% !important;
    padding-left: 34px !important;
    box-sizing: border-box;
  }
}
/* The exported min-content rows are narrower than their unbroken labels.
   Size desktop items to the full label and keep the highlight on its own tile. */
:is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > [data-framer-name="Fill"] {
  display: none !important;
}
:is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > [data-anivance-active="true"] {
  background: #0073ff !important;
  border-radius: 999px;
}
:is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > [data-anivance-active="true"] p {
  color: #fff !important;
  --framer-text-color: #fff !important;
}
@media (min-width: 1200px) {
  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"],
  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > :is([data-framer-name="Monthly"], [data-framer-name="Yearly"]),
  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > :is([data-framer-name="Monthly"], [data-framer-name="Yearly"]) > div {
    width: max-content !important;
    flex: 0 0 auto !important;
  }
  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] p {
    white-space: nowrap !important;
  }
}
@media (max-width: 1199px) {
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) {
    --anivance-mobile-slide-height: clamp(460px, calc(760px - 60vw), 570px);
  }

  /* A concise introduction, followed immediately by the category selector. */
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) > [data-framer-name="Wrapper"] {
    min-height: 0 !important;
    padding: 104px 20px 36px !important;
  }

  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"],
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] > div,
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] > div > div {
    gap: 20px !important;
  }

  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Title Wrapper"] {
    gap: 14px !important;
  }

  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) h1 {
    --framer-font-size: 44px !important;
    --framer-line-height: 1.08em !important;
    font-size: 44px !important;
    line-height: 1.08 !important;
  }

  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] p {
    --framer-font-size: 15px !important;
    --framer-line-height: 1.6em !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] [data-framer-name="Body"] p {
    --framer-font-size: 11px !important;
    --framer-line-height: 1.5em !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
  }

  :is(#platform, #organ-on-chip-section, #mps-section, #physical-ai-section, #lab-in-loop) {
    padding-top: 20px !important;
    padding-bottom: 32px !important;
    scroll-margin-top: 88px !important;
    gap: 32px !important;
  }

  #platform > #organ-on-chip-section {
    padding-top: 0 !important;
  }

  :is(#organ-on-chip-section, #mps-section, #physical-ai-section, #lab-in-loop) [data-framer-name="Pricing Tab"] {
    gap: 32px !important;
  }

  /* Keep only the outer heading gutter; nested desktop stacks added 60–80px. */
  :is(.framer-1qtpjuh, .framer-16ax22a, .framer-1s6db9o) {
    align-items: flex-start !important;
    padding: 0 20px !important;
    gap: 14px !important;
  }

  :is(.framer-x2oc45, .framer-1q0kpe3, .framer-et5kev, .framer-1v6hqy6, .framer-1xkvjg5) {
    align-items: flex-start !important;
    padding: 0 !important;
    gap: 12px !important;
  }

  :is(.framer-1qtpjuh, .framer-16ax22a, .framer-1s6db9o) > [data-framer-component-type="RichTextContainer"] {
    width: 100% !important;
    text-align: left !important;
  }

  :is(.framer-1qtpjuh, .framer-16ax22a, .framer-1s6db9o) p {
    --framer-text-alignment: left !important;
    text-align: left !important;
  }

  :is(#organ-on-chip-section, #physical-ai-section, #lab-in-loop) > div h2,
  #physical-ai-section .framer-1s6db9o h2 {
    --framer-font-size: 30px !important;
    --framer-line-height: 1.2em !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
  }

  :is(#organ-on-chip-section, #mps-section) [data-framer-name="Bottom Content"] {
    gap: 24px !important;
  }

  :is(.framer-5ovx9x-container, .framer-87rht9-container, .framer-1yey9y1-container, .framer-1pa004r-container, .framer-til41r-container) {
    align-self: stretch !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 20px !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S),
  :is(.framer-jO5Vu, .framer-yUd6S) > button,
  :is(.framer-jO5Vu, .framer-yUd6S) :is([data-framer-name="Container"], [data-framer-name="Content"]) {
    border-radius: 14px !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Content"] {
    padding: 6px !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] {
    gap: 6px !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > :is(a, div):not([data-framer-name="Fill"]) {
    min-height: 48px !important;
    padding: 10px !important;
    border-radius: 10px !important;
    justify-content: flex-start !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > :is(a, div):not([data-framer-name="Fill"]) > div {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > :is(a, div) > div > [data-framer-component-type="RichTextContainer"]:first-child {
    flex: 0 0 18px !important;
    width: 18px !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > :is(a, div) > div > [data-framer-component-type="RichTextContainer"]:last-child {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] p {
    --framer-font-size: 13px !important;
    --framer-line-height: 1.35em !important;
    --framer-text-alignment: left !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    text-align: left !important;
    white-space: normal !important;
  }

  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] > :not(.framer-ab47jy, .framer-1jf8q30, .framer-nwhs87, [data-framer-name="Fill"]) p {
    --framer-text-color: #a9bad4 !important;
    color: #a9bad4 !important;
  }

  /* The existing three native selectors become a single, usable phone row. */
  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100% !important;
    gap: 8px !important;
    align-items: stretch !important;
  }

  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) > div {
    width: 100% !important;
    min-width: 0 !important;
  }

  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) a {
    min-height: 58px !important;
    width: 100% !important;
    padding: 12px 0 0 !important;
    gap: 12px !important;
  }

  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) [data-framer-name="Text"],
  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) [data-framer-name="Text"] > div {
    padding: 0 !important;
    gap: 5px !important;
    width: 100% !important;
    justify-content: center !important;
    align-items: center !important;
  }

  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) :is(h3, h4) {
    --framer-font-size: 12px !important;
    --framer-line-height: 1.4em !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
  }

  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) [data-framer-name="Text"]:is([style*="opacity:0.3"], [style*="opacity: 0.3"]) {
    opacity: .8 !important;
  }

  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) h4 {
    --framer-text-color: #8fb9ff !important;
    color: #8fb9ff !important;
  }

  :is(#organ-on-chip-section, #mps-section) [data-framer-name="Card Group"] {
    gap: 24px !important;
  }

  :is(#organ-on-chip-section, #mps-section) [data-framer-name="Card"] {
    scroll-margin-top: 88px !important;
    gap: 16px !important;
  }

  /* Product prose and illustrations use the whole card, without desktop gaps. */
  #organ-on-chip-section [data-framer-name="Card"] > [data-framer-name="Left Content"] {
    padding: 24px 16px 0 !important;
    gap: 20px !important;
  }

  #organ-on-chip-section [data-framer-name="Card"] > [data-framer-name="Left Content"] > div,
  #organ-on-chip-section [data-framer-name="Card"] > [data-framer-name="Left Content"] > div > div {
    gap: 20px !important;
  }

  #organ-on-chip-section [data-framer-name="Card"] > [data-framer-name="Left Content"] h3 {
    --framer-font-size: 30px !important;
    --framer-line-height: 1.15em !important;
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  #organ-on-chip-section [data-framer-name="Card"] > [data-framer-name="Left Content"] p {
    --framer-font-size: 15px !important;
    --framer-line-height: 1.6em !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  #organ-on-chip-section [data-framer-name="Card"] > [data-framer-name="Right Content"] {
    height: clamp(220px, 65vw, 300px) !important;
    padding: 16px !important;
  }

  /* The slides contain study copy, not photos; remove the old 680px viewport. */
  #organ-on-chip-section :is(.framer-5y6osw-container, .framer-13xuvsw-container, .framer-nvb0l5-container) {
    height: var(--anivance-mobile-slide-height) !important;
    min-height: 0 !important;
  }

  #organ-on-chip-section :is(.framer-0h3NW, .framer-MLBr6, .framer-sxwjX) {
    padding-bottom: 52px !important;
  }

  #organ-on-chip-section .framer-slideshow,
  #organ-on-chip-section .framer-slideshow ul {
    align-items: flex-start !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name^="Dekstop"] {
    height: auto !important;
    min-height: 0 !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name="Testimonial Details"] {
    min-height: 0 !important;
    padding: 20px 16px !important;
    justify-content: flex-start !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name="Testimonial Controller Wrap"] {
    gap: 16px !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name="Testimonial Controller Wrap"] > div:first-child,
  #organ-on-chip-section .framer-slideshow [data-framer-name="Author Info 1"],
  #organ-on-chip-section .framer-slideshow [data-framer-name="Author Info 1"] > div,
  #organ-on-chip-section .framer-slideshow [data-framer-name="Author Name"] {
    width: 100% !important;
  }

  #organ-on-chip-section .framer-slideshow .framer-w6oKx {
    width: max-content !important;
    padding: 6px 10px !important;
  }

  #organ-on-chip-section .framer-slideshow .framer-w6oKx :is(p, [data-framer-component-type="RichTextContainer"]) {
    --framer-font-size: 12px !important;
    --framer-line-height: 1.35em !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name="Points Content"] {
    gap: 8px !important;
    padding: 12px !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name="Points Content"] > div:not([data-framer-name="Heading"]) {
    width: 100% !important;
    padding: 0 !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name="Points Content"] > [data-framer-name="Heading"] {
    display: grid !important;
    grid-template-columns: 23px minmax(0, 1fr);
    width: 100% !important;
    gap: 8px !important;
    align-items: start !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name="Points Content"] [data-framer-component-type="RichTextContainer"] {
    width: 100% !important;
  }

  #organ-on-chip-section .framer-slideshow p {
    --framer-font-size: 14px !important;
    --framer-line-height: 1.6em !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  #organ-on-chip-section .framer-slideshow [data-framer-name="Heading"] p,
  #organ-on-chip-section .framer-slideshow [data-framer-name="Author Name"] p {
    --framer-font-size: 17px !important;
    --framer-line-height: 1.4em !important;
    font-size: 17px !important;
    line-height: 1.4 !important;
  }

  #organ-on-chip-section [data-framer-name="Testimonial Chevron Controller"] {
    right: 12px !important;
    bottom: 4px !important;
  }

  /* These portrait illustrations have a long decorative gradient below the
     hardware. A top-aligned crop retains both product views at readable size. */
  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] {
    padding: 16px !important;
    gap: 24px !important;
  }

  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [data-framer-name="Left"] {
    height: auto !important;
    aspect-ratio: 4 / 5;
    overflow: hidden !important;
    border-radius: 16px;
  }

  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [data-framer-name="Left"] > div {
    width: 100% !important;
    height: 100% !important;
  }

  #mps-section [data-framer-name="Left"] img {
    object-fit: cover !important;
    object-position: center top !important;
  }

  /* Orchestration title → demo → combined diagram → three compact roles. */
  #physical-ai-section .framer-urw46l {
    padding: 0 20px !important;
    gap: 28px !important;
  }

  #physical-ai-section .framer-urw46l > .framer-1s6db9o,
  #physical-ai-section .framer-urw46l .framer-1xkvjg5 {
    padding: 0 !important;
  }

  #physical-ai-section .framer-dig2zi {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px !important;
    padding: 0 !important;
  }

  #physical-ai-section .framer-dig2zi > .framer-3voa7n {
    grid-area: 1 / 1;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    text-align: left;
  }

  #physical-ai-section .framer-3voa7n p {
    --framer-text-alignment: left !important;
    text-align: left !important;
    white-space: normal !important;
  }

  #physical-ai-section .framer-3voa7n p:first-child {
    --framer-font-size: 26px !important;
    font-size: 26px !important;
  }

  #physical-ai-section .framer-dig2zi > .framer-p0njq3-container {
    grid-area: 2 / 1;
    position: relative !important;
    inset: auto !important;
    justify-self: start;
  }

  #physical-ai-section .framer-dig2zi > .framer-15ukk2u {
    /* The desktop SVG includes horizontal connectors to the role cards.
       Those cards stack below the orbit here, so use a centered backdrop. */
    display: none !important;
  }

  #physical-ai-section .framer-dig2zi > .framer-1j7d451-container {
    grid-area: 3 / 1;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 340px !important;
    display: block !important;
    isolation: isolate;
  }

  #physical-ai-section .framer-dig2zi > .framer-1j7d451-container::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(72%, 240px);
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid #4c9dd44d;
    background: radial-gradient(circle at 50% 85%, #123969b3, #03152a80 65%, #01071266);
    pointer-events: none;
  }

  #physical-ai-section .framer-dig2zi .framer-1j7d451-container > div {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 640px !important;
    min-width: 640px !important;
    max-width: none !important;
    height: 640px !important;
    transform: translate(-50%, -50%) scale(.48) !important;
    transform-origin: center !important;
  }

  #physical-ai-section .framer-dig2zi > .framer-z4sg30 {
    grid-area: 4 / 1;
    position: relative !important;
    inset: auto !important;
    padding: 0 !important;
    gap: 16px !important;
  }

  #physical-ai-section .framer-z4sg30 > [class$="-container"],
  #physical-ai-section .framer-z4sg30 .framer-qMSjL {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #physical-ai-section .framer-z4sg30 .framer-qMSjL {
    padding: 20px !important;
    gap: 18px !important;
    align-items: flex-start !important;
  }

  #physical-ai-section .framer-z4sg30 .framer-176mr21,
  #physical-ai-section .framer-z4sg30 .framer-1xasz88 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }

  #physical-ai-section .framer-z4sg30 h2 {
    --framer-font-size: 14px !important;
    --framer-line-height: 1.4em !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  #physical-ai-section .framer-z4sg30 h3 {
    --framer-font-size: 28px !important;
    --framer-line-height: 1.2em !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  #physical-ai-section .framer-z4sg30 p {
    --framer-font-size: 15px !important;
    --framer-line-height: 1.6em !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }
}

@media (max-width: 359px) {
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) h1 {
    --framer-font-size: 40px !important;
    font-size: 40px !important;
  }

  :is(#organ-on-chip-section, #mps-section) :is(.framer-ZOrPy, .framer-CmgMX) h4 {
    display: none;
  }

  #physical-ai-section .framer-dig2zi .framer-1j7d451-container > div {
    transform: translate(-50%, -50%) scale(.41) !important;
  }
}

/* September 21: the designer's new four-stage selector and Loop detail page. */
@media (max-width: 1199px) {
  /* The new layout template makes its page root display:contents. Override
     the direct-child width rule where a selector also has horizontal margins. */
  :is(#platform, #organ-on-chip-section, #mps-section, #physical-ai-section, #lab-in-loop)
  [data-framer-name="Pricing Tab"] > div:has(> .framer-yUd6S) {
    width: calc(100% - 40px) !important;
    max-width: calc(100% - 40px) !important;
    align-self: center !important;
    margin: 0 20px !important;
  }
  .framer-yUd6S [data-framer-name="Toggle"] > [data-anivance-active="true"] {
    background: #0073ff !important;
    border-radius: 10px !important;
  }
  .framer-yUd6S [data-framer-name="Toggle"] > [data-anivance-active="true"] p {
    color: #fff !important;
    --framer-text-color: #fff !important;
  }
  #lab-in-loop :is(.framer-odri6a, .framer-1bsa9zy, .framer-4io2ux, .framer-eymtq4) {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 16px !important;
  }
  #lab-in-loop .framer-odri6a { padding: 0 20px !important; gap: 28px !important; }
  #lab-in-loop .framer-4io2ux { gap: 12px !important; }
  #lab-in-loop .framer-eymtq4 p {
    font-size: 16px !important;
    --framer-font-size: 16px !important;
    line-height: 1.6 !important;
  }
  #lab-in-loop [data-framer-name="Cards Grid"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    width: 100% !important;
    height: auto !important;
    gap: 20px !important;
  }
  #lab-in-loop [data-framer-name="Cards Grid"] > div,
  #lab-in-loop .framer-AN4hB {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
  }
  #lab-in-loop .framer-AN4hB { min-height: 360px; padding: 24px !important; }
}

/* Keep the Platform name on one line within the responsive gutters. */
@media (max-width: 1199px) {
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) > [data-framer-name="Wrapper"] {
    height: auto !important;
    padding: 112px 20px 32px !important;
  }
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) > [data-framer-name="Wrapper"] > [data-framer-name="Base Container"],
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] {
    height: auto !important;
  }
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] > div:has(h1) {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 24px !important;
  }
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] h1 {
    --framer-font-size: clamp(26px, 8vw, 44px) !important;
    font-size: clamp(26px, 8vw, 44px) !important;
  }
}

/* Balance long labels without adding hard line breaks to the designer's copy. */
:is(#organ-on-chip-section, #mps-section, #physical-ai-section, #lab-in-loop) :is(h2, h3),
#organ-on-chip-section .framer-slideshow :is([data-framer-name="Heading"], [data-framer-name="Author Name"]) p {
  text-wrap: balance;
  word-break: normal;
}
:is(#organ-on-chip-section, #mps-section, #physical-ai-section, #lab-in-loop) p {
  text-wrap: pretty;
}
@media (max-width: 767px) {
  #lab-in-loop .framer-eymtq4 p {
    --framer-text-alignment: left !important;
    text-align: left !important;
  }
}
/* A label such as "Measurement principle" needs more than half a 320px card. */
@media (max-width: 359px) {
  #mps-section .framer-M3oTM .framer-bxz5di > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px !important;
  }
  #mps-section .framer-M3oTM .framer-bxz5di > div > div:last-child {
    padding-left: 14px;
  }
  #mps-section .framer-M3oTM .framer-bxz5di p {
    overflow-wrap: normal;
    word-break: normal;
  }
}
/* Tablet copy reflows in the same sections, at a comfortable reading width. */
@media (min-width: 768px) and (max-width: 1199px) {
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) > [data-framer-name="Wrapper"] {
    height: 420px !important;
    padding: 128px 40px 52px !important;
  }
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) > [data-framer-name="Wrapper"] > [data-framer-name="Base Container"],
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] {
    height: 100% !important;
  }
  :is(.framer-VKjV8, .framer-ie7jK, .framer-Ekdxl, .framer-GkCyE, .framer-LSTjG) [data-framer-name="Hero Block"] h1 {
    --framer-font-size: clamp(48px, 6.3vw, 72px) !important;
    font-size: clamp(48px, 6.3vw, 72px) !important;
  }
  :is(#organ-on-chip-section, #mps-section, #physical-ai-section, #lab-in-loop) [data-framer-name="Left Content"] p {
    max-width: 65ch;
  }
  :is(.framer-jO5Vu, .framer-yUd6S) [data-framer-name="Toggle"] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/* Keep the MPS illustration/specifications beside the study copy on tablets. */
@media (min-width: 768px) and (max-width: 1199px) {
  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] {
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: start !important;
  }
  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [data-framer-name="Left"] {
    grid-area: 1 / 1;
  }
  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [class$="-container"] {
    grid-area: 2 / 1;
  }
  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [data-framer-name="Right"] {
    grid-area: 1 / 2 / 3 / 3;
  }
}
@media (min-width: 768px) and (max-width: 899px) {
  #mps-section .framer-M3oTM .framer-bxz5di > div {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px !important;
  }
  #mps-section .framer-M3oTM .framer-bxz5di > div > div:last-child { padding-left: 14px; }
  #mps-section .framer-M3oTM .framer-bxz5di p { overflow-wrap: normal; word-break: normal; }
}

/* MPS text and tables reflow on desktop as well as on mobile. */
#mps-section [data-framer-name="Right"] [data-framer-component-type="RichTextContainer"] {
  width: 100% !important;
  height: auto !important;
  white-space: normal !important;
}

#mps-section [data-framer-name="Right"] [data-framer-name="Body Text"] p {
  --framer-font-size: 15px !important;
  --framer-line-height: 1.6em !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}

#mps-section [data-framer-name="Right"] h2 {
  --framer-font-size: 32px !important;
  --framer-line-height: 1.2em !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
}

#mps-section [data-framer-name="Right"] > div,
#mps-section [data-framer-name="Right"] > div > [class$="-container"],
#mps-section :is(.framer-M3oTM, .framer-bOmuy) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

#mps-section .framer-QYDMi .framer-wwyc1p p {
  --framer-letter-spacing: .08em !important;
}

/* Specifications keep two readable columns. Native values use animated
   word spans; let the paragraph wrap without changing those animations. */
#mps-section .framer-M3oTM {
  padding: 12px 16px !important;
  gap: 20px !important;
}

#mps-section .framer-M3oTM > .framer-bxz5di {
  width: 100% !important;
  height: auto !important;
}

#mps-section .framer-M3oTM .framer-bxz5di > div {
  display: grid !important;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 12px 0 !important;
  align-items: start !important;
}

#mps-section .framer-M3oTM .framer-bxz5di > div > div,
#mps-section .framer-M3oTM .framer-bxz5di > div > div:first-child div:has([data-framer-component-type="RichTextContainer"]) {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
}

#mps-section .framer-M3oTM .framer-bxz5di div:has(> [data-framer-component-type="RichTextContainer"]) {
  display: grid !important;
  grid-template-columns: 6px minmax(0, 1fr);
  gap: 8px !important;
  align-items: baseline !important;
}

#mps-section .framer-M3oTM .framer-bxz5di [data-framer-component-type="RichTextContainer"] {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  white-space: normal !important;
}

#mps-section .framer-M3oTM .framer-bxz5di p {
  --framer-font-size: 12px !important;
  --framer-line-height: 1.5em !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

/* Workflow steps keep their animated status rail on the left while the
   text gets a real flexible column and determines each step's height. */
#mps-section .framer-bOmuy {
  height: auto !important;
  gap: 16px !important;
}

#mps-section .framer-bOmuy .framer-1lpis72,
#mps-section .framer-bOmuy .framer-o9nulv {
  padding: 16px !important;
}

#mps-section .framer-bOmuy .framer-1r8absj {
  width: 100% !important;
  height: auto !important;
  padding: 0 16px !important;
  gap: 0 !important;
}

#mps-section .framer-bOmuy .framer-1r8absj > div {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 12px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  align-items: start !important;
}

#mps-section .framer-bOmuy .framer-1r8absj > div > [data-framer-component-type="SVG"] {
  grid-area: 1 / 1;
  width: 20px !important;
  max-width: 20px !important;
}

#mps-section .framer-bOmuy :is(.framer-1gcgmb7, .framer-16sj7z4, .framer-1au9p86) {
  grid-area: 1 / 2;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 0 20px !important;
}

#mps-section .framer-bOmuy .framer-1au9p86 {
  padding-bottom: 0 !important;
}

#mps-section .framer-bOmuy :is(.framer-195q77h, .framer-kqzo6i, .framer-1s6wsiu) {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  gap: 6px !important;
}

#mps-section .framer-bOmuy [data-framer-component-type="RichTextContainer"] {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  white-space: normal !important;
  word-break: normal !important;
}

#mps-section .framer-bOmuy .framer-1r8absj p {
  --framer-font-size: 14px !important;
  --framer-line-height: 1.5em !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: break-word;
}

#mps-section .framer-bOmuy :is(.framer-195q77h, .framer-kqzo6i, .framer-1s6wsiu) > [data-framer-component-type="RichTextContainer"]:first-child p {
  --framer-font-size: 15px !important;
  --framer-line-height: 1.4em !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
}

#mps-section .framer-bOmuy .framer-o9nulv p {
  --framer-font-size: 12px !important;
  --framer-line-height: 1.5em !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

/* Keep native cards and reveals, but let product views and specs share a column. */
#mps-section [data-framer-name="Card"] > [data-framer-name="Default"] {
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);
  grid-template-rows: min-content 1fr;
  align-items: start !important;
  gap: 24px 36px !important;
  height: auto !important;
  padding: 28px !important;
}
#mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [data-framer-name="Left"] {
  grid-area: 1 / 1;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  align-self: start !important;
  background: linear-gradient(145deg, #010b12, #042940) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}
#mps-section [data-framer-name="Default"] > [data-framer-name="Left"]:has(.av-mps-product-views) > :not(.av-mps-product-views) { display: none !important; }
#mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [class$="-container"] {
  grid-area: 2 / 1;
  position: relative !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-self: start !important;
}
#mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [data-framer-name="Right"] {
  grid-area: 1 / 2 / 3 / 3;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  gap: 24px !important;
  justify-content: flex-start !important;
}
#mps-section [data-framer-name="Left"] > .av-mps-product-views {
  display: flex !important;
  flex-direction: column;
  gap: 24px;
  width: 100% !important;
  height: auto !important;
  padding: 18px;
  box-sizing: border-box;
}
#mps-section .av-mps-product-views > img {
  display: block;
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
#mps-section .av-mps-fluidics {
  position: relative;
  width: 86%;
  aspect-ratio: 1;
  align-self: flex-end;
  overflow: hidden;
  border-radius: 50%;
}
/* Viewport around the original annotated circle; source pixels stay unchanged. */
#mps-section .av-mps-fluidics > img {
  position: absolute;
  width: 162.5% !important;
  max-width: none !important;
  height: auto !important;
  left: -54.15%;
  top: -84.4%;
}
#mps-section .framer-M3oTM { box-sizing: border-box; background: #04131e !important; }
#mps-section .framer-M3oTM .framer-bxz5di { overflow: visible !important; }
#mps-section .framer-M3oTM .framer-bxz5di > div > div:last-child p { text-align: right !important; }
#mps-section .framer-M3oTM .framer-bxz5di p > span { max-width: 100%; }
#mps-section .framer-bOmuy .framer-o9nulv { display: none !important; }
#mps-section .av-mps-request-info {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 12px;
  margin: 0 16px 20px;
  padding: 12px 14px;
  min-height: 44px;
  box-sizing: border-box;
  background: #35c4ed;
  color: #000;
  font: 13px/1.4 Arial, sans-serif;
  text-decoration: none;
}
#mps-section .av-mps-request-info span { display: grid; place-items: center; background: #06121a; color: #fff; width: 18px; height: 18px; font-size: 22px; line-height: 1; }
#mps-section .av-mps-request-info:hover { background: #72deff; }
#mps-section .av-mps-request-info:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
@media (max-width: 1199px) {
  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] { gap: 20px 24px !important; padding: 20px !important; }
}
@media (max-width: 767px) {
  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; padding: 16px !important; }
  #mps-section [data-framer-name="Card"] > [data-framer-name="Default"] > [data-framer-name="Right"] { grid-area: 3 / 1; }
  #mps-section .av-mps-product-views { max-width: 430px; margin-inline: auto; }
}
@media (max-width: 359px), (min-width: 768px) and (max-width: 899px) {
  #mps-section .framer-M3oTM .framer-bxz5di > div { grid-template-columns: minmax(0, 1fr); gap: 6px !important; }
  #mps-section .framer-M3oTM .framer-bxz5di > div > div:last-child p { text-align: left !important; }
}
#mps-section .av-mps-electrode-view { position: relative; width: 100%; aspect-ratio: 3.2; overflow: hidden; }
#mps-section .av-mps-electrode-view > img { position: absolute; width: 175% !important; max-width: none !important; height: auto !important; left: -37%; top: -72%; }
/* Every animated tab variant must retain the full product name. */
#mps-section .framer-CmgMX [data-framer-name="Text"],
#mps-section .framer-CmgMX [data-framer-name="Text"] div { overflow: visible !important; }
#mps-section .framer-CmgMX [data-framer-name="Text"] [data-framer-component-type="RichTextContainer"] { flex: 0 0 auto !important; width: max-content !important; min-width: max-content !important; }
#mps-section .framer-CmgMX h3 { white-space: nowrap !important; }
#mps-section .framer-M3oTM :is(.framer-1w7kvr9, .framer-3fvnk2) { width: 100% !important; min-width: 0 !important; height: auto !important; overflow: visible !important; }
#mps-section .framer-M3oTM .framer-3fvnk2 { display: flex !important; justify-content: flex-end !important; align-items: center !important; gap: 8px !important; min-height: 44px !important; }
#mps-section .framer-M3oTM .framer-1pa2v9l { width: max-content !important; flex: 0 0 auto !important; }
#mps-section .framer-M3oTM .framer-1pa2v9l p { white-space: nowrap !important; }
#mps-section .framer-M3oTM .framer-1j8f9wc { width: 20px !important; height: 20px !important; flex: 0 0 20px !important; }