/* GENERATED by scripts/css/build-page-css.mjs for the "not-found" template (2 route(s) sampled, 128 classes). Do not edit. */
html{--cd-template:not-found}
@layer webflow, site;
@layer webflow {
/* GENERATED by scripts/build-webflow-css.mjs from _assets/webflow-export/css — do not edit by hand.
 * The complete Webflow stylesheet stack for app/(site). See the script header for the rewrites. */

/* ===== normalize.css ===== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type="button"],
input[type="reset"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. CUSTOM FOR WEBFLOW: changed from `textfield` to `none` to normalize iOS rounded input
 * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
 *    (similar to normalize.css >=4.0.0)
 */
input[type='search'] {
  -webkit-appearance: none;
  /* 1 */
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}


/* ===== webflow.css (runtime component styles) ===== */
@font-face {
  font-family: 'webflow-icons';
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="w-icon-"],
[class*=" w-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'webflow-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  margin: 0;
  min-height: 100%;
  background-color: #fff;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}
img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}
.w-inline-block {
  max-width: 100%;
  display: inline-block;
}
html[data-w-dynpage] [data-w-cloak] {
  color: transparent !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
}
blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
figure {
  margin: 0;
  margin-bottom: 10px;
}
figcaption {
  margin-top: 5px;
  text-align: center;
}
ul,
ol {
  margin-top: 0px;
  margin-bottom: 10px;
  padding-left: 40px;
}
.w-embed:before,
.w-embed:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.w-embed:after {
  clear: both;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
button,
[type='button'],
[type='reset'] {
  border: 0;
  cursor: pointer;
  -webkit-appearance: button;
}
label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.w-dropdown {
  display: inline-block;
  position: relative;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  z-index: 900;
}
.w-dropdown-toggle {
  position: relative;
  vertical-align: top;
  text-decoration: none;
  color: #222222;
  padding: 20px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  white-space: nowrap;
}
.w-dropdown-toggle {
  user-select: none;
  display: inline-block;
  cursor: pointer;
  padding-right: 40px;
}
.w-dropdown-toggle:focus {
  outline: 0;
}
.w-dropdown-list {
  position: absolute;
  background: #dddddd;
  display: none;
  min-width: 100%;
}
.w-dropdown-list.w--open {
  display: block;
}
/**
 * ## Note
 * Safari (on both iOS and OS X) does not handle viewport units (vh, vw) well.
 * For example percentage units do not work on descendants of elements that
 * have any dimensions expressed in viewport units. It also doesn’t handle them at
 * all in `calc()`.
 */
/**
 * Wrapper around all lightbox elements
 *
 * 1. Since the lightbox can receive focus, IE also gives it an outline.
 * 2. Fixes flickering on Chrome when a transition is in progress
 *    underneath the lightbox.
 */
/**
 * Neat trick to bind the rubberband effect to our canvas instead of the whole
 * document on iOS. It also prevents a bug that causes the document underneath to scroll.
 */
/* .w-lightbox-content */
/*
 * 1. Remove default margin set by user-agent on the <figure> element.
 */
/**
 * IE adds image dimensions as width and height attributes on the IMG tag,
 * but we need both width and height to be set to auto to enable scaling.
 */
/**
 * 1. Reset if style is set by user on "All Images"
 */
/*
 * Without specifying the with and height inside the SVG, all versions of IE render the icon too small.
 * The bug does not seem to manifest itself if the elements are tall enough such as the above arrows.
 * (http://stackoverflow.com/questions/16092114/background-size-differs-in-internet-explorer)
 */
/**
 * 1. All IE versions add extra space at the bottom without this.
 */
/*
 * 1. We use content-box to avoid having to do `width: calc(10vh + 2vw)`
 *    which doesn’t work in Safari anyway.
 * 2. Chrome renders images pixelated when switching to GPU. Making sure
 *    the parent is also rendered on the GPU (by setting translate3d for
 *    example) fixes this behavior.
 */
/*
 * Spinner
 *
 * Absolute pixel values are used to avoid rounding errors that would cause
 * the white spinning element to be misaligned with the track.
 */
/*
 * Utility classes
 */
@media (min-width: 768px) {
  /* .w-lightbox-content */
}
.w-richtext:before,
.w-richtext:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}
.w-richtext:after {
  clear: both;
}
.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
  white-space: initial;
}
.w-richtext ol,
.w-richtext ul {
  overflow: hidden;
}
.w-richtext figure[data-rt-type="video"] > div:after {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.w-richtext figure {
  position: relative;
  max-width: 60%;
}
.w-richtext figure > div:before {
  cursor: default!important;
}
.w-richtext figure img {
  width: 100%;
}
.w-richtext figure div {
  /* fix incorrectly sized selection border in the data manager */
  font-size: 0px;
  color: transparent;
}
.w-richtext figure[data-rt-type="image"] {
  display: table;
}
.w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}
.w-richtext figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.w-richtext figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}
.w-nav-brand {
  position: relative;
  float: left;
  text-decoration: none;
  color: #333333;
}
[data-nav-menu-open] {
  display: block !important;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #C8C8C8;
  text-align: center;
  overflow: visible;
  min-width: 200px;
}
.w--nav-link-open {
  display: block;
  position: relative;
}
.w--nav-dropdown-open {
  display: block;
}
.w--nav-dropdown-toggle-open {
  display: block;
}
.w--nav-dropdown-list-open {
  position: static;
}
/**
 * NOTE: These rules are overridden in site-designer.less to use container queries instead of media queries
 * when the navbar is inside a Frame on the Open Canvas.
 */
@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}
.w--tab-active {
  display: block;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


/* ===== cloudorbis-staging.webflow.css (the site) ===== */


















:root {
  --_colors---background-colors--background-color-white: var(--_colors---brand-colors--white);
  --_typography---font-families--body-font-1: var(--font-plex-sans), "IBM Plex Sans", Arial, sans-serif;
  --_colors---text-colors--text-color-black: var(--_colors---brand-colors--black);
  --_typography---font-families--header: var(--font-dm-sans), "DM Sans", Arial, sans-serif;
  --_typography---font-sizes--heading-1: clamp(2.625 * 1rem, ((2.625 - ((4.5 - 2.625) / (90 - 20) * 20)) * 1rem + ((4.5 - 2.625) / (90 - 20)) * 100vw), 4.5 * 1rem);
  --_typography---font-sizes--heading-2: clamp(2.125 * 1rem, ((2.125 - ((3.25 - 2.125) / (90 - 20) * 20)) * 1rem + ((3.25 - 2.125) / (90 - 20)) * 100vw), 3.25 * 1rem);
  --_typography---font-sizes--heading-3: clamp(1.75 * 1rem, ((1.75 - ((2.5 - 1.75) / (90 - 20) * 20)) * 1rem + ((2.5 - 1.75) / (90 - 20)) * 100vw), 2.5 * 1rem);
  --_typography---font-sizes--heading-4: clamp(1.5 * 1rem, ((1.5 - ((1.875 - 1.5) / (90 - 20) * 20)) * 1rem + ((1.875 - 1.5) / (90 - 20)) * 100vw), 1.875 * 1rem);
  --_typography---font-sizes--heading-5: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (90 - 20) * 20)) * 1rem + ((1.25 - 1.125) / (90 - 20)) * 100vw), 1.25 * 1rem);
  --_typography---font-sizes--heading-6: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (90 - 20) * 20)) * 1rem + ((1.125 - 1) / (90 - 20)) * 100vw), 1.125 * 1rem);
  --color-scheme-1--text: var(--_colors---brand-colors--black);
  --_typography---font-sizes--body-1: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (90 - 20) * 20)) * 1rem + ((1.125 - 1) / (90 - 20)) * 100vw), 1.125 * 1rem);
  --_colors---brand-colors--white: #fff;
  --_colors---colors--neutral-darkest\<deleted\|relume-variable-neutral-shade-7\>: black;
  --text-color--text-alternate\<deleted\|relume-variable-text-color-3\>: var(--base-color-neutral--white\<deleted\|relume-variable-color-neutral-2\>);
  --_ui-styles---spacing--number-6: 1rem;
  --_ui-styles---spacing--number-7: 1.5rem;
  --_colors---border-colors--border-color-black: var(--_colors---brand-colors--black);
  --_ui-styles---radius--number-2: 4px;
  --_colors---opacity--transparency--transparent: transparent;
  --_typography---font-sizes--body-2: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (90 - 20) * 20)) * 1rem + ((1 - .875) / (90 - 20)) * 100vw), 1 * 1rem);
  --_colors---border-colors--border-color-blue: var(--_colors---brand-colors--blue);
  --_colors---background-colors--background-color-blue: var(--_colors---brand-colors--blue);
  --_colors---text-colors--text-color-white: var(--_colors---brand-colors--white);
  --_ui-styles---spacing--number-1: 0rem;
  --_colors---text-colors--text-color-blue: var(--_colors---brand-colors--blue);
  --_colors---text-colors--text-color-light-blue: var(--_colors---brand-colors--light-blue);
  --_ui-styles---spacing--number-5: .75rem;
  --_colors---background-colors--background-color-black: var(--_colors---brand-colors--black);
  --_colors---border-colors--border-color-white: var(--_colors---brand-colors--white);
  --_ui-styles---spacing--number-4: .5rem;
  --_colors---border-colors--border-color-light-blue: var(--_colors---brand-colors--light-blue);
  --_colors---background-colors--background-color-light-blue: var(--_colors---brand-colors--light-blue);
  --_colors---opacity--transparency--blue-30: #0452b84d;
  --_colors---opacity--transparency--white-80: #fffc;
  --_ui-styles---stroke--border-width\<deleted\|relume-variable-border-width\>: 1px;
  --color-scheme-1--border: var(--_colors---brand-colors--black);
  --color-scheme-1--foreground: var(--_colors---brand-colors--light-blue);
  --_typography---font-sizes--body-3: clamp(.75 * 1rem, ((.75 - ((.875 - .75) / (90 - 20) * 20)) * 1rem + ((.875 - .75) / (90 - 20)) * 100vw), .875 * 1rem);
  --_ui-styles---paddings--padding-section-small: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (90 - 20) * 20)) * 1rem + ((5 - 2.5) / (90 - 20)) * 100vw), 5 * 1rem);
  --background-color--background-secondary\<deleted\|relume-variable-background-color-2\>: var(--base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>);
  --border-color--border-primary\<deleted\|relume-variable-border-color-1\>: var(--base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>);
  --_ui-styles---paddings--padding-global: clamp(1 * 1rem, ((1 - ((2 - 1) / (90 - 20) * 20)) * 1rem + ((2 - 1) / (90 - 20)) * 100vw), 2 * 1rem);
  --_ui-styles---paddings--padding-section-large: clamp(5 * 1rem, ((5 - ((10 - 5) / (90 - 20) * 20)) * 1rem + ((10 - 5) / (90 - 20)) * 100vw), 10 * 1rem);
  --_ui-styles---paddings--padding-section-medium: clamp(3 * 1rem, ((3 - ((7.5 - 3) / (90 - 20) * 20)) * 1rem + ((7.5 - 3) / (90 - 20)) * 100vw), 7.5 * 1rem);
  --_ui-styles---radius--number-3: 6px;
  --color-scheme-1--background: var(--_colors---brand-colors--white);
  --_ui-styles---radius--number-12: 360px;
  --_colors---opacity--transparency--light-blue-5: #6eadff0d;
  --_typography---font-families--body-font-2: var(--font-plex-mono), "IBM Plex Mono", monospace;
  --_colors---opacity--transparency--blue-80: #0452b8cc;
  --_typography---font-sizes--chip: clamp(.75 * 1rem, ((.75 - ((.875 - .75) / (90 - 20) * 20)) * 1rem + ((.875 - .75) / (90 - 20)) * 100vw), .875 * 1rem);
  --_colors---opacity--transparency--white-20: #fff3;
  --_colors---opacity--transparency--white-10: #ffffff1a;
  --_ui-styles---radius--number-1: 0px;
  --color-scheme-1--accent: var(--_colors---colors--neutral-darkest\<deleted\|relume-variable-neutral-shade-7\>);
  --_typography---font-sizes--subtitle-1: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (90 - 20) * 20)) * 1rem + ((1.125 - 1) / (90 - 20)) * 100vw), 1.125 * 1rem);
  --_typography---font-sizes--subtitle-2: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (90 - 20) * 20)) * 1rem + ((1 - .875) / (90 - 20)) * 100vw), 1 * 1rem);
  --_typography---font-sizes--quote: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (90 - 20) * 20)) * 1rem + ((1.25 - 1.125) / (90 - 20)) * 100vw), 1.25 * 1rem);
  --_typography---font-sizes--subtitle-3: clamp(.75 * 1rem, ((.75 - ((.875 - .75) / (90 - 20) * 20)) * 1rem + ((.875 - .75) / (90 - 20)) * 100vw), .875 * 1rem);
  --_typography---font-sizes--quote-l: clamp(1.25 * 1rem, ((1.25 - ((1.75 - 1.25) / (90 - 20) * 20)) * 1rem + ((1.75 - 1.25) / (90 - 20)) * 100vw), 1.75 * 1rem);
  --_typography---font-sizes--number: clamp(3.375 * 1rem, ((3.375 - ((9.625 - 3.375) / (90 - 20) * 20)) * 1rem + ((9.625 - 3.375) / (90 - 20)) * 100vw), 9.625 * 1rem);
  --_typography---font-sizes--number-s: clamp(2 * 1rem, ((2 - ((5 - 2) / (90 - 20) * 20)) * 1rem + ((5 - 2) / (90 - 20)) * 100vw), 5 * 1rem);
  --_ui-styles---spacing--number-3: .25rem;
  --_colors---text-colors--text-color-grey: var(--_colors---brand-colors--grey);
  --_colors---text-colors--text-color-red: var(--_colors---brand-colors--red);
  --_colors---text-colors--text-color-teal: var(--_colors---brand-colors--teal);
  --_colors---background-colors--background-color-teal: var(--_colors---brand-colors--teal);
  --_colors---background-colors--background-color-red: var(--_colors---brand-colors--red);
  --_colors---background-colors--background-color-grey: var(--_colors---brand-colors--grey);
  --_ui-styles---spacing--number-24: 10rem;
  --navbar-shadow: #0000;
  --_colors---brand-colors--light-blue: #6eadff;
  --_colors---opacity--transparency--black-20: #1c1c1c33;
  --_ui-styles---spacing--number-8: 2rem;
  --_ui-styles---spacing--number-12: 4rem;
  --_colors---brand-colors--black: #1c1c1c;
  --_ui-styles---spacing--number-10: 3rem;
  --_ui-styles---radius--number-8: 32px;
  --_ui-styles---spacing--number-2: .125rem;
  --_ui-styles---spacing--number-9: 2.5rem;
  --_ui-styles---spacing--number-11: 3.5rem;
  --_ui-styles---spacing--number-13: 4.5rem;
  --_ui-styles---spacing--number-14: 5rem;
  --_ui-styles---spacing--number-15: 5.5rem;
  --_ui-styles---spacing--number-16: 6rem;
  --_ui-styles---spacing--number-17: 6.5rem;
  --_ui-styles---spacing--number-18: 7rem;
  --_ui-styles---spacing--number-19: 7.5rem;
  --_ui-styles---spacing--number-20: 8rem;
  --_ui-styles---spacing--number-21: 8.5rem;
  --_ui-styles---spacing--number-22: 9rem;
  --_ui-styles---spacing--number-23: 9.5rem;
  --_ui-styles---radius--number-4: 8px;
  --_colors---opacity--transparency--white-50: #ffffff80;
  --_colors---opacity--transparency--black-40: #1c1c1c66;
  --_colors---opacity--transparency--black-80: #1c1c1ccc;
  --_colors---opacity--transparency--light-blue-10: #6eadff1a;
  --_colors---opacity--transparency--white-5: #ffffff0d;
  --_colors---opacity--transparency--blue-10: #0452b81a;
  --_typography---font-sizes--number-m: clamp(2.5 * 1rem, ((2.5 - ((6.25 - 2.5) / (90 - 20) * 20)) * 1rem + ((6.25 - 2.5) / (90 - 20)) * 100vw), 6.25 * 1rem);
  --_colors---opacity--transparency--black-10: #1c1c1c1a;
  --_colors---opacity--transparency--black-5: #1c1c1c0d;
  --_colors---opacity--transparency--black-3: #1c1c1c08;
  --_colors---opacity--transparency--white-30: #ffffff4d;
  --_colors---opacity--transparency--white-3: #ffffff08;
  --_colors---opacity--transparency--red-30: #bd14144d;
  --_colors---opacity--transparency--red-10: #bd14141a;
  --_ui-styles---radius--number-6: 16px;
  --_ui-styles---radius--number-5: 12px;
  --_colors---border-colors--border-color-teal: var(--_colors---brand-colors--teal);
  --_colors---border-colors--border-color-red: var(--_colors---brand-colors--red);
  --_colors---brand-colors--blue: #0452b8;
  --_colors---brand-colors--teal: #28daea;
  --_colors---brand-colors--red: #bd1414;
  --_colors---brand-colors--grey: #b9b9b9;
  --_colors---border-colors--border-color-grey: var(--_colors---brand-colors--grey);
  --_ui-styles---radius--number-7: 24px;
  --_ui-styles---radius--number-9: 40px;
  --_ui-styles---radius--number-10: 64px;
  --_ui-styles---radius--number-11: 128px;
  --base-color-neutral--white\<deleted\|relume-variable-color-neutral-2\>: white;
  --base-color-neutral--neutral-lightest\<deleted\|relume-variable-color-neutral-3\>: #eee;
  --base-color-neutral--black\<deleted\|relume-variable-color-neutral-1\>: black;
}

body {
  background-color: var(--_colors---background-colors--background-color-white);
  font-family: var(--_typography---font-families--body-font-1);
  color: var(--_colors---text-colors--text-color-black);
  font-size: 1rem;
  line-height: 1.5;
}

h1 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-1);
  letter-spacing: -3%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 110%;
}

h2 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-2);
  letter-spacing: -3%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 110%;
}

h3 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-3);
  letter-spacing: -3%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 115%;
}

h4 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-4);
  letter-spacing: -3%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 115%;
}

h5 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-5);
  letter-spacing: -1%;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
}

h6 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-6);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 120%;
}

