body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
:root { --spacing: 4px; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --aspect-video: 16 / 9; --default-transition-duration: .2s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-mono-font-family: var(--font-mono); --breakpoint-sm: 571px; --breakpoint-md: 961px; --breakpoint-lg: 1101px; --color-blue-50: #edf3ff; --color-blue-100: #e2ebff; --color-blue-300: #a9bdef; --color-blue-400: #96afe6; --color-blue-450: #7790be; --color-blue-500: #7391db; --color-blue-550: #5d80e0; --color-blue-600: #5273cd; --color-blue-700: #365bc7; --color-blue-800: #2d4fc7; --color-blue-900: #1428a0; --color-slate-50: #f8faff; --color-slate-100: #f3f6fc; --color-slate-150: #ebeff7; --color-slate-200: #e1e7f1; --color-slate-250: #dce4f0; --color-slate-300: #d5deef; --color-slate-400: #cbd5e7; --color-slate-500: #a9bce0; --color-slate-600: #8796b2; --color-slate-650: #6f819f; --color-slate-700: #63718a; --color-slate-800: #526788; --color-slate-850: #425574; --color-slate-900: #23395c; --color-navy-800: #24376a; --color-navy-850: #1e2d4a; --color-navy-900: #142044; --color-navy-950: #182136; --color-gray-600: #586174; --color-gray-750: #3e434b; --color-gray-900: #13161d; --color-green-500: #638393; --color-green-600: #438376; --color-red-50: #fef3f2; --color-red-200: #f4c7c3; --color-red-700: #b42318; --color-white: #fff; --color-transparent: transparent; --color-current: currentColor; --color-brand: var(--color-blue-900); --color-brand-link: var(--color-blue-800); --color-brand-focus: var(--color-blue-550); --color-brand-soft: var(--color-blue-50); --color-brand-outline: #1428a066; --color-ink: var(--color-navy-900); --color-ink-heading: var(--color-navy-950); --color-ink-card: var(--color-navy-850); --color-body: var(--color-gray-600); --color-muted: var(--color-slate-700); --color-mute-soft: var(--color-slate-600); --color-neutral-ink: var(--color-gray-900); --color-neutral-muted: var(--color-gray-750); --color-canvas: var(--color-white); --color-canvas-soft: var(--color-slate-50); --color-platform: var(--color-slate-100); --color-hairline: var(--color-slate-250); --color-hairline-soft: var(--color-slate-200); --color-hairline-control: var(--color-slate-400); --color-hero-top: #e1e5fe; --color-hero-bottom: #d8ebf7; --color-hero-stage: #1a273921; --color-scrim: #0b132552; --color-danger: var(--color-red-700); --color-danger-soft: var(--color-red-50); --color-danger-line: var(--color-red-200); --color-headline-start: #000; --color-headline-end: #666; --color-zinc-50: #fafafa; --color-zinc-100: #f4f4f5; --color-zinc-200: #e4e4e7; --color-zinc-300: #d4d4d8; --color-zinc-400: #a1a1aa; --color-zinc-500: #71717a; --color-zinc-600: #52525b; --color-zinc-800: #27272a; --color-zinc-950: #09090b; --color-night-900: #181818; --color-night-800: #1f1f1f; --color-night-700: #272727; --color-night-600: #313131; --color-space-950: #000; --color-space-line: #ffffff1f; --color-space-line-strong: #ffffff3d; --color-space-cyan: #4fc8da; --color-space-cyan-light: #8ddbe7; --color-headline-night-start: #fff; --color-headline-night-end: #9b9b9b; --color-diagram-card: #090b10; --color-diagram-card-line: #1f2633; --color-diagram-ring: #3a6ee8; --color-diagram-text: #f4f6fa; --color-tag-cyan: #5fd0e8; --color-tag-cyan-bg: #0d3340; --color-tag-violet: #d49cf2; --color-tag-violet-bg: #341a45; --color-tag-neutral: #c3c9d3; --color-tag-neutral-line: #3a404b; --font-display: Poppins, sans-serif; --font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-mono: "SF Mono", ui-monospace, Menlo, Consolas, monospace; --font-geist: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --text-8: 8px; --text-9: 9px; --text-10: 10px; --text-12: 12px; --text-13: 13px; --text-14: 14px; --text-16: 16px; --text-17: 17px; --text-18: 18px; --text-24: 24px; --text-29: 29px; --text-panel: clamp(24px, 2.1vw, 29px); --text-heading: clamp(32px, 3.8vw, 50px); --text-display: clamp(44px, 4.7vw, 68px); --text-display-sm: clamp(38px, 8.8vw, 60px); --text-xs: 12px; --text-xs--line-height: 16px; --text-sm: 14px; --text-sm--line-height: 20px; --text-base: 16px; --text-base--line-height: 24px; --text-lg: 18px; --text-lg--line-height: 28px; --text-xl: 20px; --text-xl--line-height: 28px; --text-2xl: 24px; --text-2xl--line-height: 32px; --text-3xl: 30px; --text-3xl--line-height: 36px; --text-4xl: 36px; --text-4xl--line-height: 40px; --text-5xl: 48px; --text-5xl--line-height: 1; --text-6xl: 60px; --text-6xl--line-height: 66px; --text-hero: clamp(36px, 4.17vw, 60px); --text-hero--line-height: 1.2; --leading-none: 1; --leading-tight: 1.24; --leading-snug: 1.3; --leading-button: calc(1.25 / .875); --leading-normal: 1.5; --leading-relaxed: 1.7; --leading-loose: 1.8; --tracking-tighter: -.035em; --tracking-tight: -.025em; --tracking-snug: -.02em; --tracking-wide: .04em; --tracking-widest: .09em; --radius-2xs: 2px; --radius-xs: 3px; --radius-sm: 6px; --radius-control: 8px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 20px; --radius-2xl: 24px; --radius-full: 9999px; --radius-12: 12px; --radius-16: 16px; --shadow-card: 0 4px 0 #28447d09; --shadow-menu: 0 16px 32px #0c173012; --shadow-drawer: -20px 0 80px #09132624; --shadow-stack: 4px -4px 0 var(--color-blue-50); --shadow-screen: 0 12px 28px #18347114, 0 2px 4px #1834710a; --shadow-float: 0 24px 48px #09090b29, 0 4px 8px #09090b0f; --container-page: 1200px; --gutter: clamp(24px, 5vw, 72px); --header-height: 96px; --ease-button: cubic-bezier(.785, .135, .15, .86); --ease-link: cubic-bezier(.25, .45, .4, 1); --ease-settle: cubic-bezier(.22, 1, .36, 1); --ease-drift: cubic-bezier(.37, 0, .63, 1); --animate-nebula-in: nebula-in 2s var(--ease-settle) both; --animate-nebula-drift: nebula-drift 40s var(--ease-drift) 2s infinite alternate; }
@media (width <= 960px) { :root { --header-height: 80px; } }
@media (width <= 570px) { :root { --gutter: 24px; } }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@keyframes nebula-in { 
  0% { opacity: 0; scale: 1.08; }
}
@keyframes nebula-drift { 
  100% { translate: -1.5% 1%; scale: 1.06; }
}
html { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
html { scroll-padding-top: 24px; }
::after { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
[hidden]:where(:not([hidden="until-found"])) { display: none !important; }
button[aria-disabled="true"] { cursor: default; }
:focus-visible { outline: 3px solid var(--color-brand-focus); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { ::before { transition: none !important; } }
@media (prefers-reduced-motion: reduce) { ::after { transition: none !important; } }
@supports (color:color-mix(in lab, red, red)) { :is(.menu-block, .footer-block) { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } }
.platform-summary:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block)):is([open], :popover-open, :open) *) { color: var(--color-neutral-ink); }
@media (hover: hover) { .hero-icon:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block)):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } }
@media (hover: hover) { .news-image:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block)):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } }
@media (hover: hover) { .news-label-3:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block)):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } }
@media (hover: hover) { .news-label-3:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block)):hover *) { border-color: var(--color-neutral-ink); } }
@media (hover: hover) { .news-heading:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block)):hover *) { color: var(--color-brand); } }
@media (hover: hover) { .nav-icon-3:is(:where(:is(.nav-link-block-2, .nav-link-block-3)):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } }
.nav-label-9:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block))[aria-expanded="true"] *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.nav-label-8:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block))[aria-expanded="true"] *) { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.nav-label-9:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block))[aria-expanded="true"] *) { rotate: -45deg; }
.nav-label-8:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block))[aria-expanded="true"] *) { rotate: 45deg; }
.nav-icon:is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block))[aria-expanded="true"] *) { rotate: 180deg; }
.nav-button[aria-expanded="true"] { background-color: var(--color-blue-50); }
.platform-link[aria-selected="true"] { background-color: var(--color-blue-100); }
:is(.nav-link, .nav-button, .nav-link-block-2)[data-current] { background-color: var(--color-blue-50); }
:is(.menu-link, .menu-link-2)[data-current] { color: var(--color-brand); }
.section-label[data-dim] { color: rgba(9, 9, 11, 0.3); }
@supports (color:color-mix(in lab, red, red)) { .section-label[data-dim] { color: color-mix(in oklab, var(--color-zinc-950) 30%, transparent); } }
.nav-header[data-menu-open] { background-color: var(--color-white); }
.nav-header[data-ready] { position: fixed; }
.hero-canvas[data-ready] { opacity: 1; }
.nav-header[data-scrolled] { background-color: var(--color-white); }
@media (prefers-reduced-motion: reduce) { @media (hover: hover) { :is(.news-image, .news-label-3):is(:where(:is(.nav-button, .nav-button-2, .hero-link-block, .platform-details, .platform-link-block, .news-link-block)):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } }
@media (hover: hover) { :is(.nav-link-2, .menu-link-3, .hero-link-block, .platform-link-block):hover:not(:disabled, [aria-disabled="true"]) { background-color: var(--color-brand-link); } }
.page-body :focus-visible { outline-color: var(--color-neutral-ink); }
.page-body > main { flex-grow: 1; }
html.lenis { height: auto; }
html.lenis body { height: auto; }
.lenis [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis [data-lenis-prevent-wheel] { overscroll-behavior: contain; }
.lenis [data-lenis-prevent-touch] { overscroll-behavior: contain; }
.lenis [data-lenis-prevent-vertical] { overscroll-behavior: contain; }
.lenis [data-lenis-prevent-horizontal] { overscroll-behavior: contain; }
.footer-image-2 { object-position: left center; }
@media screen and (max-width: 991px) { .footer-image-2 { object-position: left center; } }
@media screen and (max-width: 767px) { .footer-image-2 { object-position: left center; } }
/* Platform page */
@supports (background-image:linear-gradient(in lab, red, red)) { .pf-platform-page-section { --tw-gradient-position: to bottom in oklab; } }
.pf-platform-summary:is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block)):is([open], :popover-open, :open) *) { color: var(--color-neutral-ink); }
@media (hover: hover) { :is(.pf-layers-icon, .pf-from-chip-icon):is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block)):hover *) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } }
@media (hover: hover) { :is(.pf-platform-page-icon, .pf-platform-solutions-icon):is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block)):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } }
@media (hover: hover) { .pf-from-chip-icon:is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block)):hover *) { --tw-translate-y: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y); } }
@media (hover: hover) { :is(.pf-layers-label-3, .pf-platform-solutions-label-2):is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block)):hover *) { color: var(--color-brand); } }
.pf-nav-label-9:is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block))[aria-expanded="true"] *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.pf-nav-label-8:is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block))[aria-expanded="true"] *) { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.pf-nav-label-9:is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block))[aria-expanded="true"] *) { rotate: -45deg; }
.pf-nav-label-8:is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block))[aria-expanded="true"] *) { rotate: 45deg; }
.pf-nav-icon:is(:where(:is(.pf-nav-button, .pf-nav-button-2, .pf-platform-page-link-block, .pf-layers-link-block, .pf-platform-details, .pf-platform-link-block, .pf-from-chip-link-block, .pf-platform-solutions-link-block, .pf-footer-link-block))[aria-expanded="true"] *) { rotate: 180deg; }
.pf-platform-link[aria-selected="true"] { background-color: var(--color-blue-100); }
@media (hover: hover) { :is(.pf-nav-link-2, .pf-menu-link-4, .pf-platform-page-link-block, .pf-platform-link-block, .pf-footer-link-block):hover:not(:disabled, [aria-disabled="true"]) { background-color: var(--color-brand-link); } }
.pf-platform-page-image { object-position: left center; }
@media screen and (max-width: 991px) { .pf-platform-page-image { object-position: left center; } }
@media screen and (max-width: 767px) { .pf-platform-page-image { object-position: left center; } }
/* Solution pages */
@supports (background-image:linear-gradient(in lab, red, red)) { :is(.sol-solution-section, .sol-solution-block-12) { --tw-gradient-position: to bottom in oklab; } }
.sol-faq-icon:is(:where(:is(.sol-nav-button, .sol-nav-button-2, .sol-nav-button-3, .sol-solution-link-block, .sol-faq-details, .sol-faq-details-2, .sol-more-link-block, .sol-footer-link-block)):is([open], :popover-open, :open) *) { rotate: 180deg; }
@media (hover: hover) { :is(.sol-solution-icon, .sol-more-icon):is(:where(:is(.sol-nav-button, .sol-nav-button-2, .sol-nav-button-3, .sol-solution-link-block, .sol-faq-details, .sol-faq-details-2, .sol-more-link-block, .sol-footer-link-block)):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } }
@media (hover: hover) { .sol-more-label-2:is(:where(:is(.sol-nav-button, .sol-nav-button-2, .sol-nav-button-3, .sol-solution-link-block, .sol-faq-details, .sol-faq-details-2, .sol-more-link-block, .sol-footer-link-block)):hover *) { color: var(--color-brand); } }
.sol-nav-label-9:is(:where(:is(.sol-nav-button, .sol-nav-button-2, .sol-nav-button-3, .sol-solution-link-block, .sol-faq-details, .sol-faq-details-2, .sol-more-link-block, .sol-footer-link-block))[aria-expanded="true"] *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.sol-nav-label-8:is(:where(:is(.sol-nav-button, .sol-nav-button-2, .sol-nav-button-3, .sol-solution-link-block, .sol-faq-details, .sol-faq-details-2, .sol-more-link-block, .sol-footer-link-block))[aria-expanded="true"] *) { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.sol-nav-label-9:is(:where(:is(.sol-nav-button, .sol-nav-button-2, .sol-nav-button-3, .sol-solution-link-block, .sol-faq-details, .sol-faq-details-2, .sol-more-link-block, .sol-footer-link-block))[aria-expanded="true"] *) { rotate: -45deg; }
.sol-nav-label-8:is(:where(:is(.sol-nav-button, .sol-nav-button-2, .sol-nav-button-3, .sol-solution-link-block, .sol-faq-details, .sol-faq-details-2, .sol-more-link-block, .sol-footer-link-block))[aria-expanded="true"] *) { rotate: 45deg; }
.sol-nav-icon:is(:where(:is(.sol-nav-button, .sol-nav-button-2, .sol-nav-button-3, .sol-solution-link-block, .sol-faq-details, .sol-faq-details-2, .sol-more-link-block, .sol-footer-link-block))[aria-expanded="true"] *) { rotate: 180deg; }
@media (hover: hover) { :is(.sol-nav-link-2, .sol-menu-link-4, .sol-solution-link-block, .sol-footer-link-block):hover:not(:disabled, [aria-disabled="true"]) { background-color: var(--color-brand-link); } }
.sol-solution-image { object-position: left center; }
@media screen and (max-width: 991px) { .sol-solution-image { object-position: left center; } }
@media screen and (max-width: 767px) { .sol-solution-image { object-position: left center; } }
/* Docs and Pricing */
@media (hover: hover) { .state-icon:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-nav-button-3, .state-link-block)):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } }
.state-nav-label-9:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-nav-button-3, .state-link-block))[aria-expanded="true"] *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.state-nav-label-8:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-nav-button-3, .state-link-block))[aria-expanded="true"] *) { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.state-nav-label-9:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-nav-button-3, .state-link-block))[aria-expanded="true"] *) { rotate: -45deg; }
.state-nav-label-8:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-nav-button-3, .state-link-block))[aria-expanded="true"] *) { rotate: 45deg; }
.state-nav-icon:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-nav-button-3, .state-link-block))[aria-expanded="true"] *) { rotate: 180deg; }
@media (hover: hover) { :is(.state-nav-link-2, .state-menu-link-4, .state-link-block):hover:not(:disabled, [aria-disabled="true"]) { background-color: var(--color-brand-link); } }
@media (hover: hover) { .state-icon:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-link-block)):hover *) { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } }
.state-nav-label-9:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-link-block))[aria-expanded="true"] *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.state-nav-label-8:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-link-block))[aria-expanded="true"] *) { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.state-nav-label-9:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-link-block))[aria-expanded="true"] *) { rotate: -45deg; }
.state-nav-label-8:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-link-block))[aria-expanded="true"] *) { rotate: 45deg; }
.state-nav-icon:is(:where(:is(.state-nav-button, .state-nav-button-2, .state-link-block))[aria-expanded="true"] *) { rotate: 180deg; }
/* Contact page: rules beyond classes, then the form in its embed (its classes are not Webflow classes) */
:is(.contact-contact-block-6, .contact-contact-block-7):focus-visible { outline-offset: 1px; }
.contact-contact-button:disabled { opacity: 0.5; }
:is(.contact-contact-block-6, .contact-contact-block-7)[aria-invalid="true"] { border-style: var(--tw-border-style); border-width: 2px; }
@media (hover: hover) { :is(.contact-nav-link-2, .contact-menu-link-4, .contact-contact-button):hover:not(:disabled, [aria-disabled="true"]) { background-color: var(--color-brand-link); } }
.contact-contact-block { display: grid; }
.contact-contact-block-2 { grid-column-start: 1; grid-row-start: 1; min-width: 0; }
.contact-contact-block-3 { border-top-width: 2px; border-top-style: solid; border-top-color: #13161d; border-right-width: 2px; border-right-style: solid; border-right-color: #13161d; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #13161d; border-left-width: 2px; border-left-style: solid; border-left-color: #13161d; margin-bottom: 24px; padding-top: 16px; padding-right: 20px; padding-bottom: 16px; padding-left: 20px; }
.contact-contact-heading-2 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 16px; font-weight: 600; line-height: 1.5; }
.contact-contact-text-2 { margin-top: 4px; font-size: 14px; line-height: 1.5; margin-bottom: 0; }
.contact-contact-link { text-decoration-line: underline; color: inherit; }
.contact-contact-block-4 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 24px; }
@media screen and (max-width: 767px) { .contact-contact-block-4 { grid-template-columns: repeat(1, minmax(0, 1fr)); } }
.contact-contact-block-5 { font-size: 14px; line-height: 1.5; font-weight: 600; display: inline; width: auto; height: auto; margin-bottom: 0; }
.contact-contact-block-6 { border-top-width: 1px; border-top-style: solid; border-top-color: #cbd5e7; border-right-width: 1px; border-right-style: solid; border-right-color: #cbd5e7; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbd5e7; border-left-width: 1px; border-left-style: solid; border-left-color: #cbd5e7; margin-top: 8px; padding-right: 16px; padding-left: 16px; background-color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; display: block; min-height: 48px; width: 100%; font-size: 16px; line-height: 1.5; padding-top: 0; padding-bottom: 0; }
.contact-contact-text-3 { margin-top: 6px; font-size: 13px; line-height: 1.5; font-weight: 600; display: none; margin-bottom: 0; }
.contact-menu-item-2 { margin-top: 24px; }
.contact-contact-text-4 { margin-top: 2px; font-size: 14px; line-height: 1.5; text-wrap: balance; margin-bottom: 0; }
.contact-contact-block-7 { border-top-width: 1px; border-top-style: solid; border-top-color: #cbd5e7; border-right-width: 1px; border-right-style: solid; border-right-color: #cbd5e7; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #cbd5e7; border-left-width: 1px; border-left-style: solid; border-left-color: #cbd5e7; margin-top: 8px; padding-top: 12px; padding-right: 16px; padding-bottom: 12px; padding-left: 16px; background-color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; resize: vertical; display: block; min-height: 144px; width: 100%; font-size: 16px; line-height: 1.5; }
.contact-contact-block-8 { border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-top: -1px; margin-right: -1px; margin-bottom: -1px; margin-left: -1px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; clip-path: inset(50%); white-space: nowrap; width: 1px; height: 1px; position: absolute; overflow-x: hidden; overflow-y: hidden; }
.contact-contact-block-9 { display: inline; width: auto; height: auto; margin-bottom: 0; font-weight: 400; }
.contact-contact-block-10 { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; background-color: rgba(0, 0, 0, 0); line-height: 24px; }
.contact-contact-text-5 { margin-top: 24px; font-size: 13px; line-height: 1.5; margin-bottom: 0; }
.contact-contact-block-11 { margin-top: 24px; display: flex; align-items: center; row-gap: 16px; column-gap: 16px; }
@media screen and (max-width: 767px) { .contact-contact-block-11 { align-items: stretch; flex-direction: column; } }
.contact-contact-button { padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; color: #fff; background-color: #1428a0; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; font-size: 16px; line-height: 24px; font-weight: 600; transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: cubic-bezier(.22, 1, .36, 1); transition-duration: 0.3s; cursor: pointer; }
.contact-contact-button:active { scale: 98%; }
.contact-contact-text-6 { font-size: 14px; margin-bottom: 0; }
.contact-contact-text-7 { margin-top: 16px; font-size: 18px; line-height: 1.5; margin-bottom: 0; }
.contact-contact-block-12 { font-weight: 600; }
.contact-contact-link-2 { margin-top: 24px; text-decoration-line: underline; display: inline-block; color: inherit; }
/* Tech blog */
@media (hover: hover) { .blog-blog-image:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block)):hover *) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } }
@media (hover: hover) { .blog-blog-label-3:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block)):hover *) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } }
@media (hover: hover) { .blog-blog-label-3:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block)):hover *) { border-color: var(--color-neutral-ink); } }
@media (hover: hover) { .blog-blog-heading-2:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block)):hover *) { color: var(--color-brand); } }
.blog-nav-label-9:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block))[aria-expanded="true"] *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }
.blog-nav-label-8:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block))[aria-expanded="true"] *) { --tw-translate-y: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); }
.blog-nav-label-9:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block))[aria-expanded="true"] *) { rotate: -45deg; }
.blog-nav-label-8:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block))[aria-expanded="true"] *) { rotate: 45deg; }
.blog-nav-icon:is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block))[aria-expanded="true"] *) { rotate: 180deg; }
@media (prefers-reduced-motion: reduce) { @media (hover: hover) { :is(.blog-blog-image, .blog-blog-label-3):is(:where(:is(.blog-nav-button, .blog-nav-button-2, .blog-nav-button-3, .blog-blog-link-block)):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } }