/* Owned behavior and responsive corrections layered over the captured Framer design. */
.kimo-service-main { width: 100% !important; padding: 110px 24px 80px !important; box-sizing: border-box; }
[data-kimo-service-inactive] { background: transparent !important; border: 0 !important; --border-color: transparent !important; }
[data-kimo-service-inactive] > div { transform: none !important; opacity: 1 !important; }
.kimo-service-nav-links { display: flex; gap: 12px; padding-top: 4px; }
.kimo-service-nav-link[aria-current="page"] { color: #111; text-decoration: underline; text-underline-offset: 3px; }

.kimo-service-article { max-width: 960px; margin: 0 auto; color: #202020; font-family: "Kimo Workflow Sans", Arial, sans-serif; }
.kimo-service-article header { max-width: 840px; margin-bottom: 64px; }
.kimo-service-article h1 { font-size: clamp(34px, 4.5vw, 64px); line-height: 1.08; letter-spacing: -.045em; font-weight: 500; margin: 20px 0 28px; overflow-wrap: anywhere; }
.kimo-service-article h2 { font-size: clamp(23px, 2.5vw, 32px); line-height: 1.2; letter-spacing: -.025em; font-weight: 500; margin: 0 0 20px; }
.kimo-service-article p, .kimo-service-article li { font-size: 17px; line-height: 1.7; color: #454545; }
.kimo-service-article p { margin: 0 0 20px; }
.kimo-service-article li { margin-bottom: 10px; }
.kimo-service-article ul { padding-left: 24px; }
.kimo-service-sections > section { display: grid; grid-template-columns: 64px 1fr; gap: 24px; border-top: 1px solid #d5d5d5; padding: 40px 0; }
.kimo-service-index { color: #2457ff; font: 500 15px/1.5 monospace; }
.kimo-service-faq { padding: 40px 0; border-top: 1px solid #d5d5d5; }
.kimo-service-faq details { border-bottom: 1px solid #d5d5d5; padding: 20px 0; }
.kimo-service-faq summary { cursor: pointer; font-size: 18px; font-weight: 500; line-height: 1.5; }
.kimo-service-faq details p { margin: 16px 0 0; }
.kimo-service-cta { padding: 32px; background: #ededeb; border-radius: 18px; margin: 32px 0; }
.kimo-service-related { display: grid; gap: 20px; padding-top: 24px; }
.kimo-service-related a { color: #202020; text-underline-offset: 4px; }
.kimo-service-related p { font-size: 14px; margin-top: 8px; }
.kimo-service-article a:focus-visible, .kimo-service-article summary:focus-visible, .kimo-service-discovery a:focus-visible, .kimo-service-nav-link:focus-visible { outline: 2px solid #2457ff; outline-offset: 5px; }
.kimo-service-discovery { box-sizing: border-box; width: 100%; max-width: 1180px; margin: 0 auto; padding: 40px 28px; border-top: 1px solid #dedede; display: grid; grid-template-columns: 1fr 1fr; gap: 32px; font: 400 16px/1.5 "Kimo Workflow Sans", Arial, sans-serif; color: #202020; }
.kimo-service-discovery h2 { font-size: 28px; letter-spacing: -.025em; font-weight: 500; margin: 8px 0 14px; }
.kimo-service-discovery p { margin: 0; }
.kimo-service-discovery__links { display: flex; flex-direction: column; gap: 14px; justify-content: center; }
.kimo-service-discovery__links a { color: #202020; border: 1px solid #c9c9c9; border-radius: 12px; padding: 16px; text-decoration: none; }
.kimo-service-footer-link { color: #454545; font: 400 13px/1.5 "Kimo Workflow Sans", Arial, sans-serif; text-decoration: none; max-width: 170px; }
.kimo-service-nav-link { color: #454545; font: 500 12px/1.3 "Kimo Workflow Sans", Arial, sans-serif; text-decoration: none; max-width: 110px; }
@media (max-width: 1199px) and (min-width: 601px) { .kimo-service-nav-link { max-width: 86px; font-size: 11px; } [data-framer-name="Links"]:has(> .kimo-service-nav-link) { gap: 10px !important; } }
@media (max-width: 600px) { .kimo-service-nav-link { display: none; } }
@media (max-width: 600px) { .kimo-service-main { padding: 106px 24px 56px !important; } .kimo-service-sections > section { grid-template-columns: 1fr; gap: 12px; padding: 28px 0; } .kimo-service-discovery { grid-template-columns: 1fr; padding: 28px 24px; gap: 20px; } .kimo-service-cta { padding: 24px; } .kimo-service-article .kimo-conversion-button { white-space: normal; text-align: center; } }
@font-face {
  font-display: swap;
  font-family: "Kimo Workflow Sans";
  font-style: normal;
  font-weight: 400 800;
  src: url("/assets/google-sans-flex-latin.woff2") format("woff2");
}

.__framer-badge,
#__framer-editorbar-button,
#__framer-editorbar-label {
  display: none !important;
}

.kimo-nav-toggle,
.kimo-mobile-menu {
  display: none;
}

#services {
  scroll-margin-top: 90px;
}

@media (max-width: 1199px) {
  html[data-kimo-route$="/case-studies"] [data-framer-name="Main"] > [data-framer-name="Header"] {
    margin-top: 20px !important;
  }
}

@media (min-width: 1200px) {
  [data-framer-name="Content"]:has(a[aria-label="Home Page Logo Link"]) {
    max-width: 1180px !important;
    width: min(1180px, calc(100% - 48px)) !important;
  }
}

.kimo-language-switch {
  align-items: center;
  background: #fff;
  border: 1px solid #c9c9c9;
  border-radius: 999px;
  color: #202020 !important;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  letter-spacing: 0.04em;
  line-height: 1;
  position: absolute;
  right: 20px;
  text-decoration: none !important;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  z-index: 1002;
}

.kimo-language-switch:hover,
.kimo-language-switch:focus-visible {
  background: #121212;
  color: #fff !important;
}

div[aria-label="Blocks Right"] {
  color: #2457ff !important;
}

.kimo-faq-trigger {
  cursor: pointer;
  outline-offset: -3px;
  transition: background-color 180ms ease;
}

.kimo-faq-answer {
  color: #555;
  font-family: Inter, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 28px;
  transition: max-height 320ms ease, opacity 220ms ease, padding 320ms ease;
}

.kimo-faq-trigger[aria-expanded="true"] .kimo-faq-answer {
  max-height: 360px;
  opacity: 1;
  padding-bottom: 28px;
}

.kimo-faq-trigger:focus-visible,
.kimo-nav-toggle:focus-visible,
.kimo-language-switch:focus-visible,
.kimo-mobile-menu a:focus-visible {
  outline: 2px solid #2457ff;
}

.kimo-form-status {
  color: #555;
  font: 500 14px/1.45 Inter, Arial, sans-serif;
  min-height: 21px;
  width: 100%;
}

.kimo-form-status:empty {
  display: none;
}

.kimo-form-status[data-state="success"] {
  color: #176b36;
}

.kimo-form-status[data-state="error"] {
  color: #a61b1b;
}

section[data-framer-name="Frequently Asked Questions"] a[href^="mailto:"] {
  color: #f7f7f5 !important;
  text-decoration: none !important;
}

section[data-framer-name="Frequently Asked Questions"] a[href^="mailto:"] :is(p, span) {
  color: inherit !important;
}

html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Service Tiers"] [data-framer-name="Price & Action"] {
  align-items: flex-start !important;
  flex-direction: column !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  height: auto !important;
  justify-content: flex-start !important;
}

html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Service Tiers"] [data-framer-name="Price"] {
  flex-shrink: 0 !important;
  max-width: 100%;
}

html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Service Tiers"] [data-framer-name="Pricing Tiers"] > [data-framer-name="Tier 1"]:first-child [data-framer-name="Price"] {
  align-items: flex-start !important;
  flex-direction: column !important;
  gap: 2px !important;
  height: auto !important;
}

form[data-kimo-contact-form] button[disabled] {
  cursor: wait !important;
  opacity: 1 !important;
}

form[data-kimo-contact-form] p[data-styles-preset="dXsx8iVCg"] {
  --framer-text-color: #707070 !important;
  color: #707070 !important;
}

form[data-kimo-contact-form] button[type="submit"] {
  background: #080808 !important;
  color: #fff !important;
  opacity: 1 !important;
}

form[data-kimo-contact-form] button[type="submit"][disabled] {
  background: #5f5f5f !important;
}

form[data-kimo-contact-form] {
  scroll-margin-top: 24px;
}

.kimo-form-data-warning {
  color: #5f5f5f !important;
  font: 400 13px/1.5 Inter, Arial, sans-serif !important;
  margin: 4px 0 0 !important;
  width: 100%;
}

.kimo-form-data-warning a {
  color: inherit;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.kimo-qualification-fields {
  background: #f7f7f7;
  border: 1px solid #d8d8d8;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 6px 0;
  min-width: 0;
  padding: 20px;
  width: 100%;
}

.kimo-qualification-fields legend {
  color: #111;
  font: 650 18px/1.2 Inter, Arial, sans-serif;
  letter-spacing: -.02em;
  padding: 0 8px;
}

.kimo-qualification-fields > p {
  color: #666 !important;
  font: 400 13px/1.5 Inter, Arial, sans-serif !important;
  margin: 0 !important;
}

.kimo-qualification-fields label {
  color: #3f3f3f;
  display: flex;
  flex-direction: column;
  font: 600 12px/1.35 Inter, Arial, sans-serif;
  gap: 7px;
}

.kimo-qualification-fields label span {
  color: #5f5f5f;
  font-weight: 400;
}

.kimo-qualification-fields input,
.kimo-qualification-fields select,
.kimo-qualification-fields textarea {
  appearance: none;
  background: #fff;
  border: 1px solid #cecece;
  border-radius: 9px;
  box-sizing: border-box;
  color: #111;
  font: 400 14px/1.4 Inter, Arial, sans-serif;
  min-height: 44px;
  min-width: 0;
  outline: none;
  padding: 11px 12px;
  resize: vertical;
  width: 100%;
}

.kimo-qualification-fields select {
  background-image: linear-gradient(45deg, transparent 50%, #555 50%), linear-gradient(135deg, #555 50%, transparent 50%);
  background-position: calc(100% - 17px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
  background-repeat: no-repeat;
  background-size: 5px 5px, 5px 5px;
  padding-right: 36px;
}

.kimo-qualification-fields textarea {
  min-height: 84px;
}

.kimo-qualification-fields input:focus-visible,
.kimo-qualification-fields select:focus-visible,
.kimo-qualification-fields textarea:focus-visible {
  border-color: #2457ff;
  box-shadow: 0 0 0 3px rgba(36, 87, 255, .16);
}

html[data-kimo-route="/contact"] [data-framer-name="Header"]:has(form[data-kimo-contact-form]),
html[data-kimo-route="/fr/contact"] [data-framer-name="Header"]:has(form[data-kimo-contact-form]),
html[data-kimo-route="/contact"] [data-framer-name="Form"]:has(form[data-kimo-contact-form]),
html[data-kimo-route="/fr/contact"] [data-framer-name="Form"]:has(form[data-kimo-contact-form]) {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

html[data-kimo-motion="full"] .kimo-reveal,
html[data-kimo-motion="full"] .kimo-tier-motion {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 650ms cubic-bezier(.22, 1, .36, 1), transform 650ms cubic-bezier(.22, 1, .36, 1);
}

html[data-kimo-motion="full"] .kimo-tier-motion {
  transition-delay: calc(var(--kimo-tier-order, 0) * 90ms);
}

html[data-kimo-motion="full"] .kimo-reveal.kimo-visible,
html[data-kimo-motion="full"] .kimo-tier-motion.kimo-visible {
  opacity: 1;
  transform: none;
}

html[data-kimo-motion="full"] .kimo-hero-motion h1 {
  animation: kimo-hero-enter 720ms cubic-bezier(.22, 1, .36, 1) both;
}

html[data-kimo-motion="full"] .kimo-hero-motion p,
html[data-kimo-motion="full"] .kimo-hero-motion a {
  animation: kimo-hero-enter 720ms 100ms cubic-bezier(.22, 1, .36, 1) both;
}

html[data-kimo-motion="full"] .kimo-ticker-track {
  animation: kimo-ticker-drift 8s ease-in-out infinite alternate;
}

html[data-kimo-motion="full"] [data-kimo-active-navigation="full"] > [data-kimo-active-navigation-text] {
  animation: kimo-active-navigation-loop 4s linear infinite alternate;
  transform-origin: center;
  will-change: opacity, transform;
}

[data-kimo-active-navigation="reduced"] > [data-kimo-active-navigation-text] {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

[data-kimo-nav] a[data-kimo-navigation-current="services"][data-framer-name="Base"] {
  align-items: center !important;
  background-color: rgba(0, 0, 0, .05) !important;
  border: 1px dashed #ccc !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  height: 35px !important;
  justify-content: center !important;
  padding: 0 8px !important;
  width: auto !important;
}

[data-kimo-nav] a[data-kimo-navigation-current="services"][data-framer-name="Base"] > :first-child {
  inset: auto !important;
  position: relative !important;
}

[data-kimo-nav] a[data-kimo-navigation-current="services"][data-framer-name="Base"] > :not(:first-child) {
  display: none !important;
}

html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div {
  height: 22px !important;
  overflow: visible !important;
  position: relative !important;
  width: 22px !important;
}

html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div > [data-framer-name="TL"],
html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div > [data-framer-name="TR"],
html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div > [data-framer-name="BL"],
html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div > [data-framer-name="BR"] {
  border-radius: 40% !important;
  filter: none !important;
  height: 10px !important;
  opacity: 1 !important;
  position: absolute !important;
  transform: none !important;
  width: 10px !important;
}

html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div > [data-framer-name="TL"] {
  left: 0 !important;
  top: 0 !important;
}

html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div > [data-framer-name="TR"] {
  left: 12px !important;
  top: 0 !important;
}

html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div > [data-framer-name="BL"] {
  left: 0 !important;
  top: 12px !important;
}

html:not([data-kimo-logo-ready]) a[aria-label="Home Page Logo Link"] > div > div > [data-framer-name="BR"] {
  left: 12px !important;
  top: 12px !important;
}

html[data-kimo-motion="full"] .kimo-logo-grid {
  height: 22px !important;
  overflow: visible !important;
  position: relative !important;
  width: 22px !important;
}

html[data-kimo-motion="full"] .kimo-logo-grid > [data-framer-name] {
  transform-origin: center !important;
  transition-duration: 600ms !important;
  transition-property: left, top, width, height, filter, border-radius !important;
  transition-timing-function: linear(0 0%, .011 1.695%, .0399 3.39%, .0811 5.085%, .1305 6.78%, .1849 8.475%, .2418 10.17%, .2993 11.864%, .3561 13.559%, .4111 15.254%, .4637 16.949%, .5134 18.644%, .56 20.339%, .6032 22.034%, .6432 23.729%, .6799 25.424%, .7135 27.119%, .7441 28.814%, .7718 30.508%, .7969 32.203%, .8194 33.898%, .8397 35.593%, .858 37.288%, .8743 38.983%, .8888 40.678%, .9018 42.373%, .9133 44.068%, .9236 45.763%, .9327 47.458%, .9408 49.153%, .9479 50.847%, .9543 52.542%, .9598 54.237%, .9648 55.932%, .9691 57.627%, .9729 59.322%, .9763 61.017%, .9792 62.712%, .9818 64.407%, .9841 66.102%, .9861 67.797%, .9879 69.492%, .9894 71.186%, .9908 72.881%, .9919 74.576%, .993 76.271%, .9939 77.966%, .9947 79.661%, .9953 81.356%, .9959 83.051%, .9965 84.746%, .9969 86.441%, .9973 88.136%, .9977 89.831%, .998 91.525%, .9982 93.22%, .9985 94.915%, .9987 96.61%, .9988 98.305%, 1 100%) !important;
  will-change: left, top, width, height, filter !important;
}

[data-kimo-solution-left],
[data-kimo-solution-right],
[data-kimo-solution-tooltip],
[data-kimo-integration-branches] {
  will-change: opacity, filter, transform;
}

html[data-kimo-motion="full"] section[data-kimo-solution-motion="pending"] [data-kimo-solution-left] {
  transform: translateX(-50px) !important;
}

html[data-kimo-motion="full"] section[data-kimo-solution-motion="pending"] [data-kimo-solution-right] {
  transform: translateX(50px) !important;
}

html[data-kimo-motion="full"] section[data-kimo-solution-motion="pending"] [data-kimo-solution-tooltip] {
  filter: blur(5px) !important;
  opacity: 0 !important;
  transform: translateY(100px) !important;
}

section[data-kimo-solution-motion] [data-kimo-solution-left],
section[data-kimo-solution-motion] [data-kimo-solution-right],
section[data-kimo-solution-motion] [data-kimo-solution-tooltip] {
  transition: filter 300ms cubic-bezier(.44, 0, .56, 1), opacity 300ms cubic-bezier(.44, 0, .56, 1), transform 300ms cubic-bezier(.44, 0, .56, 1) !important;
}

section[data-kimo-solution-motion="visible"] [data-kimo-solution-left],
section[data-kimo-solution-motion="visible"] [data-kimo-solution-tooltip],
section[data-kimo-solution-motion="reduced"] [data-kimo-solution-left],
section[data-kimo-solution-motion="reduced"] [data-kimo-solution-tooltip] {
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

section[data-kimo-solution-motion="visible"] [data-kimo-solution-right],
section[data-kimo-solution-motion="reduced"] [data-kimo-solution-right] {
  filter: grayscale(1) !important;
  opacity: 1 !important;
  transform: none !important;
}

html[data-kimo-motion="full"] section[data-kimo-integration-motion="pending"] [data-kimo-integration-branches] {
  opacity: 0 !important;
  transform: translateX(-100px) !important;
}

section[data-kimo-integration-motion] [data-kimo-integration-branches] {
  transition: opacity 300ms cubic-bezier(.44, 0, .56, 1), transform 300ms cubic-bezier(.44, 0, .56, 1) !important;
  will-change: opacity, transform;
}

section[data-kimo-integration-motion="visible"] [data-kimo-integration-branches],
section[data-kimo-integration-motion="reduced"] [data-kimo-integration-branches] {
  opacity: 1 !important;
  transform: none !important;
}

[data-kimo-about-blocks-layer] {
  will-change: transform;
}

section[data-kimo-about-blocks-motion="reduced"] [data-kimo-about-blocks-layer="left"] {
  transform: translateX(-100px) !important;
}

section[data-kimo-about-blocks-motion="reduced"] [data-kimo-about-blocks-layer="center"] {
  transform: scale(1) !important;
}

section[data-kimo-about-blocks-motion="reduced"] [data-kimo-about-blocks-layer="right"] {
  transform: translateX(100px) !important;
}

section[data-framer-name="Book A Call"]:has(.kimo-about-cta) {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding-bottom: clamp(56px, 8vw, 104px) !important;
}

section[data-framer-name="Book A Call"]:has(.kimo-about-cta) > *:has(.kimo-about-cta),
section[data-framer-name="Book A Call"] [data-framer-name="Primary"]:has(.kimo-about-cta),
section[data-framer-name="Book A Call"] [data-framer-name="Primary"]:has(.kimo-about-cta) :not(.kimo-about-cta):has(.kimo-about-cta) {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.kimo-calendar-placeholder {
  height: 100%;
  width: 100%;
}

html:not([data-kimo-route="/about"]):not([data-kimo-route="/fr/about"])
  section[data-framer-name="Book A Call"]
  > *:has(.kimo-calendar-placeholder) {
  display: none !important;
}

html:not([data-kimo-route="/about"]):not([data-kimo-route="/fr/about"])
  section[data-framer-name="Book A Call"] {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 56px !important;
}

html:not([data-kimo-route="/"]):not([data-kimo-route="/fr/"]):not([data-kimo-route="/about"]):not([data-kimo-route="/fr/about"])
  .framer-12ffj3x-container {
  display: none !important;
}

.kimo-about-cta {
  align-items: flex-start;
  background: linear-gradient(145deg, #ffffff 0%, #f5f7f8 100%);
  border: 1px solid rgba(8, 8, 8, .13);
  border-radius: 22px;
  box-shadow: 0 20px 52px rgba(20, 34, 45, .08);
  box-sizing: border-box;
  color: #111;
  display: flex;
  flex-direction: column;
  font-family: Inter, Arial, sans-serif;
  gap: 0;
  justify-content: flex-start;
  min-height: 0;
  overflow: hidden;
  padding: clamp(28px, 6vw, 64px);
  position: relative;
  width: 100%;
}

.kimo-about-cta::after {
  background: #080808;
  border-radius: 999px;
  content: "";
  height: clamp(120px, 18vw, 220px);
  opacity: .96;
  pointer-events: none;
  position: absolute;
  right: clamp(-70px, -5vw, -24px);
  top: clamp(-74px, -5vw, -30px);
  width: clamp(120px, 18vw, 220px);
}

.kimo-about-cta p,
.kimo-about-cta h2 {
  margin: 0;
  position: relative;
  z-index: 1;
}

.kimo-about-cta__eyebrow {
  color: #315a6c;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .1em;
  margin-bottom: 16px !important;
  text-transform: uppercase;
}

.kimo-about-cta h2 {
  font-size: clamp(31px, 4.8vw, 58px);
  letter-spacing: -.045em;
  line-height: .98;
  max-width: 760px;
}

.kimo-about-cta__body {
  color: #50555a;
  font-size: clamp(16px, 1.75vw, 19px);
  line-height: 1.55;
  margin-top: 20px !important;
  max-width: 650px;
}

.kimo-about-cta__button {
  align-items: center;
  background: #080808;
  border: 1px solid #080808;
  border-radius: 12px;
  color: #fff;
  display: inline-flex;
  font-size: 15px;
  font-weight: 700;
  gap: 14px;
  justify-content: center;
  line-height: 1.2;
  margin-top: 28px;
  min-height: 48px;
  padding: 14px 18px;
  position: relative;
  text-decoration: none;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
  width: fit-content;
  z-index: 1;
}

.kimo-about-cta__button span {
  font-size: 20px;
  line-height: 1;
  transition: transform 160ms ease;
}

.kimo-about-cta__button:hover {
  background: #fff;
  color: #080808;
  transform: translateY(-1px);
}

.kimo-about-cta__button:hover span {
  transform: translateX(3px);
}

.kimo-about-cta__button:focus-visible,
.kimo-about-cta__alternative a:focus-visible {
  outline: 3px solid rgba(49, 90, 108, .55);
  outline-offset: 3px;
}

.kimo-about-cta__alternative {
  color: #656a6f;
  font-size: 13px;
  line-height: 1.5;
  margin-top: 18px !important;
}

.kimo-about-cta__alternative a {
  color: #111;
  font-weight: 650;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

html[data-kimo-route="/legal-notice"] a.framer-text,
html[data-kimo-route="/fr/mentions-legales"] a.framer-text,
html[data-kimo-route="/privacy-policy"] a.framer-text,
html[data-kimo-route="/terms-and-conditions"] a.framer-text,
html[data-kimo-route="/acceptable-use"] a.framer-text {
  color: #005ea8 !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

@media (max-width: 520px) {
  .kimo-about-cta {
    border-radius: 18px;
    min-height: 0;
    padding: 30px 22px;
  }

  .kimo-about-cta::after {
    opacity: .58;
  }

  .kimo-about-cta h2 {
    font-size: clamp(32px, 10vw, 42px);
  }

  .kimo-about-cta__button {
    width: 100%;
  }
}

.kimo-legal-main {
  background: #fff;
  color: #202020;
  min-height: 60vh;
  width: 100%;
}

.kimo-owned-footer {
  display: none;
}

.kimo-legal-article {
  margin: 0 auto;
  max-width: 820px;
  padding: 128px 40px 120px;
}

.kimo-legal-article header {
  border-bottom: 1px solid #dedede;
  margin-bottom: 44px;
  padding-bottom: 36px;
}

.kimo-legal-article h1 {
  color: #080808;
  font-size: clamp(44px, 7vw, 72px);
  letter-spacing: -.04em;
  line-height: 1;
  margin: 8px 0 24px;
}

.kimo-legal-article h2 {
  color: #080808;
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 14px;
}

.kimo-legal-article p,
.kimo-legal-article li {
  font-size: 16px;
  line-height: 1.65;
}

.kimo-legal-article p,
.kimo-legal-article ul {
  margin: 0 0 18px;
}

.kimo-legal-article section {
  margin-top: 42px;
}

.kimo-legal-article a {
  color: #075fc8;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.kimo-legal-kicker {
  color: #555;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kimo-legal-status {
  background: #f5f5f5;
  border-left: 4px solid #080808;
  font-size: 15px;
  line-height: 1.55;
  padding: 18px 20px;
}

.kimo-conversion-diagnostic,
.kimo-conversion-layer {
  box-sizing: border-box;
  font-family: Inter, Arial, sans-serif;
  width: 100%;
}

.kimo-conversion-diagnostic *,
.kimo-conversion-layer * {
  box-sizing: border-box;
}

.kimo-conversion-shell {
  margin: 0 auto;
  max-width: 1240px;
  width: 100%;
}

.kimo-conversion-diagnostic {
  background:
    radial-gradient(circle at 82% 16%, rgba(142, 170, 255, .42), transparent 34%),
    linear-gradient(135deg, #173dc8 0%, #2457ff 52%, #173dc4 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(8, 25, 88, .16);
  color: #fff;
  padding: clamp(52px, 5vw, 68px) clamp(28px, 6vw, 88px);
}

.kimo-conversion-diagnostic__layout {
  align-items: start;
  display: grid;
  gap: clamp(38px, 5vw, 72px);
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

.kimo-conversion-diagnostic h2,
.kimo-conversion-layer h2,
.kimo-conversion-layer h3,
.kimo-conversion-layer p,
.kimo-conversion-layer ol,
.kimo-conversion-layer ul,
.kimo-conversion-diagnostic p {
  margin: 0;
}

.kimo-conversion-diagnostic h2 {
  color: #fff;
  font-size: clamp(40px, 4.4vw, 60px);
  font-weight: 560;
  letter-spacing: -.045em;
  line-height: .98;
  max-width: 760px;
}

.kimo-conversion-eyebrow {
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .11em;
  line-height: 1.3;
  margin-bottom: 14px !important;
  text-transform: uppercase;
}

.kimo-conversion-diagnostic .kimo-conversion-eyebrow {
  color: #fff;
}

.kimo-conversion-diagnostic__body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.kimo-conversion-diagnostic__body > p:first-child {
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.4;
  max-width: 680px;
}

.kimo-conversion-output {
  border-top: 1px solid rgba(255, 255, 255, .3);
  font-size: 14px;
  line-height: 1.45;
  padding-top: 14px;
}

.kimo-conversion-scope {
  color: #fff;
  font-size: 12px;
  line-height: 1.45;
}

.kimo-conversion-button {
  align-items: center;
  align-self: flex-start;
  appearance: none;
  background: #080808;
  border: 1px solid #080808;
  border-radius: 10px;
  color: #fff !important;
  display: inline-flex;
  font-size: 14px;
  font-weight: 680;
  justify-content: center;
  line-height: 1.2;
  min-height: 44px;
  padding: 12px 16px;
  text-decoration: none !important;
}

.kimo-conversion-button--light {
  background: #fff;
  border-color: rgba(255, 255, 255, .82);
  box-shadow: 0 9px 24px rgba(9, 25, 84, .2), inset 0 1px 0 rgba(255, 255, 255, .98);
  color: #080808 !important;
}

.kimo-conversion-button:focus-visible {
  outline: 3px solid rgba(91, 156, 252, .7);
  outline-offset: 3px;
}

.kimo-conversion-button--light:focus-visible {
  outline-color: rgba(255, 255, 255, .72);
}

.kimo-conversion-layer {
  background: #f6f6f4;
  color: #161616;
  padding: clamp(40px, 4vw, 57px) clamp(28px, 6vw, 88px);
}

.kimo-conversion-layer > .kimo-conversion-shell {
  align-items: stretch;
  display: grid;
  gap: clamp(24px, 3vw, 42px);
  grid-template-columns: minmax(0, 2.15fr) minmax(270px, .85fr);
}

.kimo-method,
.kimo-progression {
  min-width: 0;
}

.kimo-conversion-heading {
  max-width: 760px;
}

.kimo-conversion-heading h2 {
  color: #080808;
  font-size: clamp(34px, 3.5vw, 48px);
  font-weight: 560;
  letter-spacing: -.045em;
  line-height: 1;
}

.kimo-conversion-heading > p:last-child {
  color: #5c5c5c;
  font-size: 15px;
  line-height: 1.5;
  margin-top: 14px;
  max-width: 620px;
}

.kimo-conversion-layer .kimo-conversion-eyebrow {
  color: #2457ff;
}

.kimo-method-grid > li {
  background: linear-gradient(145deg, rgba(255, 255, 255, .98), rgba(249, 250, 252, .88));
  border: 1px solid rgba(29, 42, 67, .1);
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(33, 45, 72, .055), inset 0 1px 0 rgba(255, 255, 255, .96);
  display: flex;
  flex-direction: column;
  min-height: 224px;
  padding: 20px;
}

.kimo-card-index {
  color: #2457ff;
  font-size: 11px;
  font-weight: 720;
  letter-spacing: .08em;
  margin-bottom: 20px !important;
}

.kimo-method-grid h3,
.kimo-progression h3 {
  color: #111;
  font-size: 18px;
  font-weight: 620;
  letter-spacing: -.025em;
  line-height: 1.15;
}

.kimo-method-grid > li > p:last-of-type,
.kimo-progression li p {
  color: #5c5c5c;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 8px;
}

.kimo-method-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  list-style: none;
  margin-top: 24px !important;
  padding: 0;
}

.kimo-method-grid:focus-visible {
  border-radius: 12px;
  outline: 3px solid rgba(36, 87, 255, .55);
  outline-offset: 4px;
}

.kimo-step-deliverables {
  list-style: none;
  margin-top: auto !important;
  padding: 16px 0 0;
}

.kimo-step-deliverables li {
  border-top: 1px solid rgba(32, 43, 62, .1);
  color: #373737;
  font-size: 11px;
  line-height: 1.35;
  padding: 8px 0 8px 15px;
  position: relative;
}

.kimo-step-deliverables li::before {
  background: #2457ff;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: 1px;
  position: absolute;
  top: 13px;
  width: 5px;
}

.kimo-progression {
  background: linear-gradient(145deg, #fff, rgba(247, 249, 253, .94));
  border: 1px solid rgba(36, 87, 255, .14);
  border-radius: 16px;
  box-shadow: 0 16px 36px rgba(33, 45, 72, .08), inset 0 1px 0 rgba(255, 255, 255, .98);
  display: flex;
  flex-direction: column;
  padding: 22px;
}

.kimo-progression > ol {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 22px 0 18px !important;
  padding: 0;
}

.kimo-progression > ol > li {
  border-top: 1px solid rgba(32, 43, 62, .11);
  min-width: 0;
  padding: 10px 2px 4px;
}

.kimo-progression-dot {
  align-items: center;
  background: #2457ff;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 9px;
  font-weight: 720;
  height: 24px;
  justify-content: center;
  margin: 0 0 9px;
  width: 24px;
}

.kimo-progression h3 {
  font-size: 14px;
}

.kimo-progression .kimo-conversion-heading h2 {
  font-size: clamp(26px, 2.3vw, 34px);
}

.kimo-progression li p {
  font-size: 11px;
  margin-top: 3px;
}

.kimo-progression-note {
  color: #5c5c5c;
  font-size: 11px;
  line-height: 1.45;
  margin: auto 0 14px !important;
}

a,
button,
[data-framer-name="Primary"]:has(a),
[data-framer-name="Base"]:has(a) {
  transition: box-shadow 180ms ease, filter 180ms ease, opacity 180ms ease, transform 180ms ease;
}

@media (hover: hover) {
  section[data-framer-name="Frequently Asked Questions"] a[href^="mailto:"]:hover {
    background: #5b9cfc !important;
    color: #080808 !important;
    filter: none;
  }

  a:hover,
  button:hover {
    filter: brightness(.96);
  }

  [data-framer-name="Primary"]:has(a):hover,
  [data-framer-name="Base"]:has(a):hover {
    transform: translateY(-2px);
  }
}

@keyframes kimo-hero-enter {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: none; }
}

@keyframes kimo-ticker-drift {
  from { transform: translateX(-14px); }
  to { transform: translateX(14px); }
}

@keyframes kimo-active-navigation-loop {
  from { opacity: 1; transform: rotateX(0deg) scale(1); }
  to { opacity: .7; transform: rotateX(360deg) scale(.9); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }

  [data-kimo-solution-tooltip] {
    filter: none !important;
    transition: none !important;
  }
}

@media (min-width: 1000px) {
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="The Integration Ecosystem"],
  html[data-kimo-route="/fr/"] section[data-framer-name="The Integration Ecosystem"] {
    height: 780px !important;
  }
}

@media (max-width: 900px) {
  .kimo-conversion-layer > .kimo-conversion-shell {
    gap: 22px;
    grid-template-columns: minmax(0, 1.65fr) minmax(240px, .85fr);
  }

  .kimo-method-grid > li {
    padding: 16px;
  }

  .kimo-method-grid h3 {
    font-size: 16px;
  }

  .kimo-step-deliverables li {
    font-size: 10px;
  }
}

@media (max-width: 600px) {
  .kimo-conversion-diagnostic,
  .kimo-conversion-layer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .kimo-conversion-diagnostic {
    padding-bottom: 36px;
    padding-top: 36px;
  }

  .kimo-conversion-diagnostic__layout {
    gap: 20px;
    grid-template-columns: 1fr;
  }

  .kimo-conversion-diagnostic h2,
  .kimo-conversion-heading h2 {
    font-size: 36px;
  }

  .kimo-conversion-layer {
    padding-bottom: 16px;
    padding-top: 16px;
  }

  .kimo-conversion-layer > .kimo-conversion-shell {
    display: grid;
    gap: 14px;
    grid-template-columns: 1fr;
  }

  .kimo-method-grid {
    grid-auto-columns: minmax(270px, 82vw);
    grid-auto-flow: column;
    grid-template-columns: none;
    margin-top: 16px !important;
    overflow-x: auto;
    padding-bottom: 8px;
    scroll-snap-type: x mandatory;
  }

  .kimo-method-grid > li {
    min-height: 200px;
    scroll-snap-align: start;
  }

  .kimo-card-index {
    margin-bottom: 8px !important;
  }

  .kimo-step-deliverables {
    padding-top: 10px;
  }

  .kimo-step-deliverables li {
    padding-bottom: 6px;
    padding-top: 6px;
  }

  .kimo-progression {
    padding: 16px;
  }

  .kimo-progression > ol {
    margin: 14px 0 12px !important;
  }

  .kimo-progression > ol > li {
    padding: 6px 2px 2px;
  }

  .kimo-progression-dot {
    height: 20px;
    margin-bottom: 5px;
    width: 20px;
  }

  .kimo-conversion-button {
    align-self: stretch;
    text-align: center;
    width: 100%;
  }

  .kimo-qualification-fields {
    padding: 17px;
  }

  .kimo-language-switch {
    right: 68px;
    width: 32px;
  }

  .kimo-legal-article {
    padding: 76px 28px 88px;
  }

  .kimo-legal-article header {
    margin-bottom: 32px;
    padding-bottom: 28px;
  }

  .kimo-legal-article h1 {
    font-size: 42px;
  }

  .kimo-legal-article h2 {
    font-size: 22px;
  }

  section[data-kimo-booking="true"] {
    flex-direction: column !important;
    gap: 32px !important;
    min-height: 0;
    padding-bottom: 28px !important;
  }

  section[data-kimo-booking="true"] > *,
  section[data-kimo-booking="true"] [data-kimo-booking-host] {
    height: auto !important;
    min-height: 0;
    width: 100% !important;
  }

  section[data-kimo-booking="true"] .ssr-variant:has([data-kimo-booking-host]) {
    display: block !important;
    height: auto !important;
    position: relative !important;
    width: 100% !important;
  }

  .kimo-booking-form {
    min-height: 0;
    padding: 18px;
  }

  .kimo-booking-row {
    grid-template-columns: 1fr;
  }

  [data-kimo-nav],
  nav:has(> [data-kimo-nav]) {
    position: relative !important;
    /* The mobile panel extends below the captured 70px navigation bar. */
    overflow: visible !important;
  }

  [data-kimo-nav] a[data-framer-name="Base"] {
    display: none !important;
  }

  .kimo-nav-toggle {
    align-items: center;
    appearance: none;
    background: #f5f5f5;
    border: 1px solid #d6d6d6;
    border-radius: 9px;
    color: #111;
    cursor: pointer;
    display: flex;
    font: 600 17px/1 Inter, Arial, sans-serif;
    height: 32px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 24px;
    top: 19px;
    width: 32px;
    z-index: 1002;
  }

  .kimo-mobile-menu {
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid #dedede;
    display: flex;
    flex-direction: column;
    gap: 0;
    left: 12px;
    opacity: 0;
    padding: 10px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 64px;
    transform: translateY(-8px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
    visibility: hidden;
    z-index: 1001;
  }

  .kimo-mobile-menu[data-open="true"] {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    visibility: visible;
  }

  .kimo-mobile-menu a {
    border-bottom: 1px solid #ededed;
    color: #222;
    font: 500 14px/1.2 Inter, Arial, sans-serif;
    padding: 13px 12px;
    text-decoration: none;
  }

  .kimo-mobile-menu a[data-kimo-navigation-current] {
    background: rgba(0, 0, 0, 0.05);
    border: 1px dashed #ccc;
    border-radius: 10px;
    color: #111;
    margin: 3px 0;
  }

  .kimo-mobile-menu a:last-child {
    border-bottom: 0;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Hero"] h1 {
    font-size: clamp(42px, 12vw, 58px) !important;
    line-height: 1 !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) div[data-framer-name="Features"] {
    flex-direction: column !important;
    height: auto !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) div[data-framer-name="Features"] > * {
    height: auto !important;
    min-height: 360px;
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Features"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Service Tiers"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Frequently Asked Questions"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Book A Call"] {
    height: auto !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Frequently Asked Questions"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Book A Call"] {
    flex-direction: column !important;
    gap: 32px !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Frequently Asked Questions"] > *,
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Book A Call"] > * {
    height: auto !important;
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name="Text & Email"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name="All Closed"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name="Content"] {
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Frequently Asked Questions"] .framer-vxv5en-container,
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Frequently Asked Questions"] .framer-vcven-container,
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Frequently Asked Questions"] [data-framer-name="All Closed"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Frequently Asked Questions"] [data-framer-name="Closed"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) section[data-framer-name="Frequently Asked Questions"] [data-framer-name="Header"] {
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] {
    display: block !important;
    height: auto !important;
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] > * {
    display: none !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] > .ssr-variant:has([data-framer-name="Primary"] > [data-framer-name="Details"]) {
    display: block !important;
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] > .ssr-variant:has([data-framer-name="Primary"] > [data-framer-name="Details"]) > div,
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] [data-framer-name="Primary"]:has(> [data-framer-name="Details"]) {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] [data-framer-name="Details"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] [data-framer-name="Header"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] [data-framer-name="Text"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] [data-framer-name="Price & Action"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] [data-framer-name="Points"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] [data-framer-name="Base"] {
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) [data-framer-name^="Tier"] [data-framer-name="Price & Action"] {
    flex-wrap: wrap !important;
    height: auto !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Content"] {
    height: auto !important;
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Content"] {
    flex-direction: column !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Links"] {
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 28px 28px !important;
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Pages"],
  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Support"] {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Content"]:has(> [data-framer-name="Company & Socials"]) {
    flex-direction: row !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Company & Socials"] {
    flex: 0 0 50% !important;
    height: 100% !important;
    width: 50% !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Spacer"] {
    display: none !important;
  }

  html:is([data-kimo-route="/"], [data-kimo-route="/fr/"]) footer[data-framer-name="Tablet"] [data-framer-name="Links"] {
    flex: 0 0 50% !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: 100% !important;
    padding: 28px 14px !important;
    width: 50% !important;
  }

  footer [data-framer-name="Pages"] > div:first-child p,
  footer [data-framer-name="Support"] > div:first-child p {
    --framer-text-color: #333 !important;
    color: #333 !important;
  }

  html[lang="fr"] section[data-framer-name="Hero"] [data-framer-name="Actions"] a,
  html[lang="fr"] section[data-framer-name="Hero"] [data-framer-name="Actions"] a * {
    font-size: 10px !important;
  }

  section[data-framer-name="The Integration Ecosystem"] [data-framer-name="Large"] {
    transform: scale(.68) !important;
    transform-origin: left center !important;
  }

  footer[data-framer-name="Tablet"] [data-framer-name="Content"]:has(> [data-framer-name="Company & Socials"]) {
    flex-direction: row !important;
    gap: 0 !important;
    height: auto !important;
    isolation: isolate;
    justify-content: flex-start !important;
    min-height: 505px !important;
    overflow: hidden !important;
  }

  footer[data-framer-name="Tablet"] [data-framer-name="Company & Socials"] {
    flex: 0 0 50% !important;
    height: auto !important;
    min-height: 505px !important;
    overflow: hidden !important;
    position: relative !important;
    width: 50% !important;
    z-index: 1;
  }

  footer[data-framer-name="Tablet"] [data-framer-name="Links"] {
    background: #fff !important;
    flex: 0 0 50% !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: auto !important;
    min-height: 505px !important;
    padding: 28px 14px !important;
    position: relative !important;
    width: 50% !important;
    z-index: 2;
  }

  footer[data-framer-name="Tablet"] [data-framer-name="Spacer"] {
    display: none !important;
  }

  footer[data-framer-name="Tablet"] [data-framer-name="Content"] > div:has([aria-label="Hand Holding Star Icon"]) {
    display: none !important;
  }

  footer[data-framer-name="Tablet"] {
    height: auto !important;
    min-height: 505px !important;
  }

  footer[data-framer-name="Tablet"] [data-framer-name="Pages"],
  footer[data-framer-name="Tablet"] [data-framer-name="Support"] {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  body:has(> .kimo-owned-footer) footer[data-framer-name="Tablet"] {
    display: none !important;
  }

  .kimo-owned-footer {
    background: #fff;
    border-top: 1px solid #d9d9d9;
    color: #545454;
    display: grid;
    font-size: 14px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    line-height: 1.55;
    min-height: 430px;
    width: 100%;
  }

  .kimo-owned-footer__brand,
  .kimo-owned-footer__nav {
    min-width: 0;
    padding: 28px;
  }

  .kimo-owned-footer__brand {
    border-right: 1px solid #e1e1e1;
  }

  .kimo-owned-footer__logo {
    align-items: center;
    color: #111 !important;
    display: inline-flex;
    gap: 7px;
    text-decoration: none !important;
  }

  .kimo-owned-footer__mark {
    display: grid;
    flex: 0 0 auto;
    gap: 2px;
    grid-template-columns: repeat(2, 6px);
  }

  .kimo-owned-footer__mark i {
    background: #111;
    border-radius: 2px;
    height: 6px;
    width: 6px;
  }

  .kimo-owned-footer__brand p {
    margin: 16px 0 0;
  }

  .kimo-owned-footer__nav {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .kimo-owned-footer__nav section {
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
  }

  .kimo-owned-footer__nav h2 {
    color: #222;
    font-size: 14px;
    line-height: 1.3;
    margin: 0 0 2px;
  }

  .kimo-owned-footer__nav a {
    color: #545454 !important;
    overflow-wrap: anywhere;
    text-decoration: none !important;
  }

  .kimo-owned-footer a:hover,
  .kimo-owned-footer a:focus-visible {
    color: #111 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
  }

  .kimo-faq-answer {
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .kimo-faq-trigger[aria-expanded="true"] .kimo-faq-answer {
    padding-bottom: 22px;
  }
}

/* Owned Examples showcase */
main[data-kimo-showcase] {
  background: #f4f6f8 !important;
  color: #111 !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 0 80px !important;
  width: 100% !important;
}

main[data-kimo-showcase],
main[data-kimo-showcase] * {
  box-sizing: border-box;
}

main[data-kimo-showcase] h1,
main[data-kimo-showcase] h2,
main[data-kimo-showcase] h3,
main[data-kimo-showcase] p,
main[data-kimo-showcase] figure {
  color: inherit;
  font-family: inherit;
  margin: 0;
}

main[data-kimo-showcase] a {
  font-family: inherit;
}

.kimo-showcase-sr-only {
  height: 1px;
  margin: -1px !important;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}

.kimo-showcase-hero,
.kimo-showcase-proof-rail,
.kimo-showcase-grid,
.kimo-showcase-capabilities,
.kimo-showcase-cta {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  width: calc(100% - 48px);
}

.kimo-showcase-hero {
  align-items: end;
  display: grid;
  gap: 64px;
  grid-template-columns: minmax(0, 3fr) minmax(220px, 1fr);
  padding: 98px 0 52px;
}

.kimo-showcase-kicker,
.kimo-showcase-card__kicker {
  color: #657078 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
}

.kimo-showcase-hero h1 {
  font-size: clamp(48px, 6.15vw, 88px) !important;
  font-weight: 560 !important;
  letter-spacing: -.065em !important;
  line-height: .96 !important;
  margin-top: 18px !important;
  max-width: 930px;
}

.kimo-showcase-lede {
  color: #566068 !important;
  font-size: 18px !important;
  line-height: 1.55 !important;
  margin-top: 28px !important;
  max-width: 720px;
}

.kimo-showcase-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.kimo-showcase-button {
  align-items: center;
  border: 1px solid #111 !important;
  border-radius: 999px;
  display: inline-flex;
  font-size: 13px !important;
  font-weight: 700 !important;
  gap: 10px;
  justify-content: center;
  line-height: 1 !important;
  min-height: 46px;
  padding: 0 19px;
  text-decoration: none !important;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.kimo-showcase-button--primary {
  background: #111;
  color: #fff !important;
}

.kimo-showcase-button--secondary {
  background: transparent;
  color: #111 !important;
}

.kimo-showcase-button:hover,
.kimo-showcase-button:focus-visible {
  transform: translateY(-2px);
}

.kimo-showcase-button--primary:hover,
.kimo-showcase-button--primary:focus-visible {
  background: #242424;
}

.kimo-showcase-button:focus-visible {
  outline: 3px solid #82a7ff !important;
  outline-offset: 3px;
}

.kimo-showcase-live-dot {
  background: #31d894;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgba(49, 216, 148, .13);
  display: inline-block;
  flex: 0 0 auto;
  height: 7px;
  width: 7px;
}

.kimo-showcase-hero__status {
  align-items: center;
  border-left: 1px solid #cbd1d6;
  color: #606a72;
  display: grid;
  font-size: 12px;
  gap: 9px 10px;
  grid-template-columns: auto 1fr;
  padding: 4px 0 4px 24px;
}

.kimo-showcase-hero__status strong {
  color: #111;
  font-size: 13px;
  font-weight: 650;
  grid-column: 1 / -1;
}

.kimo-showcase-proof-rail {
  border-bottom: 1px solid #ccd2d7;
  border-top: 1px solid #ccd2d7;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 18px;
}

.kimo-showcase-proof {
  display: grid;
  gap: 14px;
  grid-template-columns: auto 1fr;
  padding: 25px 30px;
}

.kimo-showcase-proof + .kimo-showcase-proof {
  border-left: 1px solid #ccd2d7;
}

.kimo-showcase-proof > span,
.kimo-showcase-capability > span {
  color: #89939b;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
}

.kimo-showcase-proof h2 {
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: -.015em !important;
  line-height: 1.3 !important;
}

.kimo-showcase-proof p {
  color: #677078 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  margin-top: 6px !important;
}

.kimo-showcase-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.kimo-showcase-card {
  border: 1px solid rgba(17, 17, 17, .09);
  border-radius: 26px;
  min-width: 0;
  overflow: hidden;
  padding: 30px;
  position: relative;
}

.kimo-showcase-card h2 {
  font-size: clamp(24px, 2.4vw, 36px) !important;
  font-weight: 580 !important;
  letter-spacing: -.045em !important;
  line-height: 1.04 !important;
  margin-top: 11px !important;
}

.kimo-showcase-card__body {
  color: #69727a !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin-top: 14px !important;
  max-width: 640px;
}

.kimo-showcase-card--product {
  background: #101112;
  color: #fff !important;
  grid-column: span 8;
  min-height: 650px;
  padding-bottom: 0;
}

.kimo-showcase-card--product .kimo-showcase-card__kicker,
.kimo-showcase-card--product .kimo-showcase-card__body {
  color: #a4adb5 !important;
}

.kimo-showcase-card__header {
  align-items: start;
  display: flex;
  gap: 24px;
  justify-content: space-between;
}

.kimo-showcase-chip {
  align-items: center;
  background: #222527;
  border: 1px solid #363a3d;
  border-radius: 999px;
  color: #e4e8eb;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 700;
  gap: 8px;
  letter-spacing: .08em;
  padding: 9px 12px;
  text-transform: uppercase;
}

.kimo-showcase-chip .kimo-showcase-live-dot {
  height: 6px;
  width: 6px;
}

.kimo-showcase-browser {
  background: #17191a;
  border: 1px solid #35383a;
  border-bottom: 0;
  border-radius: 14px 14px 0 0;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .42);
  margin-top: 30px !important;
  overflow: hidden;
}

.kimo-showcase-browser figcaption {
  align-items: center;
  color: #d9dde0;
  display: grid;
  font-size: 10px;
  gap: 5px 10px;
  grid-template-columns: auto 1fr auto;
  min-height: 44px;
  padding: 0 14px;
}

.kimo-showcase-browser figcaption > span {
  display: flex;
  gap: 4px;
}

.kimo-showcase-browser figcaption i {
  background: #5b6064;
  border-radius: 50%;
  height: 5px;
  width: 5px;
}

.kimo-showcase-browser figcaption strong {
  font-weight: 700;
}

.kimo-showcase-browser figcaption small {
  color: #747c82;
  font-size: 9px;
}

.kimo-showcase-browser img {
  display: block;
  height: auto;
  width: 100%;
}

.kimo-showcase-card--architecture {
  background: #dbeeff;
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  min-height: 650px;
}

.kimo-showcase-card--architecture .kimo-showcase-card__kicker {
  color: #506c83 !important;
}

.kimo-showcase-flow {
  display: grid;
  gap: 10px;
  margin-top: auto;
  padding-top: 34px;
  position: relative;
}

.kimo-showcase-flow::before {
  background: #74a8d0;
  bottom: 26px;
  content: "";
  left: 25px;
  position: absolute;
  top: 60px;
  width: 1px;
}

.kimo-showcase-flow__node {
  align-items: center;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(39, 90, 126, .14);
  border-radius: 13px;
  color: #1a303f;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  gap: 12px;
  min-height: 50px;
  padding: 8px 14px 8px 9px;
  position: relative;
}

.kimo-showcase-flow__node i {
  align-items: center;
  background: #111;
  border-radius: 9px;
  color: #fff;
  display: inline-flex;
  font-size: 8px;
  font-style: normal;
  height: 32px;
  justify-content: center;
  letter-spacing: .08em;
  width: 32px;
}

.kimo-showcase-card--sentiment {
  background: #e1f4ee;
  display: grid;
  gap: 24px;
  grid-column: span 5;
  min-height: 460px;
  padding-bottom: 0;
}

.kimo-showcase-card--sentiment .kimo-showcase-card__kicker {
  color: #477c6e !important;
}

.kimo-showcase-card--sentiment figure {
  align-self: end;
  background: #f8fbfa;
  border: 1px solid rgba(31, 90, 72, .14);
  border-bottom: 0;
  border-radius: 13px 13px 0 0;
  box-shadow: 0 20px 45px rgba(34, 96, 78, .13);
  overflow: hidden;
}

.kimo-showcase-card--sentiment img {
  display: block;
  height: auto;
  width: 100%;
}

.kimo-showcase-card--models {
  background: #fff4cf;
  display: flex;
  flex-direction: column;
  grid-column: span 3;
  min-height: 460px;
}

.kimo-showcase-card--models .kimo-showcase-card__kicker {
  color: #8b7234 !important;
}

.kimo-showcase-metric {
  color: #111;
  display: block;
  font-size: clamp(72px, 8vw, 112px);
  font-weight: 520;
  letter-spacing: -.09em;
  line-height: .8;
  margin: 54px 0 22px;
}

.kimo-showcase-metric span {
  color: #d4a91e;
  font-size: .45em;
  vertical-align: top;
}

.kimo-showcase-card--models h2 {
  font-size: 23px !important;
}

.kimo-showcase-model-bars {
  align-items: end;
  display: flex;
  gap: 6px;
  height: 55px;
  margin-top: auto;
  padding-top: 18px;
}

.kimo-showcase-model-bars i {
  background: #e6c75d;
  border-radius: 3px 3px 0 0;
  flex: 1;
  height: 40%;
}

.kimo-showcase-model-bars i:nth-child(2) { height: 65%; }
.kimo-showcase-model-bars i:nth-child(3) { height: 48%; }
.kimo-showcase-model-bars i:nth-child(4) { height: 90%; }
.kimo-showcase-model-bars i:nth-child(5) { height: 70%; }
.kimo-showcase-model-bars i:nth-child(6) { height: 100%; background: #111; }

.kimo-showcase-card--workflow {
  background: #eee8ff;
  display: flex;
  flex-direction: column;
  grid-column: span 4;
  min-height: 460px;
}

.kimo-showcase-card--workflow .kimo-showcase-card__kicker {
  color: #6f5a98 !important;
}

.kimo-showcase-workflow {
  display: grid;
  gap: 8px;
  list-style: none;
  margin: auto 0 0;
  padding: 28px 0 0;
}

.kimo-showcase-workflow li {
  align-items: center;
  background: rgba(255, 255, 255, .58);
  border: 1px solid rgba(72, 54, 112, .11);
  border-radius: 10px;
  color: #332b42;
  display: flex;
  font-size: 11px;
  font-weight: 700;
  gap: 11px;
  min-height: 40px;
  padding: 8px 11px;
}

.kimo-showcase-workflow li span {
  color: #8d7bae;
  font-size: 9px;
  letter-spacing: .08em;
}

.kimo-showcase-capabilities {
  padding: 112px 0 88px;
}

.kimo-showcase-capabilities > header {
  align-items: end;
  display: grid;
  gap: 80px;
  grid-template-columns: minmax(0, 3fr) minmax(260px, 1.2fr);
}

.kimo-showcase-capabilities > header h2 {
  font-size: clamp(38px, 4.2vw, 62px) !important;
  font-weight: 560 !important;
  letter-spacing: -.06em !important;
  line-height: 1 !important;
  margin-top: 16px !important;
  max-width: 800px;
}

.kimo-showcase-capabilities > header > p {
  color: #626b72 !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

.kimo-showcase-capabilities__grid {
  border-bottom: 1px solid #ccd2d7;
  border-top: 1px solid #ccd2d7;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 48px;
}

.kimo-showcase-capability {
  min-height: 210px;
  padding: 24px;
}

.kimo-showcase-capability + .kimo-showcase-capability {
  border-left: 1px solid #ccd2d7;
}

.kimo-showcase-capability h3 {
  font-size: 19px !important;
  font-weight: 650 !important;
  letter-spacing: -.03em !important;
  line-height: 1.2 !important;
  margin-top: 55px !important;
}

.kimo-showcase-capability p {
  color: #69727a !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  margin-top: 10px !important;
}

.kimo-showcase-cta {
  align-items: end;
  background: #101112;
  border-radius: 28px;
  color: #fff;
  display: grid;
  gap: 90px;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
  padding: 52px;
}

.kimo-showcase-cta .kimo-showcase-kicker {
  color: #8d969d !important;
}

.kimo-showcase-cta h2 {
  font-size: clamp(36px, 4vw, 58px) !important;
  font-weight: 560 !important;
  letter-spacing: -.055em !important;
  line-height: 1 !important;
  margin-top: 16px !important;
}

.kimo-showcase-cta > div:last-child > p {
  color: #aeb5ba !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
}

.kimo-showcase-button--light {
  background: #fff;
  border-color: #fff !important;
  color: #111 !important;
}

@media (max-width: 1199px) {
  .kimo-showcase-hero {
    gap: 36px;
    grid-template-columns: minmax(0, 2fr) minmax(200px, .8fr);
    padding-top: 72px;
  }

  .kimo-showcase-card--product,
  .kimo-showcase-card--architecture {
    min-height: 570px;
  }

  .kimo-showcase-card--product {
    grid-column: span 7;
  }

  .kimo-showcase-card--architecture {
    grid-column: span 5;
  }

  .kimo-showcase-card--sentiment { grid-column: span 6; }
  .kimo-showcase-card--models { grid-column: span 6; }
  .kimo-showcase-card--workflow { grid-column: span 12; min-height: 380px; }

  .kimo-showcase-workflow {
    grid-template-columns: repeat(2, 1fr);
  }

  .kimo-showcase-capabilities > header,
  .kimo-showcase-cta {
    gap: 48px;
  }
}

@media (max-width: 809px) {
  main[data-kimo-showcase] {
    padding-bottom: 48px !important;
  }

  .kimo-showcase-hero,
  .kimo-showcase-proof-rail,
  .kimo-showcase-grid,
  .kimo-showcase-capabilities,
  .kimo-showcase-cta {
    width: calc(100% - 32px);
  }

  .kimo-showcase-hero {
    align-items: start;
    gap: 32px;
    grid-template-columns: 1fr;
    padding: 58px 0 38px;
  }

  .kimo-showcase-hero h1 {
    font-size: clamp(44px, 12vw, 68px) !important;
  }

  .kimo-showcase-lede {
    font-size: 16px !important;
  }

  .kimo-showcase-hero__status {
    border-left: 0;
    border-top: 1px solid #cbd1d6;
    max-width: none;
    padding: 18px 0 0;
  }

  .kimo-showcase-proof-rail {
    grid-template-columns: 1fr;
  }

  .kimo-showcase-proof {
    padding: 21px 4px;
  }

  .kimo-showcase-proof + .kimo-showcase-proof {
    border-left: 0;
    border-top: 1px solid #ccd2d7;
  }

  .kimo-showcase-grid {
    grid-template-columns: 1fr;
  }

  .kimo-showcase-card--product,
  .kimo-showcase-card--architecture,
  .kimo-showcase-card--sentiment,
  .kimo-showcase-card--models,
  .kimo-showcase-card--workflow {
    grid-column: 1;
    min-height: 0;
  }

  .kimo-showcase-card--product {
    min-height: 570px;
  }

  .kimo-showcase-card--architecture {
    min-height: 540px;
  }

  .kimo-showcase-card--sentiment,
  .kimo-showcase-card--models,
  .kimo-showcase-card--workflow {
    min-height: 430px;
  }

  .kimo-showcase-capabilities {
    padding: 82px 0 64px;
  }

  .kimo-showcase-capabilities > header {
    align-items: start;
    gap: 24px;
    grid-template-columns: 1fr;
  }

  .kimo-showcase-capabilities__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .kimo-showcase-capability:nth-child(3) {
    border-left: 0;
  }

  .kimo-showcase-capability:nth-child(n + 3) {
    border-top: 1px solid #ccd2d7;
  }

  .kimo-showcase-cta {
    align-items: start;
    gap: 34px;
    grid-template-columns: 1fr;
    padding: 38px;
  }
}

@media (max-width: 520px) {
  .kimo-showcase-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .kimo-showcase-button {
    width: 100%;
  }

  .kimo-showcase-card {
    border-radius: 21px;
    padding: 24px;
  }

  .kimo-showcase-card--product,
  .kimo-showcase-card--sentiment {
    padding-bottom: 0;
  }

  .kimo-showcase-card--product {
    min-height: 520px;
  }

  .kimo-showcase-card__header {
    display: block;
  }

  .kimo-showcase-chip {
    margin-top: 16px;
  }

  .kimo-showcase-browser {
    margin-top: 24px !important;
  }

  .kimo-showcase-browser figcaption small {
    display: none;
  }

  .kimo-showcase-card--architecture {
    min-height: 515px;
  }

  .kimo-showcase-card--sentiment,
  .kimo-showcase-card--models,
  .kimo-showcase-card--workflow {
    min-height: 410px;
  }

  .kimo-showcase-workflow {
    grid-template-columns: 1fr;
  }

  .kimo-showcase-capabilities__grid {
    grid-template-columns: 1fr;
  }

  .kimo-showcase-capability {
    border-left: 0 !important;
    border-top: 1px solid #ccd2d7;
    min-height: 170px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .kimo-showcase-capability:first-child {
    border-top: 0;
  }

  .kimo-showcase-capability h3 {
    margin-top: 34px !important;
  }

  .kimo-showcase-cta {
    border-radius: 22px;
    padding: 30px 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kimo-showcase-button {
    transition: none;
  }
}

/* Owned Examples category hub */
main[data-kimo-examples] {
  background: #f4f6f8 !important;
  color: #111 !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 0 0 84px !important;
  width: 100% !important;
}

main[data-kimo-examples],
main[data-kimo-examples] * {
  box-sizing: border-box;
}

main[data-kimo-examples] h1,
main[data-kimo-examples] h2,
main[data-kimo-examples] p,
main[data-kimo-examples] figure,
main[data-kimo-examples] ul {
  color: inherit;
  font-family: inherit;
  margin: 0;
}

.kimo-examples-hero,
.kimo-examples-browser,
.kimo-examples-footer {
  margin-left: auto;
  margin-right: auto;
  max-width: 1180px;
  width: calc(100% - 48px);
}

.kimo-examples-hero {
  align-items: end;
  display: grid;
  gap: 42px;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, .65fr);
  padding: 104px 0 62px;
}

.kimo-examples-kicker {
  color: #657078 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  line-height: 1.4 !important;
  text-transform: uppercase;
}

.kimo-examples-hero h1 {
  font-size: clamp(52px, 7vw, 96px) !important;
  font-weight: 560 !important;
  grid-column: 1;
  letter-spacing: -.07em !important;
  line-height: .92 !important;
  margin-top: 18px !important;
  max-width: 850px;
}

.kimo-examples-hero > p:last-child {
  color: #505961 !important;
  font-size: 17px !important;
  grid-column: 2;
  line-height: 1.6 !important;
  max-width: 430px;
}

.kimo-examples-browser {
  border-top: 1px solid #cad0d5;
  padding-top: 22px;
}

.kimo-examples-tabs {
  background: #cad0d5;
  border: 1px solid #cad0d5;
  border-radius: 27px;
  display: grid;
  gap: 1px;
  grid-template-columns: repeat(3, 1fr);
  overflow: hidden;
}

.kimo-examples-tab {
  align-items: flex-start;
  background: #fff;
  border: 0;
  color: #111;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  min-height: 238px;
  padding: 24px 26px;
  text-align: left;
  transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

.kimo-examples-tab:hover {
  background: #edf0f2;
}

.kimo-examples-tab[aria-selected="true"] {
  background: #111;
  color: #fff;
}

.kimo-examples-tab:focus-visible {
  outline: 3px solid #7a8cff;
  outline-offset: -5px;
  position: relative;
  z-index: 2;
}

.kimo-examples-tab__index {
  color: #727b82;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
}

.kimo-examples-tab[aria-selected="true"] .kimo-examples-tab__index {
  color: #aeb7bd;
}

.kimo-examples-tab > strong {
  font-size: clamp(23px, 2.2vw, 34px);
  font-weight: 560;
  letter-spacing: -.045em;
  line-height: 1.02;
  margin-top: 34px;
  max-width: 310px;
}

.kimo-examples-tab > span:nth-of-type(2) {
  color: #606970;
  font-size: 13px;
  line-height: 1.45;
  margin-top: 13px;
  max-width: 270px;
}

.kimo-examples-tab[aria-selected="true"] > span:nth-of-type(2) {
  color: #bfc6ca;
}

.kimo-examples-tab small {
  align-items: center;
  border-top: 1px solid #d8dde0;
  color: #626a71;
  display: flex;
  font-size: 10px;
  font-weight: 700;
  justify-content: space-between;
  letter-spacing: .09em;
  margin-top: auto;
  padding-top: 13px;
  text-transform: uppercase;
  width: 100%;
}

.kimo-examples-tab[aria-selected="true"] small {
  border-color: #393939;
  color: #dce0e2;
}

.kimo-examples-tab small i {
  font-size: 16px;
  font-style: normal;
}

.kimo-examples-selection {
  align-items: center;
  display: flex;
  font-size: 11px !important;
  gap: 10px;
  letter-spacing: .1em !important;
  padding: 24px 3px 15px;
  text-transform: uppercase;
}

.kimo-examples-selection span {
  color: #747c82;
}

.kimo-examples-selection strong {
  font-weight: 750;
}

.kimo-examples-panel[hidden] {
  display: none !important;
}

.kimo-examples-project {
  background: #fff;
  border: 1px solid #d4dadd;
  border-radius: 30px;
  overflow: hidden;
}

.kimo-examples-project__link {
  color: inherit !important;
  display: grid;
  grid-template-columns: minmax(330px, .78fr) minmax(0, 1.22fr);
  min-height: 550px;
  text-decoration: none !important;
}

.kimo-examples-project__link:focus-visible {
  outline: 3px solid #5f73ff;
  outline-offset: -6px;
}

.kimo-examples-project__copy {
  display: flex;
  flex-direction: column;
  padding: 42px 38px 38px;
}

.kimo-examples-project__copy h2,
.kimo-examples-empty h2 {
  font-size: clamp(42px, 4vw, 64px) !important;
  font-weight: 560 !important;
  letter-spacing: -.06em !important;
  line-height: .98 !important;
  margin-top: 23px !important;
}

.kimo-examples-project__copy > p:not(.kimo-examples-kicker),
.kimo-examples-empty__copy > p:not(.kimo-examples-kicker) {
  color: #555f66 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin-top: 24px !important;
}

.kimo-examples-project__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  list-style: none;
  margin-top: 26px !important;
  padding: 0;
}

.kimo-examples-project__tags li {
  background: #edf0f2;
  border-radius: 999px;
  color: #333a3f;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 8px 11px;
  text-transform: uppercase;
}

.kimo-examples-project__action {
  align-items: center;
  border-top: 1px solid #d9dde0;
  display: flex;
  font-size: 13px;
  font-weight: 750;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 17px;
}

.kimo-examples-project__action i {
  font-size: 23px;
  font-style: normal;
  transition: transform .2s ease;
}

.kimo-examples-project__link:hover .kimo-examples-project__action i {
  transform: translateX(5px);
}

.kimo-examples-project__visual {
  background: #121416;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

.kimo-examples-project__visual figcaption {
  align-items: center;
  color: #d7dcdf;
  display: grid;
  font-size: 10px;
  gap: 14px;
  grid-template-columns: auto 1fr auto;
  letter-spacing: .06em;
  min-height: 46px;
  padding: 0 17px;
  text-transform: uppercase;
}

.kimo-examples-project__visual figcaption > span {
  display: flex;
  gap: 5px;
}

.kimo-examples-project__visual figcaption i {
  background: #535a60;
  border-radius: 50%;
  display: block;
  height: 6px;
  width: 6px;
}

.kimo-examples-project__visual figcaption small {
  color: #7f898f;
  font-size: 9px;
}

.kimo-examples-project__visual img {
  flex: 1;
  height: 100%;
  max-width: none !important;
  min-height: 0;
  object-fit: cover;
  object-position: left center;
  transition: transform .55s cubic-bezier(.2,.7,.2,1);
  width: 116%;
}

.kimo-examples-project__link:hover img {
  transform: scale(1.018);
}

.kimo-examples-empty {
  background: #dde5ff;
  border: 1px solid #cad2e8;
  border-radius: 30px;
  display: grid;
  gap: 48px;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
  min-height: 520px;
  padding: 48px;
}

.kimo-examples-empty__copy {
  display: flex;
  flex-direction: column;
}

.kimo-examples-empty__copy a {
  align-items: center;
  background: #111;
  border-radius: 999px;
  color: #fff !important;
  display: flex;
  font-size: 13px;
  font-weight: 750;
  gap: 22px;
  margin-top: auto;
  padding: 15px 20px;
  text-decoration: none !important;
  width: max-content;
}

.kimo-examples-empty__copy a:focus-visible {
  outline: 3px solid #5f73ff;
  outline-offset: 3px;
}

.kimo-examples-empty__lanes {
  align-self: stretch;
  background: rgba(255,255,255,.58);
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 23px;
  display: flex;
  flex-direction: column;
  padding: 10px 24px 20px;
}

.kimo-examples-empty__lanes > div {
  align-items: center;
  border-bottom: 1px solid #bfc8df;
  display: grid;
  gap: 17px;
  grid-template-columns: 32px 1fr;
  min-height: 96px;
}

.kimo-examples-empty__lanes span {
  color: #737e98;
  font-size: 10px;
  letter-spacing: .1em;
}

.kimo-examples-empty__lanes strong {
  font-size: 14px;
  font-weight: 650;
}

.kimo-examples-empty__lanes p {
  align-items: center;
  color: #556079 !important;
  display: flex;
  font-size: 10px !important;
  font-weight: 700 !important;
  gap: 8px;
  letter-spacing: .08em !important;
  margin-top: auto !important;
  padding-top: 22px;
  text-transform: uppercase;
}

.kimo-examples-empty__lanes p i {
  align-items: center;
  background: #111;
  border-radius: 50%;
  color: #fff;
  display: inline-flex;
  font-size: 8px;
  font-style: normal;
  height: 18px;
  justify-content: center;
  width: 18px;
}

/* Workflow capability showcase — scoped override layer. */
.kimo-examples-empty[data-kimo-workflow-preview] {
  background:
    radial-gradient(ellipse at 8% 8%, rgba(255, 255, 255, .96) 0%, rgba(255, 255, 255, .44) 22%, transparent 48%),
    radial-gradient(ellipse at 91% 18%, rgba(134, 151, 255, .48) 0%, rgba(157, 172, 255, .18) 30%, transparent 57%),
    radial-gradient(ellipse at 73% 94%, rgba(116, 229, 218, .17) 0%, transparent 42%),
    linear-gradient(145deg, #f7f9ff 0%, #dfe6ff 48%, #eef2ff 100%);
  border-color: rgba(106, 126, 190, .25);
  box-shadow: 0 32px 76px rgba(37, 49, 94, .16), inset 0 1px 0 rgba(255, 255, 255, .98), inset 0 -1px 0 rgba(91, 111, 175, .1);
  gap: clamp(28px, 4vw, 58px);
  grid-template-columns: minmax(320px, .85fr) minmax(440px, 1.15fr);
  isolation: isolate;
  min-height: 720px;
  overflow: hidden;
  padding: clamp(28px, 4vw, 52px);
  position: relative;
}

.kimo-examples-empty[data-kimo-workflow-preview]::before,
.kimo-examples-empty[data-kimo-workflow-preview]::after {
  content: "";
  pointer-events: none;
  position: absolute;
}

.kimo-examples-empty[data-kimo-workflow-preview]::before {
  background: linear-gradient(145deg, rgba(255, 255, 255, .5), rgba(182, 194, 255, .08));
  border: 1px solid rgba(255, 255, 255, .62);
  border-radius: 50%;
  box-shadow: 0 30px 80px rgba(81, 100, 181, .16), inset 0 1px 0 rgba(255, 255, 255, .72);
  height: clamp(310px, 38vw, 540px);
  right: clamp(-220px, -12vw, -90px);
  top: clamp(-170px, -9vw, -70px);
  transform: rotate(-16deg);
  width: clamp(390px, 48vw, 690px);
  z-index: -1;
}

.kimo-examples-empty[data-kimo-workflow-preview]::after {
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .66), rgba(156, 177, 255, .22), transparent);
  height: 1px;
  left: 9%;
  opacity: .74;
  top: 16%;
  transform: rotate(-8deg);
  width: 64%;
  z-index: -1;
}

.kimo-examples-empty[data-kimo-workflow-preview] > * {
  position: relative;
  z-index: 1;
}

.kimo-examples-empty[data-kimo-workflow-preview] .kimo-examples-empty__copy { min-width: 0; }
.kimo-examples-empty[data-kimo-workflow-preview] .kimo-examples-empty__copy a { margin-top: 30px; }

.kimo-workflow-scenarios,
.kimo-workflow-steps,
.kimo-workflow-truth,
.kimo-workflow-demo { font-family: "Kimo Workflow Sans", Inter, "Segoe UI", Arial, sans-serif; }
.kimo-workflow-scenarios { border: 0; margin: 26px 0 0; min-inline-size: 0; padding: 0; }
.kimo-workflow-scenarios legend { color: #465373; font-size: 9px; font-weight: 680; letter-spacing: .095em; padding: 0; text-transform: uppercase; }
.kimo-workflow-scenarios > div { display: grid; gap: 7px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 9px; }
.kimo-workflow-scenarios label { cursor: pointer; min-width: 0; position: relative; }
.kimo-workflow-scenarios input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.kimo-workflow-scenarios label > span { align-items: center; background: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(238, 242, 255, .46)); border: 1px solid rgba(78, 93, 139, .28); border-radius: 999px; box-shadow: 0 7px 18px rgba(53, 67, 116, .08), inset 0 1px 0 rgba(255, 255, 255, .92), inset 0 -1px 0 rgba(82, 97, 148, .08); color: #33405e; display: flex; font-size: 10px; font-weight: 650; isolation: isolate; justify-content: center; letter-spacing: .012em; min-height: 44px; overflow: hidden; padding: 7px 9px; position: relative; text-align: center; text-overflow: ellipsis; text-shadow: 0 1px 0 rgba(255, 255, 255, .64); transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease; white-space: nowrap; }
.kimo-workflow-scenarios label > span::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .95), transparent); content: ""; height: 1px; left: 18%; opacity: .74; pointer-events: none; position: absolute; top: 0; width: 64%; }
.kimo-workflow-scenarios label:hover > span { background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(238, 242, 255, .62)); border-color: rgba(62, 77, 128, .4); box-shadow: 0 10px 23px rgba(53, 67, 116, .13), inset 0 1px 0 #fff; transform: translateY(-1px); }
.kimo-workflow-scenarios input:checked + span { background: radial-gradient(circle at 78% 0%, rgba(116, 140, 234, .28), transparent 42%), linear-gradient(155deg, #20283b, #10141f 72%); border-color: rgba(101, 121, 190, .58); box-shadow: 0 12px 25px rgba(25, 33, 67, .24), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(0, 0, 0, .34); color: #f8f9ff; text-shadow: 0 1px 2px rgba(0, 0, 0, .34); }
.kimo-workflow-scenarios input:checked + span::before { opacity: .42; }
.kimo-workflow-scenarios input:focus-visible + span { outline: 3px solid #6579ff; outline-offset: 3px; }
.kimo-workflow-scenarios input:active + span { box-shadow: 0 4px 10px rgba(35, 46, 88, .14), inset 0 1px 2px rgba(30, 38, 70, .14); transform: translateY(1px) scale(.99); }
.kimo-workflow-scenario-status { align-items: baseline; color: #56617e !important; display: flex; font-size: 9px !important; font-weight: 700 !important; gap: 8px; letter-spacing: .08em !important; margin-top: 12px !important; text-transform: uppercase; }
.kimo-workflow-scenario-status strong { color: #171b25; font: inherit; }

.kimo-workflow-steps { display: grid; gap: 0 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); list-style: none; margin: 18px 0 0 !important; padding: 0; }
.kimo-workflow-steps li { align-items: start; border-top: 1px solid rgba(55, 70, 111, .25); display: grid; gap: 11px; grid-template-columns: 26px 1fr; min-height: 84px; padding: 14px 0 10px; }
.kimo-workflow-steps > li > span { color: #536186; font-size: 10px; letter-spacing: .1em; padding-top: 3px; }
.kimo-workflow-steps div { display: grid; gap: 5px; }
.kimo-workflow-steps strong { color: #11151e; font-size: 13px; font-weight: 760; }
.kimo-workflow-steps small { color: #5c6680; font-size: 10px; line-height: 1.35; }

.kimo-workflow-truth { align-items: center; color: #455273 !important; display: flex; font-size: 10px !important; font-weight: 700 !important; gap: 8px; letter-spacing: .08em !important; margin-top: 17px !important; text-transform: uppercase; }
.kimo-workflow-truth i { align-items: center; background: #111; border-radius: 50%; color: white; display: inline-flex; font-size: 9px; height: 18px; justify-content: center; width: 18px; }

.kimo-workflow-demo { align-self: stretch; background: radial-gradient(ellipse at 92% -8%, rgba(124, 150, 255, .34) 0%, rgba(83, 104, 190, .11) 30%, transparent 52%), radial-gradient(ellipse at -9% 82%, rgba(45, 218, 190, .15) 0%, transparent 36%), linear-gradient(155deg, #202637 0%, #101522 46%, #090c14 100%); border: 1px solid rgba(220, 229, 255, .32); border-radius: 32px; box-shadow: 0 34px 74px rgba(18, 25, 53, .3), 0 9px 24px rgba(66, 83, 156, .14), inset 0 1px 0 rgba(255, 255, 255, .24), inset 0 -1px 0 rgba(0, 0, 0, .34); color: #f7f8ff; display: flex; flex-direction: column; isolation: isolate; min-height: 614px; overflow: hidden; padding: 17px; position: relative; }
.kimo-workflow-demo::before { background: radial-gradient(ellipse at center, rgba(165, 183, 255, .22) 0%, rgba(117, 139, 237, .08) 42%, transparent 72%); border: 1px solid rgba(194, 207, 255, .16); border-radius: 50%; content: ""; height: 420px; pointer-events: none; position: absolute; right: -230px; top: 62px; transform: rotate(-20deg); width: 520px; z-index: 0; }
.kimo-workflow-demo::after { background: linear-gradient(110deg, transparent 5%, rgba(255, 255, 255, .08) 31%, rgba(166, 183, 255, .04) 48%, transparent 69%); content: ""; inset: -18% -35%; pointer-events: none; position: absolute; transform: rotate(-10deg); z-index: 0; }
.kimo-workflow-demo > header, .kimo-workflow-demo > footer { align-items: center; display: flex; gap: 18px; justify-content: space-between; position: relative; z-index: 3; }
.kimo-workflow-demo > header { background: linear-gradient(135deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .035)); border: 1px solid rgba(223, 231, 255, .15); border-radius: 16px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .13), 0 12px 28px rgba(0, 0, 0, .12); min-height: 48px; padding: 7px 9px 7px 12px; }
.kimo-workflow-demo > header > span, .kimo-workflow-demo > header > strong, .kimo-workflow-demo > footer { font-size: 10px; font-weight: 660; letter-spacing: .07em; text-transform: uppercase; }
.kimo-workflow-demo > header > strong { align-items: center; color: #9da8c5; display: flex; gap: 9px; }
.kimo-workflow-demo > header > button { align-items: center; background: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(227, 233, 255, .91)); border: 1px solid rgba(255, 255, 255, .94); border-radius: 999px; box-shadow: 0 9px 22px rgba(0, 0, 0, .22), 0 0 0 1px rgba(136, 155, 222, .1), inset 0 1px 0 #fff, inset 0 -1px 0 rgba(93, 111, 170, .2); color: #171b26; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 10px; font-weight: 680; gap: 6px; justify-content: center; letter-spacing: .055em; min-height: 34px; padding: 8px 13px; text-transform: uppercase; transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.kimo-workflow-demo > header > button:hover { background: #fff; box-shadow: 0 12px 28px rgba(0, 0, 0, .28), 0 0 0 1px rgba(163, 179, 235, .18), inset 0 1px 0 #fff; transform: translateY(-1px); }
.kimo-workflow-demo > header > button:active { box-shadow: 0 5px 13px rgba(0, 0, 0, .21), inset 0 1px 2px rgba(81, 94, 142, .15); transform: translateY(1px) scale(.985); }
.kimo-workflow-demo > header > button:focus-visible { outline: 2px solid #9eafff; outline-offset: 3px; }
.kimo-workflow-demo > header > button i { font-size: 13px; font-style: normal; line-height: 1; }

.kimo-workflow-demo__canvas { background: radial-gradient(circle at 16% 20%, rgba(112, 146, 255, .17) 0%, transparent 30%), radial-gradient(circle at 82% 76%, rgba(96, 242, 218, .11) 0%, transparent 29%), radial-gradient(ellipse at 50% 46%, rgba(100, 119, 191, .1) 0%, transparent 54%), linear-gradient(160deg, rgba(19, 25, 42, .72), rgba(7, 10, 17, .86)); border: 1px solid rgba(211, 222, 255, .11); border-radius: 22px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07), inset 0 -30px 80px rgba(0, 0, 0, .2), 0 18px 38px rgba(0, 0, 0, .13); flex: 1; margin: 12px 0; min-height: 446px; overflow: hidden; position: relative; z-index: 1; }
.kimo-workflow-demo__canvas::before { background: radial-gradient(circle at 18% 23%, rgba(169, 187, 255, .16) 0 1px, transparent 2px), radial-gradient(circle at 74% 18%, rgba(255, 255, 255, .11) 0 1px, transparent 2px), radial-gradient(circle at 57% 72%, rgba(99, 238, 211, .12) 0 1px, transparent 2px); background-size: 73px 73px, 109px 109px, 137px 137px; content: ""; inset: 0; opacity: .72; pointer-events: none; position: absolute; z-index: 0; }
.kimo-workflow-demo__canvas::after { background: linear-gradient(90deg, transparent, rgba(136, 158, 255, .16), rgba(255, 255, 255, .06), transparent); content: ""; inset: 0 auto 0 -30%; pointer-events: none; position: absolute; width: 34%; z-index: 0; }
.kimo-examples-empty.is-playing .kimo-workflow-demo__canvas::after { animation: kimo-workflow-scan 5.2s linear 1 both; }
.kimo-workflow-demo svg { height: 100%; inset: 0; overflow: visible; position: absolute; width: 100%; z-index: 1; }
.kimo-workflow-demo__track, .kimo-workflow-demo__route { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.kimo-workflow-demo__track { filter: drop-shadow(0 0 11px rgba(101, 125, 227, .2)); stroke: rgba(130, 153, 229, .16); stroke-width: 7; }
.kimo-workflow-demo__route { filter: drop-shadow(0 0 9px rgba(143, 164, 255, .88)); stroke: #9bafff; stroke-dasharray: 1; stroke-dashoffset: 1; stroke-width: 2.25; }
.kimo-workflow-demo__direction { fill: none; opacity: .9; stroke: #bfcbff; stroke-linecap: round; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.kimo-workflow-demo__arrowhead { fill: #bfcbff; filter: drop-shadow(0 0 5px rgba(151, 172, 255, .82)); }
.kimo-examples-empty.is-playing .kimo-workflow-demo__route { animation: kimo-workflow-route 5.2s cubic-bezier(.55, 0, .25, 1) 1 both; }
.kimo-workflow-demo__packet { display: none; fill: #f7f9ff; filter: drop-shadow(0 0 7px #8ca0ff); }
.kimo-examples-empty.is-playing .kimo-workflow-demo__packet { display: block; }

.kimo-workflow-demo__node { backdrop-filter: blur(18px) saturate(145%); background: linear-gradient(135deg, rgba(255, 255, 255, .17) 0%, rgba(255, 255, 255, .055) 28%, transparent 46%), linear-gradient(155deg, rgba(54, 65, 91, .76), rgba(20, 26, 40, .72)); border: 1px solid rgba(204, 216, 255, .31); border-radius: 19px; box-shadow: 0 18px 38px rgba(0, 0, 0, .29), 0 4px 12px rgba(57, 75, 145, .12), inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .18); display: grid; gap: 7px; grid-template-columns: 1fr auto; isolation: isolate; min-height: 111px; overflow: hidden; padding: 15px; position: absolute; width: 36%; z-index: 2; }
.kimo-workflow-demo__node::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .72), rgba(160, 183, 255, .32), transparent); content: ""; height: 1px; left: 13%; opacity: .7; position: absolute; top: 0; width: 70%; z-index: -1; }
.kimo-workflow-demo__node::after { background: radial-gradient(circle, rgba(133, 158, 255, .22), transparent 70%); content: ""; height: 94px; pointer-events: none; position: absolute; right: -38px; top: -48px; width: 112px; z-index: -1; }
.kimo-examples-empty.is-playing .kimo-workflow-demo__node { animation: kimo-workflow-node 5.2s ease-in-out 1 both; }
.kimo-workflow-demo__node--1 { left: 3%; top: 11%; }
.kimo-workflow-demo__node--2 { animation-delay: 1.3s; right: 3%; top: 11%; }
.kimo-workflow-demo__node--3 { animation-delay: 2.6s; bottom: 10%; right: 3%; }
.kimo-workflow-demo__node--4 { animation-delay: 3.9s; bottom: 10%; left: 3%; }
.kimo-workflow-demo__node > span { color: #9eabc9; font-size: 10px; font-weight: 620; letter-spacing: .085em; }
.kimo-workflow-demo__node > i { background: #aabaff; border-radius: 50%; box-shadow: 0 0 0 4px rgba(132, 156, 255, .12), 0 0 13px rgba(132, 156, 255, .72); height: 6px; width: 6px; }
.kimo-workflow-demo__node > strong, .kimo-workflow-demo__node > small { grid-column: 1 / -1; }
.kimo-workflow-demo__node > strong { color: #fbfbff; font-size: 15px; font-weight: 660; letter-spacing: -.014em; line-height: 1.15; text-shadow: 0 1px 8px rgba(159, 179, 255, .1); }
.kimo-workflow-demo__node > small { color: #afb9d2; font-size: 11px; font-weight: 450; letter-spacing: .002em; line-height: 1.4; }
.kimo-workflow-demo > footer { background: linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .025)); border: 1px solid rgba(223, 231, 255, .12); border-radius: 15px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09); color: #818ca9; flex-wrap: wrap; min-height: 44px; padding: 10px 12px; }
.kimo-workflow-demo > footer > span { align-items: center; color: #c7d0e6; display: flex; gap: 8px; }
.kimo-workflow-demo > footer i { background: #4ddeab; border-radius: 50%; box-shadow: 0 0 8px rgba(77, 222, 171, .55); height: 6px; width: 6px; }
.kimo-workflow-demo > footer > strong { color: #7e89a7; font: inherit; }

@keyframes kimo-workflow-route { 0% { opacity: 0; stroke-dashoffset: 1; } 8% { opacity: 1; } 88% { opacity: 1; stroke-dashoffset: 0; } 100% { opacity: 0; stroke-dashoffset: 0; } }
@keyframes kimo-workflow-node { 0%, 19%, 100% { border-color: rgba(204, 216, 255, .31); box-shadow: 0 18px 38px rgba(0, 0, 0, .29), 0 4px 12px rgba(57, 75, 145, .12), inset 0 1px 0 rgba(255, 255, 255, .18), inset 0 -1px 0 rgba(0, 0, 0, .18); transform: translateY(0); } 6%, 13% { border-color: rgba(166, 188, 255, .82); box-shadow: 0 22px 46px rgba(0, 0, 0, .32), 0 0 28px rgba(97, 126, 239, .24), inset 0 1px 0 rgba(255, 255, 255, .28); transform: translateY(-4px); } }
@keyframes kimo-workflow-scan { from { transform: translateX(0); } to { transform: translateX(390%); } }

.kimo-examples-footer {
  align-items: end;
  border-top: 1px solid #cbd1d5;
  display: grid;
  gap: 40px;
  grid-template-columns: 1fr 1fr;
  margin-top: 76px;
  padding-top: 32px;
}

.kimo-examples-footer h2 {
  font-size: clamp(34px, 4vw, 58px) !important;
  font-weight: 560 !important;
  letter-spacing: -.055em !important;
  line-height: 1 !important;
  max-width: 620px;
}

.kimo-examples-footer p {
  color: #596168 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  max-width: 490px;
}

.kimo-showcase-back {
  align-items: center;
  color: #596168 !important;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 9px;
  margin-bottom: 31px;
  text-decoration: none !important;
}

.kimo-showcase-back:hover {
  color: #111 !important;
}

.kimo-showcase-back:focus-visible {
  border-radius: 4px;
  outline: 3px solid #6579ff;
  outline-offset: 4px;
}

@media (max-width: 900px) {
  .kimo-examples-hero {
    display: block;
    padding-top: 84px;
  }

  .kimo-examples-hero > p:last-child {
    margin-top: 28px !important;
  }

  .kimo-examples-tabs {
    grid-template-columns: 1fr;
  }

  .kimo-examples-tab {
    display: grid;
    gap: 10px 22px;
    grid-template-columns: 34px 1fr auto;
    min-height: 0;
    padding: 21px 23px;
  }

  .kimo-examples-tab__index {
    grid-row: 1 / 3;
    padding-top: 4px;
  }

  .kimo-examples-tab > strong {
    font-size: 25px;
    margin-top: 0;
  }

  .kimo-examples-tab > span:nth-of-type(2) {
    grid-column: 2;
    margin-top: 0;
  }

  .kimo-examples-tab small {
    align-self: center;
    border: 0;
    gap: 14px;
    grid-column: 3;
    grid-row: 1 / 3;
    margin: 0;
    padding: 0;
    width: auto;
  }

  .kimo-examples-project__link {
    grid-template-columns: 1fr;
  }

  .kimo-examples-project__copy {
    min-height: 430px;
  }

  .kimo-examples-project__visual {
    min-height: 430px;
  }

  .kimo-examples-empty {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  main[data-kimo-examples] {
    padding-bottom: 58px !important;
  }

  .kimo-examples-hero,
  .kimo-examples-browser,
  .kimo-examples-footer {
    width: calc(100% - 28px);
  }

  .kimo-examples-hero {
    padding: 64px 0 42px;
  }

  .kimo-examples-hero h1 {
    font-size: clamp(46px, 14vw, 63px) !important;
    letter-spacing: -.065em !important;
  }

  .kimo-examples-hero > p:last-child {
    font-size: 15px !important;
  }

  .kimo-examples-tabs {
    border-radius: 21px;
  }

  .kimo-examples-tab {
    gap: 8px 13px;
    grid-template-columns: 26px 1fr;
    padding: 19px 17px;
  }

  .kimo-examples-tab > strong {
    font-size: 22px;
  }

  .kimo-examples-tab > span:nth-of-type(2) {
    font-size: 12px;
  }

  .kimo-examples-tab small {
    display: none;
  }

  .kimo-examples-selection {
    padding-bottom: 12px;
  }

  .kimo-examples-project,
  .kimo-examples-empty {
    border-radius: 22px;
  }

  .kimo-examples-project__copy {
    min-height: 425px;
    padding: 29px 24px 25px;
  }

  .kimo-examples-project__copy h2,
  .kimo-examples-empty h2 {
    font-size: 42px !important;
  }

  .kimo-examples-project__visual {
    min-height: 300px;
  }

  .kimo-examples-project__visual img {
    height: 300px;
    object-fit: contain;
    object-position: center;
    width: 100%;
  }

  .kimo-examples-empty {
    gap: 35px;
    min-height: 0;
    padding: 29px 24px 24px;
  }

  .kimo-examples-empty__copy a {
    margin-top: 33px;
  }

  .kimo-examples-empty__lanes {
    padding: 6px 17px 18px;
  }

  .kimo-examples-empty__lanes > div {
    min-height: 82px;
  }

  .kimo-examples-empty__lanes p {
    margin-top: 20px !important;
  }

  .kimo-examples-footer {
    display: block;
    margin-top: 52px;
  }

  .kimo-examples-footer p {
    margin-top: 24px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .kimo-examples-tab,
  .kimo-examples-project__visual img,
  .kimo-examples-project__action i {
    transition: none;
  }
}

/* Contrast corrections verified against the rendered card backgrounds. */
.kimo-examples-tab__index,
.kimo-examples-selection span {
  color: #596168 !important;
}

.kimo-examples-tab[aria-selected="true"] .kimo-examples-tab__index {
  color: #f4f6f8 !important;
}

.kimo-showcase-proof > span,
.kimo-showcase-capability > span[aria-hidden="true"] {
  color: #596168 !important;
}

.kimo-showcase-browser figcaption small {
  color: #d4dadd !important;
}

.kimo-showcase-card--architecture .kimo-showcase-card__body,
.kimo-showcase-card--sentiment .kimo-showcase-card__body,
.kimo-showcase-card--models .kimo-showcase-card__body,
.kimo-showcase-card--workflow .kimo-showcase-card__body {
  color: #46545d !important;
}

.kimo-showcase-card--sentiment .kimo-showcase-card__kicker {
  color: #315d51 !important;
}

.kimo-showcase-card--models .kimo-showcase-card__kicker {
  color: #68551f !important;
}

.kimo-showcase-card--workflow li > span {
  color: #665282 !important;
}

/* Alpha Terminal evidence-card refinements. */
.kimo-showcase-live-dot {
  position: relative;
}

.kimo-showcase-live-dot::after {
  animation: kimo-live-pulse 1.8s ease-out infinite;
  border: 1px solid #31d894;
  border-radius: inherit;
  content: "";
  inset: -1px;
  position: absolute;
}

.kimo-showcase-live-signal {
  align-items: center;
  display: inline-flex;
  gap: 3px;
  height: 8px;
}

.kimo-showcase-live-signal i {
  animation: kimo-live-travel 1.25s ease-in-out infinite;
  background: #31d894;
  border-radius: 50%;
  box-shadow: 0 0 7px rgba(49, 216, 148, .52);
  height: 4px;
  opacity: .28;
  width: 4px;
}

.kimo-showcase-live-signal i:nth-child(2) { animation-delay: .16s; }
.kimo-showcase-live-signal i:nth-child(3) { animation-delay: .32s; }

.kimo-showcase-browser {
  background: linear-gradient(145deg, #1c1f21, #111314);
}

.kimo-showcase-browser__viewport {
  background:
    radial-gradient(circle at 82% 12%, rgba(114, 93, 255, .16), transparent 30%),
    #0c0e0f;
  border-top: 1px solid #2d3032;
  overflow: hidden;
  padding: 10px 10px 0;
  position: relative;
}

.kimo-showcase-browser__viewport img {
  border: 1px solid #25282a;
  border-bottom: 0;
  border-radius: 7px 7px 0 0;
  position: relative;
  z-index: 1;
}

.kimo-showcase-browser__focus {
  background: linear-gradient(90deg, transparent, rgba(77, 232, 171, .18), transparent);
  height: 1px;
  left: 8%;
  position: absolute;
  right: 8%;
  top: 42%;
  z-index: 2;
}

.kimo-showcase-evidence-meta {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  min-width: 0;
}

.kimo-showcase-evidence-meta a {
  border: 1px solid #596167;
  border-radius: 999px;
  color: #f4f7f6 !important;
  font-size: 9px;
  font-weight: 700;
  padding: 5px 7px;
  text-decoration: none !important;
  white-space: nowrap;
}

.kimo-showcase-evidence-meta a:hover {
  background: #f4f7f6;
  color: #111 !important;
}

.kimo-showcase-evidence-meta a:focus-visible {
  outline: 2px solid #82a7ff !important;
  outline-offset: 2px;
}

.kimo-showcase-card--architecture .kimo-showcase-card__kicker {
  color: #35566f !important;
}

.kimo-showcase-flow {
  align-content: center;
  background:
    linear-gradient(rgba(64, 116, 153, .08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(64, 116, 153, .08) 1px, transparent 1px),
    rgba(255, 255, 255, .24);
  background-size: 22px 22px;
  border: 1px solid rgba(39, 90, 126, .14);
  border-radius: 17px;
  list-style: none;
  margin-top: 28px;
  margin-bottom: 0;
  min-height: 296px;
  overflow: hidden;
  padding: 26px 18px;
}

.kimo-showcase-flow::before {
  background: linear-gradient(#74a8d0, #3e7fac, #74a8d0);
  bottom: 48px;
  left: 43px;
  top: 48px;
}

.kimo-showcase-flow::after {
  animation: kimo-flow-travel 3.2s linear infinite;
  background: #fff;
  border: 2px solid #2d7baa;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(45, 123, 170, .14);
  content: "";
  height: 6px;
  left: 39px;
  position: absolute;
  top: 52px;
  width: 6px;
}

.kimo-showcase-flow__node {
  background: rgba(255, 255, 255, .88);
  border-color: rgba(39, 90, 126, .2);
  color: #102c3f;
}

.kimo-showcase-card--sentiment .kimo-showcase-card__kicker {
  color: #275548 !important;
}

.kimo-showcase-card--sentiment figure.kimo-showcase-sentiment-window {
  background: #0b0e0e;
  border-color: rgba(25, 71, 57, .28);
  box-shadow: 0 24px 50px rgba(27, 77, 62, .2);
}

.kimo-showcase-sentiment-window figcaption {
  align-items: center;
  background: #111516;
  color: #eef3f1;
  display: grid;
  font-size: 9px;
  gap: 8px;
  grid-template-columns: auto 1fr auto;
  min-height: 40px;
  padding: 0 12px;
}

.kimo-showcase-sentiment-window figcaption > span {
  display: flex;
  gap: 4px;
}

.kimo-showcase-sentiment-window figcaption i {
  background: #5d6664;
  border-radius: 50%;
  height: 5px;
  width: 5px;
}

.kimo-showcase-sentiment-window figcaption strong {
  font-weight: 700;
}

.kimo-showcase-sentiment-window figcaption small {
  color: #d5ddda;
  font-size: 8px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.kimo-showcase-sentiment-window > div {
  aspect-ratio: 4 / 3;
  background:
    radial-gradient(circle at 50% 0, rgba(73, 166, 137, .14), transparent 48%),
    #0b0e0e;
  overflow: hidden;
  padding: 9px 9px 0;
  position: relative;
}

.kimo-showcase-sentiment-window > div img {
  border: 1px solid #242a28;
  border-bottom: 0;
  border-radius: 7px 7px 0 0;
  height: auto !important;
  left: 50%;
  max-width: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 150% !important;
}

.kimo-showcase-card--models .kimo-showcase-card__kicker {
  color: #5d4810 !important;
}

.kimo-showcase-model-console {
  background: linear-gradient(145deg, #1a1b19, #101210);
  border: 1px solid rgba(255, 248, 215, .17);
  border-radius: 14px;
  box-shadow: 0 18px 34px rgba(86, 64, 9, .17);
  margin-top: auto;
  overflow: hidden;
}

.kimo-showcase-model-console > header {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  color: #fff7d2;
  display: grid;
  gap: 10px;
  grid-template-columns: auto 1fr auto;
  min-height: 36px;
  padding: 0 11px;
}

.kimo-showcase-model-console > header > span { display: flex; gap: 4px; }
.kimo-showcase-model-console > header > span i { background: #606158; border-radius: 50%; height: 5px; width: 5px; }
.kimo-showcase-model-console > header strong,
.kimo-showcase-model-console > header small { font-size: 8px; letter-spacing: .09em; text-transform: uppercase; }
.kimo-showcase-model-console > header strong { font-weight: 760; }
.kimo-showcase-model-console > header small { color: #98998e; }

.kimo-showcase-model-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(4, 1fr);
  min-height: 118px;
  padding: 11px;
}

.kimo-showcase-model-grid > span {
  animation: kimo-model-console 6.4s ease-in-out infinite;
  background: linear-gradient(145deg, rgba(246, 219, 111, .12), transparent 54%), #20221e;
  border: 1px solid rgba(246, 219, 111, .16);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  min-height: 42px;
  overflow: hidden;
  padding: 7px;
  position: relative;
}

.kimo-showcase-model-grid > span:nth-child(2) { animation-delay: .4s; }
.kimo-showcase-model-grid > span:nth-child(3) { animation-delay: .8s; }
.kimo-showcase-model-grid > span:nth-child(4) { animation-delay: 1.2s; }
.kimo-showcase-model-grid > span:nth-child(5) { animation-delay: 1.6s; }
.kimo-showcase-model-grid > span:nth-child(6) { animation-delay: 2s; }
.kimo-showcase-model-grid > span:nth-child(7) { animation-delay: 2.4s; }
.kimo-showcase-model-grid > span:nth-child(8) { animation-delay: 2.8s; }

.kimo-showcase-model-grid b { color: #d8c576; font-size: 7px; font-weight: 760; letter-spacing: .12em; }
.kimo-showcase-model-grid i { background: rgba(255, 244, 196, .22); border-radius: 999px; height: 1px; width: 100%; }
.kimo-showcase-model-grid i:last-child { opacity: .54; width: 62%; }

@keyframes kimo-model-console {
  0%, 15%, 100% { background-color: #20221e; border-color: rgba(246, 219, 111, .16); transform: translateY(0); }
  7% { background-color: #303025; border-color: rgba(255, 226, 105, .52); box-shadow: 0 0 18px rgba(255, 219, 65, .13); transform: translateY(-1px); }
}

.kimo-showcase-card--workflow .kimo-showcase-card__kicker {
  color: #5c447b !important;
}

.kimo-showcase-workflow {
  margin: 28px 0 0;
  position: relative;
}

.kimo-showcase-workflow::before {
  background: rgba(84, 62, 128, .24);
  bottom: 20px;
  content: "";
  left: 27px;
  position: absolute;
  top: 48px;
  width: 1px;
}

.kimo-showcase-workflow li {
  background: rgba(255, 255, 255, .74);
  border-color: rgba(72, 54, 112, .17);
  color: #241b35;
  position: relative;
}

.kimo-showcase-card--architecture .kimo-showcase-card__body,
.kimo-showcase-card--sentiment .kimo-showcase-card__body,
.kimo-showcase-card--models .kimo-showcase-card__body,
.kimo-showcase-card--workflow .kimo-showcase-card__body {
  color: #28363f !important;
}

@keyframes kimo-live-pulse {
  0% { opacity: .8; transform: scale(1); }
  70%, 100% { opacity: 0; transform: scale(2.8); }
}

@keyframes kimo-live-travel {
  0%, 58%, 100% { opacity: .28; transform: translateY(0) scale(.82); }
  24% { opacity: 1; transform: translateY(-1px) scale(1.22); }
}

@keyframes kimo-flow-travel {
  0% { opacity: 0; transform: translateY(0); }
  10%, 88% { opacity: 1; }
  100% { opacity: 0; transform: translateY(194px); }
}

@media (max-width: 520px) {
  .kimo-showcase-flow {
    min-height: 280px;
    padding: 22px 14px;
  }

  .kimo-showcase-flow::before {
    left: 39px;
  }

  .kimo-showcase-flow::after {
    left: 35px;
  }

  .kimo-showcase-browser__viewport {
    padding: 7px 7px 0;
  }
}

@media (min-width: 700px) and (max-width: 809px) {
  .kimo-showcase-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .kimo-showcase-card--product {
    grid-column: 1 / -1;
    grid-row: 1;
  }

  .kimo-showcase-card--architecture {
    grid-column: 1 / 8;
    grid-row: 2;
  }

  .kimo-showcase-card--models {
    grid-column: 8 / -1;
    grid-row: 2;
  }

  .kimo-showcase-card--sentiment {
    grid-column: 1 / 8;
    grid-row: 3;
  }

  .kimo-showcase-card--workflow {
    grid-column: 8 / -1;
    grid-row: 3;
  }

  .kimo-showcase-card--architecture,
  .kimo-showcase-card--models,
  .kimo-showcase-card--sentiment,
  .kimo-showcase-card--workflow {
    min-height: 0;
  }

  .kimo-showcase-card--workflow .kimo-showcase-card__title,
  .kimo-showcase-card--models .kimo-showcase-card__title {
    font-size: clamp(25px, 3.65vw, 30px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .kimo-showcase-live-dot::after,
  .kimo-showcase-live-signal i,
  .kimo-showcase-flow::after {
    animation: none;
  }

  .kimo-showcase-live-signal i {
    opacity: .9;
  }

  .kimo-showcase-live-signal i:nth-child(2) { opacity: .62; }
  .kimo-showcase-live-signal i:nth-child(3) { opacity: .36; }

  .kimo-showcase-flow::after {
    opacity: 1;
    top: 50%;
  }
}

@media (max-width: 900px) {
  .kimo-examples-empty[data-kimo-workflow-preview] {
    box-shadow: 0 24px 54px rgba(45, 58, 103, .13), inset 0 1px 0 rgba(255, 255, 255, .96);
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .kimo-workflow-demo {
    min-height: 590px;
  }
}

@media (max-width: 600px) {
  .kimo-examples-empty[data-kimo-workflow-preview] {
    background: radial-gradient(ellipse at 86% 9%, rgba(138, 157, 255, .34), transparent 38%), linear-gradient(150deg, #f7f9ff, #e3e9ff 58%, #f0f4ff);
    border-radius: 22px;
    padding: 22px 16px 16px;
  }

  .kimo-examples-empty[data-kimo-workflow-preview]::before {
    height: 260px;
    opacity: .64;
    right: -150px;
    top: -100px;
    width: 330px;
  }

  .kimo-examples-empty[data-kimo-workflow-preview]::after {
    display: none;
  }

  .kimo-workflow-steps {
    grid-template-columns: 1fr;
  }

  .kimo-workflow-scenarios > div {
    gap: 5px;
  }

  .kimo-workflow-scenarios label > span {
    font-size: 9px;
    padding-inline: 6px;
  }

  .kimo-workflow-demo {
    background: radial-gradient(ellipse at 90% 0%, rgba(125, 150, 255, .27), transparent 40%), linear-gradient(155deg, #1d2434, #0b0f18 72%);
    border-radius: 19px;
    min-height: 540px;
    padding: 13px;
  }

  .kimo-workflow-demo::before {
    opacity: .46;
    right: -300px;
  }

  .kimo-workflow-demo::after {
    display: none;
  }

  .kimo-workflow-demo > header {
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
    padding-bottom: 11px;
  }

  .kimo-workflow-demo__canvas {
    background: radial-gradient(circle at 18% 20%, rgba(112, 146, 255, .14), transparent 34%), radial-gradient(circle at 82% 78%, rgba(96, 242, 218, .08), transparent 31%), linear-gradient(160deg, #121827, #080b12);
    border-radius: 16px;
    min-height: 405px;
  }

  .kimo-workflow-demo__canvas::before {
    opacity: .38;
  }

  .kimo-workflow-demo__node {
    backdrop-filter: none;
    background: linear-gradient(155deg, #303a50, #1b2230 70%);
    box-shadow: 0 12px 26px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .13);
    min-height: 102px;
    padding: 11px;
    width: 44%;
  }

  .kimo-workflow-demo__node--1,
  .kimo-workflow-demo__node--4 { left: 1%; }

  .kimo-workflow-demo__node--2,
  .kimo-workflow-demo__node--3 { right: 1%; }

  .kimo-workflow-demo__node > strong { font-size: 12px; }
  .kimo-workflow-demo__node > small { font-size: 10px; }
  .kimo-workflow-demo > footer { align-items: flex-start; flex-direction: column; gap: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  .kimo-workflow-scenarios label > span,
  .kimo-workflow-demo__canvas::after,
  .kimo-workflow-demo__node,
  .kimo-workflow-demo__route,
  .kimo-showcase-model-grid > span {
    animation: none;
  }

  .kimo-workflow-demo__route {
    opacity: 1;
    stroke-dashoffset: 0;
  }

  .kimo-workflow-demo__packet {
    display: none;
  }

  .kimo-workflow-demo > header [data-kimo-workflow-replay] {
    display: none;
  }
}