p {
  margin-bottom: 0;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

li {
  margin-top: .25rem;
  margin-bottom: .25rem;
  padding-left: .5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

blockquote {
  border-left: .1875rem solid var(--color-scheme-1--text);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.container-large {
  width: 100%;
  max-width: 82rem;
  margin-left: auto;
  margin-right: auto;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.margin-tiny {
  margin: .25rem;
}

.margin-bottom, .margin-bottom.margin-tiny {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.text-size-body-1 {
  font-size: var(--_typography---font-sizes--body-1);
  letter-spacing: -1%;
  line-height: 150%;
}

.heading-style-h6 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-6);
  font-weight: 600;
  line-height: 120%;
}

.icon-embed-medium {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
}

.heading-style-h1 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-1);
  letter-spacing: -3%;
  font-weight: 600;
  line-height: 110%;
}

.text-size-body-2 {
  font-size: var(--_typography---font-sizes--body-2);
  letter-spacing: -1%;
  line-height: 150%;
}

.heading-style-h3 {
  font-family: var(--_typography---font-families--header);
  font-size: var(--_typography---font-sizes--heading-3);
  letter-spacing: -3%;
  font-weight: 600;
  line-height: 115%;
}

.icon-embed-custom1 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.button-group {
  grid-column-gap: var(--_ui-styles---spacing--number-6);
  grid-row-gap: var(--_ui-styles---spacing--number-6);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-group.hide-desktop {
  display: none;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-color-black {
  color: var(--_colors---text-colors--text-color-black);
}

.icon-embed-xxsmall {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
}

.icon-embed-xxsmall.is_button_component {
  display: none;
}

.icon-embed-xsmall {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-embed-xsmall.is_button_component {
  display: none;
}

.icon-embed-xsmall.is_button_component:where(.w-variant-2afd6dc8-f9b0-8e20-444a-b074a67c5e24) {
  display: flex;
}

.text-size-body-3 {
  font-size: var(--_typography---font-sizes--body-3);
  letter-spacing: -1%;
  line-height: 150%;
}

.padding-global {
  padding-right: var(--_ui-styles---paddings--padding-global);
  padding-left: var(--_ui-styles---paddings--padding-global);
}

.padding-section-medium {
  padding-top: var(--_ui-styles---paddings--padding-section-medium);
  padding-bottom: var(--_ui-styles---paddings--padding-section-medium);
}

.padding-section-large {
  padding-top: var(--_ui-styles---paddings--padding-section-large);
  padding-bottom: var(--_ui-styles---paddings--padding-section-large);
}

.subtitle-3 {
  font-family: var(--_typography---font-families--body-font-2);
  font-size: var(--_typography---font-sizes--subtitle-3);
  text-transform: uppercase;
  letter-spacing: 5%;
  font-weight: 600;
  line-height: 150%;
}

.button-component {
  padding-top: var(--_ui-styles---spacing--number-6);
  padding-right: var(--_ui-styles---spacing--number-7);
  padding-bottom: var(--_ui-styles---spacing--number-6);
  padding-left: var(--_ui-styles---spacing--number-7);
  border-top-style: solid;
  border-top-width: .09rem;
  border-top-color: var(--_colors---border-colors--border-color-black);
  border-right-style: solid;
  border-right-width: .09rem;
  border-right-color: var(--_colors---border-colors--border-color-black);
  border-bottom-style: solid;
  border-bottom-width: .09rem;
  border-bottom-color: var(--_colors---border-colors--border-color-black);
  border-left-style: solid;
  border-left-width: .09rem;
  border-left-color: var(--_colors---border-colors--border-color-black);
  border-top-left-radius: var(--_ui-styles---radius--number-2);
  border-top-right-radius: var(--_ui-styles---radius--number-2);
  border-bottom-left-radius: var(--_ui-styles---radius--number-2);
  border-bottom-right-radius: var(--_ui-styles---radius--number-2);
  background-color: var(--_colors---opacity--transparency--transparent);
  color: var(--_colors---text-colors--text-color-black);
  font-size: var(--_typography---font-sizes--body-2);
  text-align: center;
  letter-spacing: -1%;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
  transition-property: all;
  transition-duration: .25s;
  transition-timing-function: ease;
  overflow: clip;
}

.button-component:where(.w-variant-2afd6dc8-f9b0-8e20-444a-b074a67c5e24) {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--_colors---background-colors--background-color-black);
  color: var(--_colors---text-colors--text-color-white);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-component:hover {
  border-color: var(--_colors---border-colors--border-color-blue);
  background-color: var(--_colors---background-colors--background-color-blue);
  color: var(--_colors---text-colors--text-color-white);
}

.button-component.is-small {
  padding: var(--_ui-styles---spacing--number-4) var(--_ui-styles---spacing--number-6);
}

.text-color-blue {
  color: var(--_colors---text-colors--text-color-blue);
}

.nav_menu_fixed {
  display: block;
}

.nav_menu {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: var(--_colors---text-colors--text-color-white);
  justify-content: space-between;
  align-items: center;
  padding-top: .3125rem;
  display: flex;
}

.nav_menu.text-color-black {
  color: var(--_colors---text-colors--text-color-black);
}

.menu_btn_lottie {
  width: 2.5rem;
}

.menu_btn {
  cursor: pointer;
  display: none;
}

.nav_container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.nav_component {
  background-color: var(--_colors---opacity--transparency--transparent);
  width: 100%;
  box-shadow: 0 10px 20px 0 var(--navbar-shadow);
  transition: box-shadow .2s cubic-bezier(.785, .135, .15, .86), background-color .2s cubic-bezier(.785, .135, .15, .86);
  position: relative;
  inset: 0% 0% auto;
}

.nav_fixed {
  z-index: 9999;
  position: fixed;
  inset: 0% 0% auto;
}

.nav_link {
  padding-top: var(--_ui-styles---spacing--number-3);
  grid-column-gap: var(--_ui-styles---spacing--number-3);
  grid-row-gap: var(--_ui-styles---spacing--number-3);
  white-space: nowrap;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.nav_link.w--current {
  font-weight: 700;
}

.nav_link.is_icon {
  grid-column-gap: var(--_ui-styles---spacing--number-4);
  grid-row-gap: var(--_ui-styles---spacing--number-4);
  flex-flow: row;
  transition: color .25s;
}

.nav_link.is_icon:hover {
  color: var(--_colors---text-colors--text-color-light-blue);
}

.nav_link.is_underline {
  padding-bottom: 0;
}

.nav_link.is_underline.w--current {
  color: var(--_colors---brand-colors--light-blue);
}

.nav_link.is_underline.is-dropdown {
  white-space: normal;
  justify-content: center;
  align-items: flex-start;
}

.nav_brand {
  width: 100%;
  max-width: 14.38rem;
  padding-left: 0;
  padding-right: 0;
  transition: all .35s;
}

.nav_brand:hover {
  transform: scale(1.075);
}

.nav_top_bar {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 82rem;
  height: 45.5px;
  margin-left: auto;
  margin-right: auto;
  transition: height .2s cubic-bezier(.785, .135, .15, .86);
  display: flex;
  overflow: clip;
}

.nav_bottom {
  width: 100%;
  max-width: 82rem;
  padding-top: var(--_ui-styles---spacing--number-6);
  padding-bottom: var(--_ui-styles---spacing--number-6);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.link_icon {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  margin-top: 1px;
  display: flex;
}

.nav_divider {
  background-color: var(--_colors---opacity--transparency--white-20);
  height: 1px;
}

.nav_divider.is_light {
  background-color: var(--_colors---opacity--transparency--black-20);
}

.hero_bg_dots {
  border-radius: var(--_ui-styles---spacing--number-8);
  object-fit: cover;
  object-position: 50% 100%;
  background-image: url('/images/new_dots.svg');
  background-position: 50% 0;
  background-attachment: scroll;
  width: 100%;
  height: 100%;
}

.hero_bg_dots.is_light {
  background-image: url('/images/new_dots-Blue.svg');
  background-position: 50% 0;
  background-size: auto;
  background-attachment: scroll;
}

.hero_bg_dots_wrap {
  border-radius: var(--_ui-styles---radius--number-8);
  pointer-events: none;
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8.5rem;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: 0%;
}

.hero_bg_dots_wrap.is_light {
  height: auto;
  bottom: 26%;
  overflow: clip;
}

.hero_bg_dots_wrap.is_404 {
  z-index: 1;
  padding-top: 5.31rem;
  padding-bottom: 5.63rem;
}

.spacer {
  width: 100%;
  padding-top: var(--_ui-styles---spacing--number-1);
}

.spacer:where(.w-variant-b8b00e94-f11a-3f07-7a63-5552509adabb) {
  padding-top: var(--_ui-styles---spacing--number-7);
}

.spacer:where(.w-variant-6337159f-d319-6555-cbf2-bda05f2884af) {
  padding-top: var(--_ui-styles---spacing--number-8);
}

.text-color-black-40 {
  color: var(--_colors---opacity--transparency--black-40);
}

.text-color-black-80 {
  color: var(--_colors---opacity--transparency--black-80);
}

.footer {
  position: relative;
  overflow: clip;
}

.footer_wrapper {
  padding-top: var(--_ui-styles---spacing--number-9);
  padding-bottom: var(--_ui-styles---spacing--number-10);
  grid-column-gap: var(--_ui-styles---spacing--number-11);
  grid-row-gap: var(--_ui-styles---spacing--number-11);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(auto, 230px) minmax(auto, 867px);
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
  display: grid;
}

.footer_logo {
  width: 100%;
  max-width: 14.38rem;
  padding-top: var(--_ui-styles---spacing--number-4);
  transition: all .35s;
}

.footer_logo:hover {
  transform: scale(1.075);
}

.footer_block {
  grid-column-gap: var(--_ui-styles---spacing--number-5);
  grid-row-gap: var(--_ui-styles---spacing--number-5);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer_link {
  grid-column-gap: var(--_ui-styles---spacing--number-4);
  grid-row-gap: var(--_ui-styles---spacing--number-4);
  justify-content: flex-start;
  align-items: flex-start;
  transition: color .25s;
  display: flex;
}

.footer_link:hover, .footer_link.w--current {
  color: var(--_colors---text-colors--text-color-blue);
}

.footer_link.text-style-underline:hover {
  text-decoration: none;
}

.footer_link.is_underline {
  text-decoration: underline;
}

.footer_divider {
  background-color: var(--_colors---opacity--transparency--blue-30);
  width: 100%;
  height: 1px;
}

.footer_blocks_wrap {
  grid-column-gap: var(--_ui-styles---spacing--number-4);
  grid-row-gap: var(--_ui-styles---spacing--number-4);
  flex: auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  width: 100%;
  max-width: 55rem;
  display: grid;
}

.footer_social_links_wrap {
  grid-column-gap: var(--_ui-styles---spacing--number-6);
  grid-row-gap: var(--_ui-styles---spacing--number-6);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_social_link {
  transition: color .25s;
}

.footer_social_link:hover {
  color: var(--_colors---text-colors--text-color-blue);
}

.footer_copyright_wrap {
  width: 100%;
  padding-top: var(--_ui-styles---spacing--number-7);
  padding-bottom: var(--_ui-styles---spacing--number-10);
  grid-column-gap: var(--_ui-styles---spacing--number-8);
  grid-row-gap: var(--_ui-styles---spacing--number-8);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.text-style-underline {
  text-underline-offset: 1px;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration: underline;
}

.footer_copyright_left_wrap {
  grid-column-gap: var(--_ui-styles---spacing--number-10);
  grid-row-gap: var(--_ui-styles---spacing--number-10);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_copyright_links_wrap {
  grid-column-gap: var(--_ui-styles---spacing--number-6);
  grid-row-gap: var(--_ui-styles---spacing--number-6);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer_icon_link {
  transition: color .25s;
}

.footer_icon_link:hover {
  color: var(--_colors---text-colors--text-color-black);
}

.nav_link_underline {
  background-color: var(--_colors---background-colors--background-color-light-blue);
  height: 1px;
}

.show-mobile-landscape, .nav_menu_bottom_content {
  display: none;
}

.section_404 {
  width: 100vw;
  height: 100dvh;
  padding-right: var(--_ui-styles---paddings--padding-global);
  padding-left: var(--_ui-styles---paddings--padding-global);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: clip;
}

._404_top_bar {
  z-index: 3;
  flex-flow: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

._404_content_wrap {
  z-index: 2;
  text-align: center;
  flex-flow: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

._404_bg_img {
  z-index: 0;
  filter: blur(24px);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section_hero-policies---terms {
  padding-top: 8.5rem;
  position: relative;
}

.hero-policies---terms_wrapper {
  text-align: center;
}

.section_policies---terms {
  overflow: clip;
}

.policies---terms_wrapper {
  width: 100%;
  max-width: 58rem;
  margin-left: auto;
  margin-right: auto;
}

.policies---terms_richtext {
  width: 100%;
}

.policies---terms_richtext p {
  color: var(--_colors---opacity--transparency--black-80);
  font-size: var(--_typography---font-sizes--body-1);
  letter-spacing: -1%;
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 150%;
}

.policies---terms_richtext ul, .policies---terms_richtext ol {
  color: var(--_colors---opacity--transparency--black-80);
}

.policies---terms_richtext h5 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.policies---terms_richtext h3 {
  margin-bottom: 2.5rem;
}

.policies---terms_richtext a {
  text-decoration: underline;
  transition: color .2s;
}

.policies---terms_richtext a:hover {
  color: var(--_colors---text-colors--text-color-blue);
}

.nav-link-dropdown-menu-spacer {
  z-index: -11;
  pointer-events: none;
  height: 1.5rem;
  width: auto !important;
}

.nav-link-dropdown-toggle {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  transition: color .25s;
  display: flex;
}

.nav-link-dropdown-nav {
  color: var(--_colors---opacity--transparency--black-80);
  background-color: #0000;
  inset: 4rem 0% auto;
  min-width: auto !important;
}

.nav-link-dropdown-nav.is-small {
  inset: 2rem auto auto 0%;
}

.nav-link-dropdown-nav.is-industries {
  left: 15%;
  right: 15%;
}

.nav-link-dropdown {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  position: static;
}

.nav-link-dropdown.is-relative {
  position: relative;
}

.nav-items-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-link-dropdown-menu-inner-wrap {
  background-color: #fff;
  border-radius: 1rem;
  overflow: clip;
  box-shadow: 0 15px 30px #4a261414;
  width: auto !important;
}

.nav-link-dropdown-menu-inner-wrap.is-small {
  min-width: 11rem;
}

.nav-link-dropdown-menu {
  grid-column-gap: var(--_ui-styles---spacing--number-7);
  grid-row-gap: var(--_ui-styles---spacing--number-7);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: minmax(auto, 940px);
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: auto;
  padding: 1.5rem;
  display: flex;
}

.nav-link-dropdown-menu.is-flex {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-items-title-wrap {
  margin-bottom: .5rem;
}

.nav-dropdown-links-wrap {
  grid-column-gap: var(--_ui-styles---spacing--number-6);
  grid-row-gap: var(--_ui-styles---spacing--number-6);
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: grid;
}

.nav-dropdown-links-wrap.is-3cols {
  grid-template-columns: minmax(auto, 290px) minmax(auto, 290px) minmax(auto, 290px);
}

.nav-dropdown-links-wrap.is-3cols.is-industries {
  grid-template-columns: minmax(250px, auto) minmax(250px, auto) minmax(250px, auto);
}

.footer_block-item {
  display: flex;
}

@media screen and (max-width: 991px) {
  body {
    --_ui-styles---spacing--number-6: 1rem;
    --_ui-styles---spacing--number-7: 1.375rem;
    --_ui-styles---radius--number-2: 4px;
    --_ui-styles---spacing--number-1: 0rem;
    --_ui-styles---spacing--number-5: .75rem;
    --_ui-styles---spacing--number-4: .5rem;
    --_ui-styles---stroke--border-width\<deleted\|relume-variable-border-width\>: 1px;
    --_ui-styles---paddings--padding-section-small: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (90 - 20) * 20)) * 1rem + ((5 - 2.5) / (90 - 20)) * 100vw), 5 * 1rem);
    --_ui-styles---paddings--padding-global: clamp(1 * 1rem, ((1 - ((2 - 1) / (90 - 20) * 20)) * 1rem + ((2 - 1) / (90 - 20)) * 100vw), 2 * 1rem);
    --_ui-styles---paddings--padding-section-large: clamp(5 * 1rem, ((5 - ((10 - 5) / (90 - 20) * 20)) * 1rem + ((10 - 5) / (90 - 20)) * 100vw), 10 * 1rem);
    --_ui-styles---paddings--padding-section-medium: clamp(3 * 1rem, ((3 - ((7.5 - 3) / (90 - 20) * 20)) * 1rem + ((7.5 - 3) / (90 - 20)) * 100vw), 7.5 * 1rem);
    --_ui-styles---radius--number-3: 6px;
    --_ui-styles---radius--number-12: 360px;
    --_ui-styles---radius--number-1: 0px;
    --_ui-styles---spacing--number-3: .25rem;
    --_ui-styles---spacing--number-24: 8.75rem;
    --_ui-styles---spacing--number-8: 1.75rem;
    --_ui-styles---spacing--number-12: 3.625rem;
    --_ui-styles---spacing--number-10: 2.75rem;
    --_ui-styles---radius--number-8: 32px;
    --_ui-styles---spacing--number-2: .125rem;
    --_ui-styles---spacing--number-9: 2.25rem;
    --_ui-styles---spacing--number-11: 3.125rem;
    --_ui-styles---spacing--number-13: 4rem;
    --_ui-styles---spacing--number-14: 4.5rem;
    --_ui-styles---spacing--number-15: 5rem;
    --_ui-styles---spacing--number-16: 5.5rem;
    --_ui-styles---spacing--number-17: 5.875rem;
    --_ui-styles---spacing--number-18: 6.25rem;
    --_ui-styles---spacing--number-19: 6.75rem;
    --_ui-styles---spacing--number-20: 7rem;
    --_ui-styles---spacing--number-21: 7.5rem;
    --_ui-styles---spacing--number-22: 7.875rem;
    --_ui-styles---spacing--number-23: 8.25rem;
    --_ui-styles---radius--number-4: 8px;
    --_ui-styles---radius--number-6: 16px;
    --_ui-styles---radius--number-5: 12px;
    --_ui-styles---radius--number-7: 24px;
    --_ui-styles---radius--number-9: 40px;
    --_ui-styles---radius--number-10: 64px;
    --_ui-styles---radius--number-11: 128px;
  }

  .hide-tablet {
    display: none;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .button-group.hide-desktop {
    display: flex;
  }

  .button-component:hover {
    border-color: var(--_colors---border-colors--border-color-black);
    background-color: var(--_colors---opacity--transparency--transparent);
    color: var(--_colors---text-colors--text-color-black);
  }

  .button-component:hover:where(.w-variant-2afd6dc8-f9b0-8e20-444a-b074a67c5e24) {
    border-color: var(--_colors---border-colors--border-color-black);
    background-color: var(--_colors---background-colors--background-color-black);
    color: var(--_colors---text-colors--text-color-white);
  }

  .nav_menu_fixed {
    z-index: 1;
    min-height: 100dvh;
    padding: var(--_ui-styles---spacing--number-24) var(--_ui-styles---paddings--padding-global) var(--_ui-styles---spacing--number-6);
    background-color: var(--_colors---background-colors--background-color-black);
    display: none;
    position: absolute;
    inset: 0%;
    overflow: clip;
  }

  .nav_menu_fixed.is_light {
    background-color: var(--_colors---background-colors--background-color-white);
  }

  .nav_menu {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    overflow: auto;
  }

  .menu_btn_lottie {
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    display: flex;
  }

  .menu_btn_lottie.is_light {
    color: var(--_colors---text-colors--text-color-black);
  }

  .menu_btn {
    z-index: 99;
    color: var(--_colors---text-colors--text-color-white);
    padding: 0;
    display: block;
    position: relative;
  }

  .menu_btn.w--open {
    background-color: #0000;
  }

  .menu_btn.is_alternate {
    color: var(--_colors---text-colors--text-color-black);
  }

  .nav_link.is_icon:hover {
    color: inherit;
  }

  .nav_brand {
    z-index: 99;
    max-width: 13rem;
  }

  .nav_brand:hover {
    transform: none;
  }

  .nav_top_bar {
    z-index: 99;
    position: relative;
  }

  .nav_bottom {
    position: static;
  }

  .nav_divider {
    z-index: 99;
    position: relative;
  }

  .hero_bg_dots_wrap {
    padding-left: 18px;
    padding-right: 18px;
  }

  .footer_wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer_logo {
    max-width: 13rem;
    padding-top: 0;
  }

  .footer_link:hover {
    color: inherit;
  }

  .footer_blocks_wrap {
    max-width: none;
  }

  .footer_social_link:hover {
    color: var(--_colors---text-colors--text-color-black);
    transform: none;
  }

  .footer_icon_link:hover {
    color: var(--_colors---text-colors--text-color-blue);
  }

  .nav_link_underline {
    display: none;
  }

  .nav_menu_bottom_content {
    margin-top: auto;
    display: block;
  }

  ._404_bg_img {
    filter: blur(16px);
    transform: scale(1.25);
  }

  .section_hero-policies---terms {
    padding-top: 7rem;
  }

  .nav-link-dropdown-menu-spacer {
    height: .5rem;
  }

  .nav-link-dropdown-toggle {
    justify-content: center;
    align-items: center;
  }

  .nav-link-dropdown-nav {
    position: static;
  }

  .nav-items-wrap {
    width: 100%;
    padding: 0;
  }

  .nav-items-wrap.is-small {
    justify-content: flex-start;
    align-items: center;
  }

  .nav-link-dropdown-menu-inner-wrap {
    box-shadow: 0 0 30px #4a261414;
  }

  .nav-link-dropdown-menu {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    display: flex;
  }

  .nav-link-dropdown-menu.is-flex {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-dropdown-links-wrap {
    grid-row-gap: var(--_ui-styles---spacing--number-10);
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .nav-dropdown-links-wrap.is-3cols {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_ui-styles---spacing--number-6: 1rem;
    --_ui-styles---spacing--number-7: 1.25rem;
    --_ui-styles---radius--number-2: 4px;
    --_ui-styles---spacing--number-1: 0rem;
    --_ui-styles---spacing--number-5: .75rem;
    --_ui-styles---spacing--number-4: .375rem;
    --_ui-styles---stroke--border-width\<deleted\|relume-variable-border-width\>: 1px;
    --_ui-styles---paddings--padding-section-small: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (90 - 20) * 20)) * 1rem + ((5 - 2.5) / (90 - 20)) * 100vw), 5 * 1rem);
    --_ui-styles---paddings--padding-global: clamp(1 * 1rem, ((1 - ((2 - 1) / (90 - 20) * 20)) * 1rem + ((2 - 1) / (90 - 20)) * 100vw), 2 * 1rem);
    --_ui-styles---paddings--padding-section-large: clamp(5 * 1rem, ((5 - ((10 - 5) / (90 - 20) * 20)) * 1rem + ((10 - 5) / (90 - 20)) * 100vw), 10 * 1rem);
    --_ui-styles---paddings--padding-section-medium: clamp(3 * 1rem, ((3 - ((7.5 - 3) / (90 - 20) * 20)) * 1rem + ((7.5 - 3) / (90 - 20)) * 100vw), 7.5 * 1rem);
    --_ui-styles---radius--number-3: 6px;
    --_ui-styles---radius--number-12: 360px;
    --_ui-styles---radius--number-1: 0px;
    --_ui-styles---spacing--number-3: .25rem;
    --_ui-styles---spacing--number-24: 7.5rem;
    --_ui-styles---spacing--number-8: 1.5rem;
    --_ui-styles---spacing--number-12: 3.25rem;
    --_ui-styles---spacing--number-10: 2.5rem;
    --_ui-styles---radius--number-8: 32px;
    --_ui-styles---spacing--number-2: .125rem;
    --_ui-styles---spacing--number-9: 2rem;
    --_ui-styles---spacing--number-11: 2.75rem;
    --_ui-styles---spacing--number-13: 3.5rem;
    --_ui-styles---spacing--number-14: 4rem;
    --_ui-styles---spacing--number-15: 4.5rem;
    --_ui-styles---spacing--number-16: 5rem;
    --_ui-styles---spacing--number-17: 5.25rem;
    --_ui-styles---spacing--number-18: 5.5rem;
    --_ui-styles---spacing--number-19: 6rem;
    --_ui-styles---spacing--number-20: 6.125rem;
    --_ui-styles---spacing--number-21: 6.5rem;
    --_ui-styles---spacing--number-22: 6.75rem;
    --_ui-styles---spacing--number-23: 7rem;
    --_ui-styles---radius--number-4: 8px;
    --_ui-styles---radius--number-6: 16px;
    --_ui-styles---radius--number-5: 12px;
    --_ui-styles---radius--number-7: 24px;
    --_ui-styles---radius--number-9: 40px;
    --_ui-styles---radius--number-10: 64px;
    --_ui-styles---radius--number-11: 128px;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .icon-embed-medium {
    width: 2rem;
    height: 2rem;
  }

  .menu_btn_lottie {
    width: 2.25rem;
  }

  .nav_brand {
    max-width: 12rem;
  }

  .nav_top_bar {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .hero_bg_dots_wrap {
    padding-top: 5rem;
    padding-left: 16px;
    padding-right: 16px;
  }

  .footer_wrapper {
    grid-column-gap: var(--_ui-styles---spacing--number-4);
    flex-direction: column;
  }

  .footer_logo {
    max-width: 12rem;
  }

  .footer_link:hover {
    color: #1a1b1fbf;
  }

  .footer_blocks_wrap {
    grid-column-gap: var(--_ui-styles---spacing--number-8);
    grid-row-gap: var(--_ui-styles---spacing--number-8);
    grid-template-columns: 1fr 1fr;
  }

  .footer_copyright_left_wrap {
    grid-row-gap: var(--_ui-styles---spacing--number-5);
    flex-flow: wrap;
  }

  .show-mobile-landscape {
    display: flex;
  }

  .nav_menu_bottom_content {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  ._404_bg_img {
    filter: blur(14px);
  }

  .section_hero-policies---terms {
    padding-top: 4rem;
  }

  .policies---terms_richtext h5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .policies---terms_richtext h3 {
    margin-bottom: 2.25rem;
  }

  .nav-link-dropdown-nav {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .nav-items-wrap {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-link-dropdown-menu {
    padding: 1.25rem 1rem;
  }

  .nav-link-dropdown-menu.is-flex {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-dropdown-links-wrap {
    grid-row-gap: var(--_ui-styles---spacing--number-9);
    flex-flow: column;
    display: flex;
  }

  .nav-dropdown-links-wrap.is-3cols {
    grid-column-gap: var(--_ui-styles---spacing--number-6);
    grid-row-gap: var(--_ui-styles---spacing--number-9);
    grid-auto-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_ui-styles---spacing--number-6: .75rem;
    --_ui-styles---spacing--number-7: 1.125rem;
    --_ui-styles---radius--number-2: 4px;
    --_ui-styles---spacing--number-1: 0rem;
    --_ui-styles---spacing--number-5: .5rem;
    --_ui-styles---spacing--number-4: .25rem;
    --_ui-styles---stroke--border-width\<deleted\|relume-variable-border-width\>: 1px;
    --_ui-styles---paddings--padding-section-small: clamp(2.5 * 1rem, ((2.5 - ((5 - 2.5) / (90 - 20) * 20)) * 1rem + ((5 - 2.5) / (90 - 20)) * 100vw), 5 * 1rem);
    --_ui-styles---paddings--padding-global: clamp(1 * 1rem, ((1 - ((2 - 1) / (90 - 20) * 20)) * 1rem + ((2 - 1) / (90 - 20)) * 100vw), 2 * 1rem);
    --_ui-styles---paddings--padding-section-large: clamp(5 * 1rem, ((5 - ((10 - 5) / (90 - 20) * 20)) * 1rem + ((10 - 5) / (90 - 20)) * 100vw), 10 * 1rem);
    --_ui-styles---paddings--padding-section-medium: clamp(3 * 1rem, ((3 - ((7.5 - 3) / (90 - 20) * 20)) * 1rem + ((7.5 - 3) / (90 - 20)) * 100vw), 7.5 * 1rem);
    --_ui-styles---radius--number-3: 6px;
    --_ui-styles---radius--number-12: 360px;
    --_ui-styles---radius--number-1: 0px;
    --_ui-styles---spacing--number-3: .25rem;
    --_ui-styles---spacing--number-24: 6.5rem;
    --_ui-styles---spacing--number-8: 1.25rem;
    --_ui-styles---spacing--number-12: 2.875rem;
    --_ui-styles---spacing--number-10: 2.25rem;
    --_ui-styles---radius--number-8: 32px;
    --_ui-styles---spacing--number-2: .125rem;
    --_ui-styles---spacing--number-9: 1.75rem;
    --_ui-styles---spacing--number-11: 2.375rem;
    --_ui-styles---spacing--number-13: 3rem;
    --_ui-styles---spacing--number-14: 3.5rem;
    --_ui-styles---spacing--number-15: 4rem;
    --_ui-styles---spacing--number-16: 4.5rem;
    --_ui-styles---spacing--number-17: 4.625rem;
    --_ui-styles---spacing--number-18: 4.75rem;
    --_ui-styles---spacing--number-19: 5.25rem;
    --_ui-styles---spacing--number-20: 5.375rem;
    --_ui-styles---spacing--number-21: 5.5rem;
    --_ui-styles---spacing--number-22: 5.625rem;
    --_ui-styles---spacing--number-23: 6.25rem;
    --_ui-styles---radius--number-4: 8px;
    --_ui-styles---radius--number-6: 16px;
    --_ui-styles---radius--number-5: 12px;
    --_ui-styles---radius--number-7: 24px;
    --_ui-styles---radius--number-9: 40px;
    --_ui-styles---radius--number-10: 64px;
    --_ui-styles---radius--number-11: 128px;
  }

  h3, h4 {
    letter-spacing: -2%;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h3 {
    letter-spacing: -2%;
  }

  .button-group {
    width: 100%;
  }

  .button-component {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .nav_menu_fixed {
    padding-bottom: var(--_ui-styles---spacing--number-7);
  }

  .menu_btn_lottie {
    width: 2rem;
  }

  .nav_brand {
    max-width: 11rem;
  }

  .hero_bg_dots_wrap {
    padding-top: 4.5rem;
    padding-left: 3%;
    padding-right: 3%;
  }

  .hero_bg_dots_wrap.is_404 {
    padding-top: 3.88rem;
    padding-bottom: 0;
  }

  .footer_wrapper {
    padding-bottom: var(--_ui-styles---spacing--number-9);
    grid-row-gap: var(--_ui-styles---spacing--number-12);
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer_logo {
    max-width: 11rem;
  }

  .footer_blocks_wrap {
    flex-flow: column;
    display: flex;
  }

  .footer_copyright_wrap {
    padding-bottom: var(--_ui-styles---spacing--number-9);
  }

  .footer_copyright_left_wrap.text-color-black-80 {
    grid-column-gap: var(--_ui-styles---spacing--number-9);
    grid-row-gap: var(--_ui-styles---spacing--number-9);
  }

  .footer_copyright_links_wrap {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer_icon_link.text-color-blue {
    align-self: flex-end;
  }

  .nav_menu_bottom_content {
    width: 100%;
  }

  ._404_bg_img {
    filter: blur(8px);
    transform: scale(1.3);
  }

  .policies---terms_richtext p, .policies---terms_richtext ul {
    margin-top: .75rem;
    margin-bottom: .75rem;
  }

  .policies---terms_richtext h5 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .policies---terms_richtext h3 {
    margin-bottom: 2rem;
  }

  .nav-link-dropdown-toggle {
    justify-content: space-between;
  }

  .nav-link-dropdown-nav {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .nav-link-dropdown-menu-inner-wrap {
    box-shadow: 0 0 20px #4a261414;
  }

  .nav-link-dropdown-menu-inner-wrap.is-small {
    min-width: 9rem;
  }

  .nav-link-dropdown-menu {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .nav-link-dropdown-menu.is-flex {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-dropdown-links-wrap.is-3cols {
    display: flex;
  }
}

#w-node-_513b4326-e820-161b-9f90-82f1a9e5e58b-a9e5e586 {
  justify-self: start;
}

#w-node-_513b4326-e820-161b-9f90-82f1a9e5e58d-a9e5e586 {
  grid-area: 2 / 1 / 3 / 2;
  place-self: end start;
}

#w-node-_5df17b23-b31c-838d-2401-07c587d33fe7-a9e5e586 {
  grid-area: 1 / 2 / 3 / 3;
}

@media screen and (max-width: 991px) {

  #w-node-_513b4326-e820-161b-9f90-82f1a9e5e58b-a9e5e586 {
    justify-self: start;
  }

  #w-node-_513b4326-e820-161b-9f90-82f1a9e5e58d-a9e5e586 {
    grid-area: 1 / 2 / 2 / 3;
    place-self: center end;
  }

  #w-node-_5df17b23-b31c-838d-2401-07c587d33fe7-a9e5e586 {
    grid-row-start: 2;
    grid-column-start: 1;
  }
}

@media screen and (max-width: 479px) {

  #w-node-_513b4326-e820-161b-9f90-82f1a9e5e58d-a9e5e586 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: start;
  }

  #w-node-_5df17b23-b31c-838d-2401-07c587d33fe7-a9e5e586 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}












/* ===== page-head \3c style> blocks ===== */
/* Webflow \3c style> blocks (project custom code: head + body embeds), lifted verbatim from the export. Order preserved. */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -o-font-smoothing: antialiased;
}
  ::selection {
  background: #1C1C1C;
  color: #fff;
}

/* Ensure all elements inherit the color from its parent */
a,
.w-nav-brand,
.w-dropdown-toggle {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}
/* Focus state style for keyboard navigation for the focusable elements */
*[tabindex]:focus-visible,
  input[type="file"]:focus-visible {
   outline: 0.125rem solid #4d65ff;
   outline-offset: 0.125rem;
}
/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}
/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
	margin-bottom: 0 !important;
}
/* Prevent all click and hover interaction with an element */
/* Enables all click and hover interaction with an element */
/* Create a class of .div-square which maintains a 1:1 dimension of a div */
/* Make sure containers never lose their center alignment */
.container-small,.container-large {
	margin-right: auto !important;
  margin-left: auto !important;
}
/* Apply "..." after 3 lines of text */
/* Apply "..." after 2 lines of text */
/* Adds inline flex display */
/* These classes are never overwritten */
/* Remove default Webflow chevron from form select */
select{
  -webkit-appearance:none;
}
@media screen and (max-width: 991px) {
    .hide-tablet {
        display: none !important;
    }
}
  @media screen and (max-width: 767px) {
    .hide-mobile-landscape{
      display: none !important;
    }
}
.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}
/* Apply "..." at 100% width */
/* Removes native scrollbar */

/* Color Schemes Controls*/
/* Inherit slider dot colors */
/* Override .w-slider-nav-invert styles */



/* ===== page-body \3c style> embeds ===== */
/* Page-level \3c style> embeds found inside <body> across the export pages (Webflow embed blocks). Lifted verbatim; page list per block. */
/* pages: co-managed-it.html, contact.html, detail_location.html, detail_service.html, fully-managed-it.html, it-risk-assessment.html, privacy-policy.html, strategic-consulting.html, terms-of-service.html */
.menu_btn_lottie svg path {
  fill: currentColor; 
}

/* pages: detail_service.html */

/* pages: detail_service.html */

/* pages: it-risk-assessment.html */
/* ============================================
   CloudOrbis IT Risk Assessment — Styles
   Version: 3.0.0 | 2026-04-08
   ============================================ */
/* ============================================
   RESET & BASE — scoped to .co-assessment
   ============================================ */
/* ============================================
   TYPOGRAPHY
   ============================================ */
/* ============================================
   PROFILE STRIP (answer pills)
   ============================================ */
/* Non-clickable pills (on results/analyzing screens) */
@keyframes co-pillFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ============================================
   SEGMENTED PROGRESS INDICATOR
   ============================================ */
@keyframes co-segmentPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}
/* ============================================
   BACK BUTTON
   ============================================ */
/* ============================================
   STEP LABEL
   ============================================ */
/* ============================================
   QUESTION STYLES
   ============================================ */
/* ============================================
   OPTION CARDS (radio style)
   ============================================ */
/* Confidence meter glow on selection */
/* ============================================
   SCREEN TRANSITIONS — directional
   ============================================ */
/* Forward: slide in from right */
/* Back: slide in from left */
/* Default fade (for non-quiz screens) */
/* Exit forward: slide out to left */
/* Exit back: slide out to right */
/* Default exit */
@keyframes co-slideInRight {
  from { opacity: 0; transform: translateX(30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes co-slideInLeft {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes co-slideOutLeft {
  from { opacity: 1; transform: translateX(0); }
  to { opacity: 0; transform: translateX(-30px); }
}
@keyframes co-slideOutRight {
  from { opacity: 1; transform: translateX(0); }
  to { opacity: 0; transform: translateX(30px); }
}
@keyframes co-fadeSlideIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes co-fadeSlideOut {
  from { opacity: 1; transform: translateY(0); }
  to { opacity: 0; transform: translateY(-12px); }
}
/* ============================================
   ANALYZING SCREEN
   ============================================ */
@keyframes co-spin {
  to { transform: rotate(360deg); }
}
@keyframes co-dots {
  0% { content: ''; }
  25% { content: '.'; }
  50% { content: '..'; }
  75% { content: '...'; }
}
/* ============================================
   RESULTS — GAUGE
   ============================================ */
/* ============================================
   FINDINGS
   ============================================ */
/* ============================================
   DIVIDER
   ============================================ */
/* ============================================
   FORM
   ============================================ */
/* ============================================
   BUTTONS
   ============================================ */
/* ============================================
   GATED CONTENT (Phase 2)
   ============================================ */
/* ============================================
   INTRO SCREEN
   ============================================ */
/* ============================================
   HIDDEN FORM
   ============================================ */



}
@layer site {
/* ---- app/ix2-initial.css (verbatim) ---- */
/* GENERATED by scripts/build-ix2-initial-css.mjs — do not edit by hand.
 * Webflow IX2 hover "initial states", per breakpoint. See the script header. */

@media (min-width: 992px) {
  .what_we_offer_card.what_we_offer_card_features, .what_we_offer_card .what_we_offer_card_features { height: 0px; }
  .what_we_offer_card.what_we_offer_card_features, .what_we_offer_card .what_we_offer_card_features { display: none; }
  .what_we_offer_card.what_we_offer_card, .what_we_offer_card .what_we_offer_card { background-color: rgba(255, 255, 255, 0.05); }
  .what_we_offer_card.card_icon_wrap, .what_we_offer_card .card_icon_wrap { background-color: rgba(110, 173, 255, 0.1); }
  .what_we_offer_card.card_icon_wrap, .what_we_offer_card .card_icon_wrap { color: rgba(110, 173, 255, 1); }
  .documentation_card.documentation_card, .documentation_card .documentation_card { background-color: rgba(255, 255, 255, 0.05); }
  .documentation_card.card_icon_wrap.text-color-blue, .documentation_card .card_icon_wrap.text-color-blue { background-color: rgba(110, 173, 255, 0.1); }
  .documentation_card.card_icon_wrap.text-color-blue, .documentation_card .card_icon_wrap.text-color-blue { color: rgba(4, 82, 184, 1); }
  .documentation_card.documentation_card, .documentation_card .documentation_card { color: rgba(28, 28, 28, 1); }
  .documentation_card.text-size-body-2.text-color-black-80, .documentation_card .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  .runbooks_-_policies_card.runbooks_-_policies_card_bg, .runbooks_-_policies_card .runbooks_-_policies_card_bg { opacity: 0; }
  .operation_card_wrap.is_it_page.operation_card, .operation_card_wrap.is_it_page .operation_card { background-color: rgba(255, 255, 255, 0.05); }
  .operation_card_wrap.is_it_page.card_icon_wrap.text-color-blue, .operation_card_wrap.is_it_page .card_icon_wrap.text-color-blue { background-color: rgba(110, 173, 255, 0.1); }
  .operation_card_wrap.is_it_page.operation_card, .operation_card_wrap.is_it_page .operation_card { color: rgba(28, 28, 28, 1); }
  .operation_card_wrap.is_it_page.text-size-body-2.text-color-black-80, .operation_card_wrap.is_it_page .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  .operation_card.is_co-it_page.operation_card, .operation_card.is_co-it_page .operation_card { background-color: rgba(255, 255, 255, 0.05); }
  .operation_card.is_co-it_page.card_icon_wrap.text-color-blue, .operation_card.is_co-it_page .card_icon_wrap.text-color-blue { background-color: rgba(110, 173, 255, 0.1); }
  .operation_card.is_co-it_page.card_icon_wrap.text-color-blue, .operation_card.is_co-it_page .card_icon_wrap.text-color-blue { color: rgba(4, 82, 184, 1); }
  .operation_card.is_co-it_page.operation_card, .operation_card.is_co-it_page .operation_card { color: rgba(28, 28, 28, 1); }
  .operation_card.is_co-it_page.text-size-body-2.text-color-black-80, .operation_card.is_co-it_page .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  .operation_card_wrap.is_co-it_page.operation_card, .operation_card_wrap.is_co-it_page .operation_card { background-color: rgba(255, 255, 255, 0.05); }
  .operation_card_wrap.is_co-it_page.card_icon_wrap.text-color-blue, .operation_card_wrap.is_co-it_page .card_icon_wrap.text-color-blue { background-color: rgba(110, 173, 255, 0.1); }
  .operation_card_wrap.is_co-it_page.card_icon_wrap.text-color-blue, .operation_card_wrap.is_co-it_page .card_icon_wrap.text-color-blue { color: rgba(4, 82, 184, 1); }
  .operation_card_wrap.is_co-it_page.operation_card, .operation_card_wrap.is_co-it_page .operation_card { color: rgba(28, 28, 28, 1); }
  .operation_card_wrap.is_co-it_page.text-size-body-2.text-color-black-80, .operation_card_wrap.is_co-it_page .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].operation_card, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .operation_card { background-color: rgba(255, 255, 255, 0.05); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].card_icon_wrap.text-color-blue, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .card_icon_wrap.text-color-blue { background-color: rgba(110, 173, 255, 0.1); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].operation_card, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .operation_card { color: rgba(28, 28, 28, 1); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].text-size-body-2.text-color-black-80, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-hidden-content, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-hidden-content { height: 0%; }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-hidden-content, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-bg-overlay, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-hidden-content, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-hidden-content { height: 0%; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-hidden-content, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-bg-overlay, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-hidden-content { height: 0%; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-bg-overlay, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-hidden-content { height: 0%; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-bg-overlay, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-hidden-content, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-hidden-content { height: 0%; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-hidden-content, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-bg-overlay, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-hidden-content, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-hidden-content { height: 0%; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-hidden-content, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-bg-overlay, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-bg-overlay { opacity: 0; }
  .team-card.team-card-hidden-content, .team-card .team-card-hidden-content { height: 0%; }
  .team-card.team-card-hidden-content, .team-card .team-card-hidden-content { opacity: 0; }
  .team-card.team-card-bg-overlay, .team-card .team-card-bg-overlay { opacity: 0; }
  .operation_card.is-industry-page.operation_card, .operation_card.is-industry-page .operation_card { background-color: rgba(255, 255, 255, 1); }
  .operation_card.is-industry-page.operation_card-title-wrap, .operation_card.is-industry-page .operation_card-title-wrap { color: rgba(4, 82, 184, 1); }
  .operation_card.is-industry-page.operation_card, .operation_card.is-industry-page .operation_card { color: rgba(28, 28, 28, 1); }
  .operation_card.is-industry-page.text-size-body-2.text-color-black-80, .operation_card.is-industry-page .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  .operation_card.is-industry-page.operation_card-hidden-txt, .operation_card.is-industry-page .operation_card-hidden-txt { height: 0px; }
}

@media (min-width: 768px) and (max-width: 991px) {
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].operation_card, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .operation_card { background-color: rgba(255, 255, 255, 0.05); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].card_icon_wrap.text-color-blue, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .card_icon_wrap.text-color-blue { background-color: rgba(110, 173, 255, 0.1); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].operation_card, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .operation_card { color: rgba(28, 28, 28, 1); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].text-size-body-2.text-color-black-80, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-hidden-content, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-hidden-content { height: 0%; }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-hidden-content, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-bg-overlay, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-hidden-content, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-hidden-content { height: 0%; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-hidden-content, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-bg-overlay, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-hidden-content { height: 0%; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-bg-overlay, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-hidden-content { height: 0%; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-bg-overlay, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-hidden-content, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-hidden-content { height: 0%; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-hidden-content, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-bg-overlay, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-hidden-content, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-hidden-content { height: 0%; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-hidden-content, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-bg-overlay, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-bg-overlay { opacity: 0; }
}

@media (min-width: 480px) and (max-width: 767px) {
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].operation_card, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .operation_card { background-color: rgba(255, 255, 255, 0.05); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].card_icon_wrap.text-color-blue, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .card_icon_wrap.text-color-blue { background-color: rgba(110, 173, 255, 0.1); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].operation_card, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .operation_card { color: rgba(28, 28, 28, 1); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].text-size-body-2.text-color-black-80, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-hidden-content, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-hidden-content { height: 0%; }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-hidden-content, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-bg-overlay, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-hidden-content, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-hidden-content { height: 0%; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-hidden-content, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-bg-overlay, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-hidden-content { height: 0%; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-bg-overlay, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-hidden-content { height: 0%; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-bg-overlay, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-hidden-content, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-hidden-content { height: 0%; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-hidden-content, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-bg-overlay, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-hidden-content, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-hidden-content { height: 0%; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-hidden-content, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-bg-overlay, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-bg-overlay { opacity: 0; }
}

@media (max-width: 479px) {
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].operation_card, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .operation_card { background-color: rgba(255, 255, 255, 0.05); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].card_icon_wrap.text-color-blue, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .card_icon_wrap.text-color-blue { background-color: rgba(110, 173, 255, 0.1); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].operation_card, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .operation_card { color: rgba(28, 28, 28, 1); }
  [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"].text-size-body-2.text-color-black-80, [data-w-id="789fd8c8-a15a-c571-4701-40a8b2e0c31f"] .text-size-body-2.text-color-black-80 { color: rgba(28, 28, 28, 0.8); }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-hidden-content, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-hidden-content { height: 0%; }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-hidden-content, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"].team-card-bg-overlay, [data-w-id="d530bff6-7663-84c4-3dac-9bb27a5bf11d"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-hidden-content, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-hidden-content { height: 0%; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-hidden-content, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"].team-card-bg-overlay, [data-w-id="ee4a080f-f3af-cd1c-d2e7-4b33c780d905"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-hidden-content { height: 0%; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"].team-card-bg-overlay, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef8d"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-hidden-content { height: 0%; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-hidden-content, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"].team-card-bg-overlay, [data-w-id="7cd32b4c-ffd9-2471-c690-c12af0bfef9f"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-hidden-content, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-hidden-content { height: 0%; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-hidden-content, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"].team-card-bg-overlay, [data-w-id="efaa7d3b-5176-6ad2-5e13-5cee3c768314"] .team-card-bg-overlay { opacity: 0; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-hidden-content, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-hidden-content { height: 0%; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-hidden-content, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-hidden-content { opacity: 0; }
  [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"].team-card-bg-overlay, [data-w-id="cd41a4a5-ec15-2521-1568-0aff1af77452"] .team-card-bg-overlay { opacity: 0; }
}

/* ---- app/nav.css (verbatim) ---- */
/**
 * Nav interaction states that Webflow sets at runtime, written as CSS.
 *
 * The header markup is lifted verbatim (components/site/Header.tsx) and the
 * stylesheet in webflow-site.css lays it out, but three things on the live
 * site are painted by the IX2 runtime or the Lottie player rather than by a
 * class, and Ix2Hover.tsx deliberately skips `.nav*` selectors:
 *
 *   1. a-17 / a-18  Nav link underline. "Use first group as initial state"
 *      paints `.nav_link_underline` at width 0 on load; hovering the link runs
 *      it to 100% in 250ms outQuad; leaving runs it back in 250ms. The event
 *      is main-breakpoint only, and the stylesheet hides the bar under 992px.
 *   2. The menu button. Staging plays a Lottie file (hamburger -> X). No Lottie
 *      runtime is shipped, so the same 40px box holds three bars that fold into
 *      an X over the Lottie's 300ms. Labeled deviation (deviations.json "nav").
 *   3. The open mobile menu on a short viewport. `.nav_menu` is height:100% /
 *      overflow:auto in the source, but its parent has only min-height, so on
 *      staging the expanded Services list is clipped under the fold with body
 *      scroll locked. Capping the overlay at the viewport and letting it
 *      scroll is a labeled fix; at rest nothing changes.
 *
 * Specificity note: webflow-site.css is unlayered, so these rules match or
 * beat it on specificity rather than on order.
 */

/* 1. Underline: rest at 0, full on hover, IX2 timing. */
.nav_link.is_underline .nav_link_underline {
  width: 0;
  transition: width 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media (min-width: 992px) {
  .nav_link.is_underline:hover .nav_link_underline,
  .nav_link.is_underline:focus-visible .nav_link_underline {
    width: 100%;
  }
}
/* Colour + label transition the source gives .nav-link-dropdown-toggle (.25s)
   also applies to the plain links, which IX2 handled via the same event. */
.nav_link.is_underline .subtitle-3 {
  transition: color 0.25s;
}

/* 2. Menu button: a real <button> in the Webflow .menu_btn box. */
/* Colour stays with the source rules (.menu_btn white, .menu_btn.is_alternate black). */
.menu_btn {
  background: none;
  border: 0;
  font: inherit;
}
/* The Lottie canvas is square (2.5 / 2.25 / 2rem per breakpoint) with the
   glyph drawn just below its centre: three 18 x 1.5px bars at 80% ink, 6.5px
   apart, folding into a 14px X. Measured from the staging capture at 3x. */
.menu_btn_lottie {
  aspect-ratio: 1 / 1;
}
.menu_btn_bars {
  position: relative;
  display: block;
  width: 18px;
  height: 14.5px;
  transform: translateY(5px);
  opacity: 0.8;
}
.menu_btn_bars span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.5px;
  border-radius: 1px;
  background: currentColor;
  transition:
    top 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94),
    opacity 200ms linear;
}
.menu_btn_bars span:nth-child(1) {
  top: 0;
}
.menu_btn_bars span:nth-child(2) {
  top: 6.5px;
}
.menu_btn_bars span:nth-child(3) {
  top: 13px;
}
.menu_btn.is-open .menu_btn_bars span:nth-child(1) {
  top: 6.5px;
  transform: rotate(45deg);
}
.menu_btn.is-open .menu_btn_bars span:nth-child(2) {
  opacity: 0;
}
.menu_btn.is-open .menu_btn_bars span:nth-child(3) {
  top: 6.5px;
  transform: rotate(-45deg);
}

/* 3. The overlay scrolls instead of clipping. */
@media screen and (max-width: 991px) {
  .nav_component .nav_menu_fixed {
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

/* ---------------------------------------------------------------------------
 * 4. MOBILE MENU — a deliberate UX improvement, NOT a match for staging.
 *
 * Requested 2026-09-15. Staging's overlay centres every row and lets
 * `justify-content: space-between` push the links and the contact block to
 * opposite ends. Measured at 390px on the open menu:
 *   - each tap row is 22px tall, against the 44px minimum for touch
 *   - the rows are text-width (91/107/99px) and centred inside a 356px column,
 *     so nothing shares a left edge and the chevrons float mid-row
 *   - 391px of dead space sits between "Contact" and the phone number
 *   - the CTA is last, below the phone and email
 *
 * This section left-aligns the menu, gives every row a real hit area, moves the
 * disclosure chevrons to the right edge where they read as controls, and
 * promotes the CTA above the contact details. Desktop is untouched: every rule
 * is inside the same 991px breakpoint the source uses to switch to the overlay.
 *
 * Declared in deviations.json ("navMobile") so the diff does not read it as drift.
 * ------------------------------------------------------------------------- */
@media (max-width: 991px) {
  /* Flow from the top; the bottom block claims the slack instead of a gap. */
  .nav_menu_fixed .nav_menu {
    justify-content: flex-start;
    align-items: stretch;
    row-gap: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }

  /* Every top-level row: full width, real hit area, shared left edge. */
  .nav_menu_fixed .nav_menu > .nav-link-dropdown,
  .nav_menu_fixed .nav_menu > .nav_link.is_underline {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .nav_menu_fixed.is_light .nav_menu > .nav-link-dropdown,
  .nav_menu_fixed.is_light .nav_menu > .nav_link.is_underline {
    border-bottom-color: rgba(28, 28, 28, 0.12);
  }

  .nav_menu_fixed .nav_menu > .nav_link.is_underline,
  .nav_menu_fixed .nav_link.is_underline.w-dropdown-toggle {
    min-height: 56px;
    justify-content: center;
    align-items: stretch;
    text-align: left;
    padding: 0;
  }

  /* Label left, chevron hard right — the row now reads as a disclosure. */
  .nav_menu_fixed .nav-link-dropdown-toggle {
    width: 100%;
    min-height: 56px;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
  }
  .nav_menu_fixed .nav_menu > .nav_link.is_underline .subtitle-3 {
    display: flex;
    align-items: center;
    min-height: 56px;
  }

  /* The chevron turns when its group is open. */
  .nav_menu_fixed .nav-link-dropdown-toggle .icon-embed-custom1 {
    flex: 0 0 auto;
    transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  .nav_menu_fixed .w-dropdown-toggle.w--open .icon-embed-custom1 {
    transform: rotate(180deg);
  }

  /* Expanded panel: indented under its parent with a rule tying it to the group. */
  .nav_menu_fixed .nav-link-dropdown-nav.w--open {
    padding: 4px 0 12px 14px;
    border-left: 2px solid rgba(255, 255, 255, 0.16);
    margin: 0 0 12px 2px;
  }
  .nav_menu_fixed.is_light .nav-link-dropdown-nav.w--open {
    border-left-color: rgba(28, 28, 28, 0.16);
  }
  .nav_menu_fixed .nav-link-dropdown-nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }

  /* Bottom block: CTA first, then the quieter contact details. */
  .nav_menu_fixed .nav_menu_bottom_content {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    width: 100%;
    padding-top: 24px;
  }
  .nav_menu_fixed .nav_menu_bottom_content > .button-group {
    order: -1;
    width: 100%;
  }
  .nav_menu_fixed .nav_menu_bottom_content .button-component {
    width: 100%;
    min-height: 52px;
  }
  .nav_menu_fixed .nav_menu_bottom_content .nav_top_bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
  }
  .nav_menu_fixed .nav_menu_bottom_content .nav_link.is_icon {
    justify-content: flex-start;
    min-height: 44px;
    width: 100%;
  }

  /* The underline bar is a desktop affordance; it has no room here. */
  .nav_menu_fixed .nav_link_underline { display: none; }

  /* Keyboard users get a visible target on a dark ground. */
  .nav_menu_fixed .nav_link:focus-visible,
  .nav_menu_fixed .w-dropdown-toggle:focus-visible {
    outline: 2px solid var(--_colors---brand-colors--light-blue, #6eadff);
    outline-offset: -2px;
    border-radius: 2px;
  }
}

/* ---------------------------------------------------------------------------
 * 4b. Mobile: the expanded panel, too.
 *
 * The dropdown contents are the desktop mega-menu: a white card, inset with a
 * radius, with every column and link centred. Dropped onto the dark overlay at
 * 390px that reads as a floating sheet whose links share no left edge with the
 * menu that opened them, and the section labels ("CHOOSE YOUR ENGAGEMENT
 * MODEL") centre too.
 *
 * On mobile the panel becomes part of the menu: no card, left-aligned, links at
 * a real tap size, section labels as quiet dividers.
 * ------------------------------------------------------------------------- */
@media (max-width: 991px) {
  /* Strip the floating-card treatment so the panel belongs to the overlay. */
  .nav_menu_fixed .nav-link-dropdown-menu-wrap,
  .nav_menu_fixed .nav-link-dropdown-menu-inner-wrap,
  .nav_menu_fixed .nav-link-dropdown-menu {
    background-color: transparent;
    background-image: none;
    box-shadow: none;
    border-radius: 0;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  .nav_menu_fixed .nav-link-dropdown-menu-spacer { display: none; }

  /* Columns and rows stack left. */
  .nav_menu_fixed .nav-dropdown-links-wrap,
  .nav_menu_fixed .nav-items-wrap,
  .nav_menu_fixed .w-dyn-items {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: 0;
    grid-template-columns: none;
  }

  /* Links: full-width, left, 48px tall, inheriting the overlay's ink. */
  .nav_menu_fixed .nav_link.is-dropdown {
    width: 100%;
    min-height: 48px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    padding: 0;
  }
  .nav_menu_fixed .nav_link.is-dropdown .text-size-body-2 {
    text-align: left;
    width: 100%;
    color: rgba(255, 255, 255, 0.92);
  }
  .nav_menu_fixed.is_light .nav_link.is-dropdown .text-size-body-2 {
    color: rgba(28, 28, 28, 0.92);
  }

  /* Section label: a quiet left-aligned divider, not a centred heading. */
  .nav_menu_fixed .nav-items-title-wrap {
    width: 100%;
    text-align: left;
    padding-top: 14px;
    margin-top: 6px;
  }
  .nav_menu_fixed .nav-items-title-wrap .subtitle-3 {
    text-align: left;
    color: rgba(255, 255, 255, 0.45);
  }
  .nav_menu_fixed.is_light .nav-items-title-wrap .subtitle-3 {
    color: rgba(28, 28, 28, 0.45);
  }
  /* The first label in a panel needs no top rule; later ones separate groups. */
  .nav_menu_fixed .nav-items-wrap + .nav-items-wrap .nav-items-title-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
  }
  .nav_menu_fixed.is_light .nav-items-wrap + .nav-items-wrap .nav-items-title-wrap {
    border-top-color: rgba(28, 28, 28, 0.10);
  }
}

/* ---------------------------------------------------------------------------
 * 4c. Mobile: the LOCATIONS panel.
 *
 * Locations render through a different structure to Services and Industries —
 * a `w-dyn-list` inside `.nav-link-dropdown-menu.is-flex` — and that variant
 * carries text-align: center and align-items: center, which section 4b did not
 * reach. Measured at 390px: the list collapsed to 68px wide at x=170, so the
 * four city links sat centred while every other row was left at x=35.
 * ------------------------------------------------------------------------- */
@media (max-width: 991px) {
  .nav_menu_fixed .nav-link-dropdown-menu.is-flex {
    align-items: stretch;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
  }
  .nav_menu_fixed .nav-link-dropdown-menu.is-flex .w-dyn-list,
  .nav_menu_fixed .w-dyn-list,
  .nav_menu_fixed .w-dyn-item {
    width: 100%;
    text-align: left;
  }
  .nav_menu_fixed .nav-items-wrap.is-small {
    width: 100%;
    align-items: stretch;
    text-align: left;
  }
}

/* Narrow desktop (992 to 1139px): the link row plus the CTA do not fit at the
   Webflow spacing once Blog is in the nav. Staging already wraps the CTA to two
   lines here; ours reached four. Tighter link gap and a CTA that never wraps
   keep it on one line without touching any other breakpoint. */
@media (min-width: 992px) and (max-width: 1139px) {
  .nav_menu {
    grid-column-gap: 0.875rem;
  }
  .nav_bottom .button-group.hide-tablet .button-component {
    white-space: nowrap;
    padding-left: var(--_ui-styles---spacing--number-6);
    padding-right: var(--_ui-styles---spacing--number-6);
  }
}

/* ---- app/a11y.css (verbatim) ---- */
/**
 * Small usability fixes on top of the lift: touch targets and layout stability.
 *
 * 1. Touch-target padding for the smallest links, phone and tablet only.
 *
 * The mobile audit (scripts/qa/mobile-qa.mjs) flags the footer's 14px links
 * (phone, email, addresses, Privacy / Terms at 18 to 19px tall), the 20px
 * social icons and the same phone / email pair inside the mobile menu. WCAG
 * 2.5.8 wants 24 x 24 CSS px. The hit area is an absolutely positioned pseudo-element,
 * so the resting layout is pixel-identical to staging and only the target grows. Labeled deviation: deviations.json "touchTargets".
 */
@media (max-width: 991px) {
  .footer_link,
  .footer_copyright_links_wrap a,
  .footer_social_link,
  .nav_menu_bottom_content .nav_link.is_icon {
    position: relative;
  }
  /* The hit area is a pseudo-element, so nothing enters the layout flow:
     padding + negative margin still moved the footer rows by 2px. */
  .footer_link::after,
  .footer_copyright_links_wrap a::after,
  .footer_social_link::after,
  .nav_menu_bottom_content .nav_link.is_icon::after {
    content: "";
    position: absolute;
    inset: -6px 0;
  }
  .footer_social_link::after {
    inset: -6px;
  }
}

/* 2. Book a Call: reserve the Cal.com embed's settled height so the copy under
   it does not jump when the calendar arrives (Lighthouse mobile CLS 0.22, the
   same shift staging has). Measured 2026-09-15: 646px at 375, 860px at 1440;
   at tablet the container is already 912px tall from the first frame. Once the
   embed has loaded the box is the same size as before, so nothing else moves.
   Labeled deviation: deviations.json "calEmbedHeight". */
.book-call_calender_embed .cal-inline-container {
  min-height: 640px;
}
@media (min-width: 992px) {
  .book-call_calender_embed .cal-inline-container {
    min-height: 860px;
  }
}

/* 3. Industry hero: end the blue gradient before the operations heading.
   Client feedback 2026-09-16, "black text blends into the background".

   .section-operations is pulled up by exactly the hero's padding-bottom, so the
   black "Stronger IT Equals..." heading renders ON the hero's gradient. Staging
   only reaches white at 90%, which left the heading on mid-blue: measured
   rgb(144,178,223), a 7.81:1 contrast that passes AA but reads washed out.

   Anchored to the hero's BOTTOM in px, not in percent, because a percentage
   stop moves with hero height and the 12 industry heroes are not the same
   height (1165 to 1272px at 1440). The two distances that matter are fixed by
   the layout, not by the copy, and were measured on the rendered pages:

                    last white text     first black text   fade
                    (hero description)  (operations h2)    (this rule)
     1440 / 768     602px / 555px       384px above bottom  536 -> 400px
     375            370px above bottom  224px above bottom  346 -> 240px

   The fade starts below the hero's own white copy and finishes 16px ABOVE the
   heading's top edge, so the heading sits wholly on solid white. Contrast goes
   from 7.81:1 to 17.04:1 on the heading, and the hero copy improves too, from
   4.77:1 to 7.23:1, because the blue now holds instead of washing out early.

   Layered OVER the staging gradient rather than replacing it, so the hero's
   black-to-blue top is untouched. rgba(255,255,255,0) not `transparent`, which
   interpolates through transparent black and greys the ramp.
   Labeled deviation: deviations.json "industryHeroGradient". */
.section_hero.is-industry-page {
  background-image:
    linear-gradient(to top, #fff 0, #fff 400px, rgba(255, 255, 255, 0) 536px),
    linear-gradient(180deg,
      var(--_colors---background-colors--background-color-black) 5%,
      var(--_colors---background-colors--background-color-blue) 40%,
      var(--_colors---background-colors--background-color-white) 90%,
      var(--_colors---background-colors--background-color-white));
}
@media screen and (max-width: 479px) {
  .section_hero.is-industry-page {
    background-image:
      linear-gradient(to top, #fff 0, #fff 240px, rgba(255, 255, 255, 0) 346px),
      linear-gradient(180deg,
        var(--_colors---background-colors--background-color-black) 15%,
        var(--_colors---background-colors--background-color-blue) 60%,
        var(--_colors---background-colors--background-color-white) 85%,
        var(--_colors---background-colors--background-color-white));
  }
}

/* ---- app/site.css (verbatim) ---- */
/**
 * Site-authored rules for ported sections that gained behaviour Webflow never
 * had. Loaded after webflow-site.css, so equal-specificity rules here win.
 * Tokens are the Webflow build's (`--_ui-styles---*`, `--_colors---*`).
 */

/* ---- Security stack grid (service + industry templates) -------------------
   Ten vendor cards: 5 x 2 on desktop, 2 columns on tablet, 1 on phone.
   Specificity (0,3,0) beats every `.partners_logos_marquee.is-static` rule in
   webflow-site.css, including the phone one that flips the strip to flex. */
.partners_logos_marquee.is-static.is-stack {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  grid-column-gap: var(--_ui-styles---spacing--number-6);
  grid-row-gap: var(--_ui-styles---spacing--number-6);
  width: 100%;
}
.partners_logo_wrap.is-static.is-stack {
  width: auto;
  min-height: 5.5rem;
  text-align: center;
}
/* The client's files are 411x164 (2.5:1); the Webflow strip image rule forces
   114:50. Let the logo keep its own ratio inside the same 7.13rem width. */
.partners_logo_wrap.is-stack .partners_logo_img {
  aspect-ratio: auto;
  height: auto;
  max-width: 7.13rem;
  object-fit: contain;
}
.partners_logo_name {
  font-family: var(--font-plex-mono);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: -0.01em;
  color: var(--_colors---opacity--transparency--black-80);
}
/* Industry template: the grid lives in the 550px right-hand column of the
   side-by-side wrapper, so it runs 2 x 5 at desktop (cards the same width as
   the service template's). Below 991px the wrapper stacks and both templates
   share the tablet and phone rules. Specificity kept equal (0,4,0) so the
   phone rule still wins by order. */
.partners_logos_marquee.is-static.is-stack.is-industry-page {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 991px) {
  .partners_logos_marquee.is-static.is-stack { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width: 479px) {
  .partners_logos_marquee.is-static.is-stack,
  .partners_logos_marquee.is-static.is-stack.is-industry-page { grid-template-columns: minmax(0, 1fr); }
}

/* ---- Book a Discovery Call gate ------------------------------------------
   The form that sits where the Cal.com calendar mounts. Card, header, fields
   and button are the site's own `.form*` and `.button-component` classes;
   only what Webflow never styled is here (visible labels, inline errors,
   the full-width submit, the "or call" line). */
.book-call_gate {
  color: var(--_colors---text-colors--text-color-black);
}
.book-call_gate .form-label {
  display: block;
  font-family: var(--font-plex-sans);
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: var(--_colors---text-colors--text-color-black);
}
.book-call_gate .form-field-wrap {
  grid-row-gap: 0.5rem;
}
.book-call_gate .form-field {
  width: 100%;
  color: var(--_colors---text-colors--text-color-black);
}
.book-call_gate .form-field:focus-visible {
  outline: 2px solid var(--_colors---border-colors--border-color-blue);
  outline-offset: 2px;
  border-color: var(--_colors---border-colors--border-color-blue);
}
.book-call_gate .form-field[aria-invalid="true"] {
  border-color: var(--_colors---border-colors--border-color-red);
}
.book-call_gate-error {
  margin: 0;
  font-family: var(--font-plex-sans);
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--_colors---text-colors--text-color-red);
}
.book-call_gate-actions {
  grid-row-gap: var(--_ui-styles---spacing--number-4);
  flex-flow: column;
  align-items: center;
  display: flex;
}
.book-call_gate-submit {
  width: 100%;
  cursor: pointer;
}
.book-call_gate-submit:focus-visible {
  outline: 2px solid var(--_colors---border-colors--border-color-blue);
  outline-offset: 3px;
}
.book-call_gate-submit[disabled] {
  opacity: 0.7;
  cursor: wait;
}
/* Hover to match the site's black button (Brad, 2026-09-25). Webflow's generic
   `.button-component:hover` ends on transparent + black text, and `.is-icon`
   (the black form button) has no hover of its own, so the submit went hollow
   on hover while every other black button goes brand blue with a blue border
   (the `primary-is-icon` variant on desktop). Same treatment here. */
.book-call_gate-submit:not([disabled]):hover,
.book-call_gate-submit:not([disabled]):focus-visible,
input[type="submit"].button.is-icon:not([disabled]):hover,
input[type="submit"].button.is-icon:not([disabled]):focus-visible {
  border-color: var(--_colors---border-colors--border-color-blue);
  background-color: var(--_colors---background-colors--background-color-blue);
  color: var(--_colors---text-colors--text-color-white);
}
.book-call_gate-call a {
  color: var(--_colors---text-colors--text-color-black);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.book-call_gate-call a:hover {
  color: var(--_colors---text-colors--text-color-blue);
}
.book-call_gate-done {
  grid-row-gap: var(--_ui-styles---spacing--number-6);
  flex-flow: column;
  display: flex;
}

/* ---- app/hero-motion.css (verbatim) ---- */
/*
 * Hero entrance, CSS only (no JavaScript, no dependency on hydration).
 *
 * The Webflow staging site slides the hero copy in with JavaScript from an
 * inline opacity:0, which holds the headline invisible until the script runs
 * (3 to 5 s on a slow phone) and, because Largest Contentful Paint ignores an
 * element while its opacity is 0, moves the page's LCP with it. The port
 * therefore left the hero static. This is the labeled upgrade: the same
 * "Restrained" register as motion-brief.md (16px rise, expo curve, 0.7s,
 * compressed stagger) declared as a CSS animation that starts at first paint,
 * so the copy is visible within the first frames and the resting state is
 * pixel-identical to before.
 *
 * Only the hero COPY animates (tag, headline, paragraph, buttons, byline). The
 * background art (.hero_bg_img, .hero_bg_dots) is the LCP element on most
 * templates and is never touched. Ix2.tsx already leaves in-viewport elements
 * alone at hydration; where a hero element sits below the fold on a phone,
 * this animation's forwards fill keeps it visible, which is the intent.
 */
@keyframes cd-hero-in {
  from { opacity: 0; transform: translate3d(0, 16px, 0) scale(0.98); }
  to { opacity: 1; transform: none; }
}

.section_hero :is(.hero_wrapper, .hero_wrapper-book-call, .contact_hero_col1, .why_choose_us_col1, .hero-policies---terms_wrapper, .blog_post_hero) > :is(.tag, h1, p, .button-group, .blog_byline),
.section_hero .hero_wrapper > :is(.max-width-custom02, .max-width-xlarge, .max-width-custom03) > h1,
.section_hero .hero_wrapper-book-call > .max-width-custom03 > p,
.section_hero .why_choose_us_col1 > .max-width-small > p {
  animation: cd-hero-in 0.7s cubic-bezier(0.16, 1, 0.3, 1) both;
  animation-delay: var(--cd-hero-delay, 0ms);
}
.section_hero :is(.hero_wrapper, .hero_wrapper-book-call, .contact_hero_col1, .why_choose_us_col1, .hero-policies---terms_wrapper, .blog_post_hero) > .tag { --cd-hero-delay: 0ms; }
.section_hero :is(.hero_wrapper, .hero_wrapper-book-call, .contact_hero_col1, .why_choose_us_col1, .hero-policies---terms_wrapper, .blog_post_hero) > h1,
.section_hero .hero_wrapper > :is(.max-width-custom02, .max-width-xlarge, .max-width-custom03) > h1 { --cd-hero-delay: 80ms; }
.section_hero :is(.hero_wrapper, .hero_wrapper-book-call, .contact_hero_col1, .why_choose_us_col1, .hero-policies---terms_wrapper, .blog_post_hero) > p,
.section_hero .hero_wrapper-book-call > .max-width-custom03 > p,
.section_hero .why_choose_us_col1 > .max-width-small > p { --cd-hero-delay: 160ms; }
.section_hero :is(.hero_wrapper, .hero_wrapper-book-call, .contact_hero_col1, .why_choose_us_col1, .hero-policies---terms_wrapper, .blog_post_hero) > :is(.button-group, .blog_byline) { --cd-hero-delay: 240ms; }

@media (prefers-reduced-motion: reduce) {
  .section_hero * { animation: none !important; }
}

}