html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@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-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

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

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

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

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

:where(button.w-popover-trigger), :where(button.w-modal-trigger) {
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: inherit;
  text-align: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  background-color: #0000;
  border: 0;
  margin: 0;
  padding: 0;
}

:where(.w-popover) {
  position-anchor: auto;
  position-area: top;
}

:where(.w-popover[data-w-popover-backdrop-animated], .w-modal[data-w-popover-backdrop-animated])::backdrop {
  animation: var(--w-backdrop-animation, none);
}

:where(.w-popover, .w-modal) {
  --w-backdrop-animation: initial;
}

.w-popover-mask {
  opacity: 0 !important;
  clip-path: none !important;
  pointer-events: auto !important;
  border: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  inset: 0 !important;
  transform: none !important;
}

.w-popover-mask[popover] {
  translate: none !important;
  rotate: none !important;
  scale: none !important;
}

.w-popover-mask::backdrop {
  display: none !important;
}

.w-popover-mask:not(:popover-open) {
  display: none !important;
}

@supports not selector(:popover-open) {
  .w-popover-mask {
    display: none !important;
  }
}

.w-popover[popover]:not(:popover-open) {
  display: none;
}

.w-modal:not([open]):not([popover]) {
  display: none;
}

.w-modal[popover]:not(:popover-open) {
  display: none;
}

:where(.w-modal[data-w-modal-lock-scroll]) {
  overscroll-behavior: contain;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.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 .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@font-face {
  font-family: Albert Sans;
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6ac782754fefacb221ea8cc5/fonts/6aec4b6c91a3414cbc4544df-albert-sans-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Source Serif 4";
  src: url("https://webflow-files-prod.global.ssl.fastly.net/6ac782754fefacb221ea8cc5/fonts/6aec4b6cb56379555b5a95c9-source-serif-4-latin-wght-italic.woff2") format("woff2");
  font-weight: 200 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --_skp-tokens---font--primary: "Albert Sans", sans-serif;
  --_skp-tokens---color--brand: #172b4d;
  --_skp-tokens---color--brand-hover: #101f38;
  --_skp-tokens---font--accent: "Source Serif 4", sans-serif;
  --_skp-tokens---color--brand-soft: #eaf0f6;
  --_skp-tokens---color--dark: #141414;
  --_skp-tokens---color--text: #3a4654;
  --_skp-tokens---color--text-muted: #687586;
  --_skp-tokens---color--white: #fff;
  --_skp-tokens---color--bg-soft: #f7f9fc;
  --_skp-tokens---color--border: #dee5ee;
  --_skp-tokens---color--success: #12b76a;
  --_skp-tokens---color--brand-accent: #243f64;
  --_skp-tokens---color--brand-muted: #56769a;
  --_skp-tokens---color--brand-pale: #b8c9dc;
  --_skp-tokens---color--brand-tint: #f3f6fa;
  --_skp-tokens---size--container: 75rem;
  --_skp-tokens---size--gutter: 2.5rem;
  --_skp-tokens---size--section-large: 7rem;
  --_skp-tokens---size--section-medium: 5rem;
  --_skp-tokens---radius--card: 1rem;
  --_skp-tokens---radius--pill: 100rem;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.skp-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #171717;
  background-color: #faf9f7;
  border-bottom: 1px solid #dedbd7;
  justify-content: space-between;
  align-items: center;
  padding: 25px 6%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: flex;
}

.skp-brand {
  letter-spacing: -1px;
  font-size: 25px;
  font-weight: 900;
}

.skp-links {
  letter-spacing: 1px;
  font-size: 12px;
  font-weight: 700;
}

.skp-header-cta {
  color: #fff;
  background-color: #ed5739;
  padding: 15px 20px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.skp-content {
  color: #171717;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.skp-services {
  background-color: #fff;
  padding: 100px 6%;
}

.skp-kicker {
  letter-spacing: 2px;
  border-top: 1px solid #aaa;
  padding-top: 20px;
  font-size: 12px;
  font-weight: 800;
}

.skp-title {
  letter-spacing: -4px;
  margin-top: 55px;
  margin-bottom: 30px;
  font-size: 70px;
  font-weight: 900;
  line-height: 1;
}

.skp-lead {
  max-width: 650px;
  font-size: 21px;
  line-height: 1.6;
}

.skp-grid {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 65px;
  display: grid;
}

.skp-card {
  border-top: 1px solid #bbb;
  padding: 35px 25px 50px 0;
}

.skp-num {
  color: #ed5739;
  font-size: 13px;
  font-weight: 800;
}

.skp-card-title {
  letter-spacing: -1px;
  margin-top: 25px;
  font-size: 27px;
}

.skp-feature {
  background-color: #eae8e2;
  padding: 100px 6%;
}

.skp-panels {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 60px;
  display: grid;
}

.skp-panel-dark {
  color: #fff;
  letter-spacing: -3px;
  background-color: #252b28;
  min-height: 320px;
  padding: 45px 30px;
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
}

.skp-panel-orange {
  color: #fff;
  letter-spacing: -3px;
  background-color: #ed5739;
  min-height: 320px;
  padding: 45px 30px;
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
}

.skp-process {
  background-color: #fff;
  padding: 100px 6%;
}

.skp-contact {
  color: #fff;
  background-color: #ed5739;
  padding: 110px 6%;
}

.skp-contact-title {
  letter-spacing: -5px;
  margin-top: 70px;
  margin-bottom: 60px;
  font-size: 90px;
  font-weight: 900;
  line-height: 1;
}

.skp-contact-btn {
  color: #171717;
  background-color: #fff;
  padding: 25px 35px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
}

.skp-footer {
  color: #fff;
  letter-spacing: 1px;
  background-color: #171717;
  padding: 45px 6%;
  font-size: 12px;
  font-weight: 800;
}

.skp-hero {
  background-color: #f7f7f3;
  padding: 110px 6%;
}

.skp-hero-heading {
  color: #171717;
  letter-spacing: -.06em;
  font-size: clamp(48px, 8vw, 132px);
  font-weight: 900;
  line-height: .98;
}

.skp-hero-description {
  max-width: 650px;
  font-size: 22px;
  line-height: 1.6;
}

.skp-hero-button {
  color: #fff;
  background-color: #ed5739;
  margin-top: 35px;
  padding: 22px 30px;
  display: inline-block;
}

.mc-site {
  color: #171c31;
  background-color: #f8f9fc;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  overflow: hidden;
}

.mc-nav {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding: 24px 5%;
  display: flex;
}

.mc-logo {
  letter-spacing: -2px;
  font-size: 26px;
  font-weight: 900;
}

.mc-accent {
  color: #7357ec;
}

.mc-navlinks {
  color: #4b4e5e;
  font-size: 13px;
  font-weight: 700;
}

.mc-navbtn {
  color: #fff;
  background-color: #171c31;
  border-radius: 8px;
  padding: 16px 22px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.mc-hero {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  background-color: #f8f9fc;
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  align-items: center;
  padding: 100px 5% 110px;
  display: grid;
}

.mc-label {
  color: #7357ec;
  letter-spacing: 1.6px;
  font-size: 12px;
  font-weight: 800;
}

.mc-h1 {
  letter-spacing: -4px;
  margin: 26px 0;
  font-size: clamp(48px, 5.7vw, 92px);
  font-weight: 900;
  line-height: 1.04;
}

.mc-sub {
  color: #626679;
  max-width: 540px;
  font-size: 19px;
  line-height: 1.7;
}

.mc-actions {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 35px;
  display: flex;
}

.mc-primary {
  color: #fff;
  background-color: #7357ec;
  border-radius: 9px;
  padding: 20px 25px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .35s, box-shadow .35s;
  display: inline-block;
  box-shadow: 0 12px 28px #7357ec30;
}

.mc-primary:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 35px #7357ec50;
}

.mc-secondary {
  color: #171c31;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
}

.mc-trust {
  color: #626679;
  letter-spacing: 1px;
  margin-top: 75px;
  font-size: 11px;
  font-weight: 800;
}

.mc-trust-dot {
  color: #7357ec;
}

.mc-trust-sep {
  padding: 0 10px;
}

.mc-hero-visual {
  padding: 30px;
  position: relative;
}

.mc-visual-frame {
  background-color: #fff;
  border-radius: 18px;
  padding: 14px;
  transition: transform .6s;
  transform: rotate(-3deg);
  box-shadow: 0 30px 80px #151a3b26;
}

.mc-visual-frame:hover {
  transform: rotate(0)scale(1.025);
}

.mc-visual-top {
  letter-spacing: 1px;
  justify-content: space-between;
  padding: 15px;
  font-size: 11px;
  font-weight: 900;
  display: flex;
}

.mc-visual-menu {
  font-size: 20px;
}

.mc-visual-picture {
  background-image: linear-gradient(145deg, #e5e2ff, #a997ff 55%, #5140a6);
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-between;
  height: 470px;
  padding: 25px;
  display: flex;
}

.mc-image-tag {
  color: #3b2d77;
  letter-spacing: 2px;
  font-size: 10px;
  font-weight: 900;
}

.mc-visual-overlay {
  color: #fff;
  letter-spacing: -4px;
  font-size: clamp(48px, 5vw, 83px);
  font-weight: 900;
  line-height: .95;
}

.mc-visual-foot {
  letter-spacing: 1px;
  padding: 18px;
  font-size: 10px;
  font-weight: 800;
}

.mc-float {
  z-index: 2;
  letter-spacing: 1px;
  background-color: #fff;
  border-radius: 12px;
  padding: 18px;
  font-size: 11px;
  font-weight: 900;
  position: absolute;
  box-shadow: 0 12px 35px #171c3120;
}

.mc-float-a {
  top: 5px;
  right: 0;
}

.mc-float-b {
  bottom: 60px;
  left: 0;
}

.mc-strip {
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  background-color: #171c31;
  padding: 27px 5%;
  font-size: 15px;
  font-weight: 900;
}

.mc-strip-star {
  color: #a68eff;
  padding: 0 20px;
}

.mc-services {
  background-color: #fff;
  padding: 110px 5%;
}

.mc-section-head {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr .8fr;
  align-items: end;
  display: grid;
}

.mc-h2 {
  letter-spacing: -3px;
  margin: 25px 0;
  font-size: clamp(42px, 4.8vw, 75px);
  font-weight: 900;
  line-height: 1.1;
}

.mc-intro {
  color: #626679;
  font-size: 18px;
  line-height: 1.75;
}

.mc-cards {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 60px;
  display: grid;
}

.mc-service-card {
  background-color: #f5f5fa;
  border: 1px solid #e9e8f2;
  border-radius: 18px;
  min-height: 340px;
  padding: 32px;
  transition: transform .35s, box-shadow .35s;
}

.mc-service-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 24px 45px #171c3118;
}

.mc-service-icon {
  color: #7357ec;
  text-align: center;
  background-color: #eae5ff;
  border-radius: 15px;
  width: 65px;
  height: 65px;
  padding-top: 12px;
  font-size: 35px;
}

.mc-service-num {
  color: #7357ec;
  letter-spacing: 1px;
  margin-top: 34px;
  font-size: 11px;
  font-weight: 800;
}

.mc-card-title {
  letter-spacing: -1px;
  margin: 16px 0;
  font-size: 25px;
}

.mc-card-copy {
  color: #626679;
  font-size: 15px;
  line-height: 1.7;
}

.mc-card-link {
  color: #7357ec;
  letter-spacing: 1px;
  margin-top: 30px;
  font-size: 11px;
  font-weight: 900;
}

.mc-about {
  grid-column-gap: 9%;
  grid-row-gap: 9%;
  background-color: #f4f2ff;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 115px 5%;
  display: grid;
}

.mc-about-image {
  position: relative;
}

.mc-photo-placeholder {
  background-image: linear-gradient(140deg, #b6a8f5, #e1ddf7 52%, #9ca8cf);
  border-radius: 22px;
  justify-content: center;
  align-items: center;
  height: 510px;
  display: flex;
}

.mc-photo-caption {
  color: #4d4384;
  text-align: center;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: 900;
}

.mc-about-badge {
  color: #fff;
  background-color: #7357ec;
  border-radius: 14px;
  padding: 24px;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.2;
  position: absolute;
  bottom: 35px;
  right: -25px;
  transform: rotate(7deg);
}

.mc-about-text {
  color: #626679;
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 1.8;
}

.mc-work {
  background-color: #fff;
  padding: 110px 5%;
}

.mc-project-grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 55px;
  display: grid;
}

.mc-project-img {
  border-radius: 20px;
  flex-direction: column;
  justify-content: space-between;
  height: 430px;
  padding: 25px;
  transition: transform .45s;
  display: flex;
  overflow: hidden;
}

.mc-project-img:hover {
  transform: scale(1.025);
}

.mc-project-one {
  background-image: linear-gradient(130deg, #161a3a, #5140a6);
}

.mc-project-two {
  background-image: linear-gradient(130deg, #d7d1ff, #8171dd);
}

.mc-project-browser {
  color: #fff;
  letter-spacing: 1px;
  font-size: 11px;
  font-weight: 800;
}

.mc-project-art {
  color: #fff;
  letter-spacing: -5px;
  font-size: 75px;
  font-weight: 900;
  line-height: .9;
}

.mc-project-asterisk {
  color: #a8f3c7;
}

.mc-project-placeholder {
  color: #fff;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: 900;
}

.mc-project-bottom {
  justify-content: space-between;
  padding: 22px 3px;
  font-weight: 800;
  display: flex;
}

.mc-process {
  background-color: #f6f7fb;
  padding: 110px 5%;
}

.mc-process-list {
  margin-top: 55px;
}

.mc-process-item {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-top: 1px solid #d4d7e1;
  grid-template-rows: auto;
  grid-template-columns: 70px 1.1fr 1fr 35px;
  align-items: center;
  padding: 32px 0;
  display: grid;
}

.mc-step {
  color: #7357ec;
  font-size: 13px;
  font-weight: 900;
}

.mc-process-title {
  letter-spacing: -1px;
  font-size: 24px;
  font-weight: 800;
}

.mc-process-copy {
  color: #626679;
  font-size: 15px;
  line-height: 1.5;
}

.mc-process-arrow {
  color: #7357ec;
  font-size: 28px;
}

.mc-contact {
  color: #fff;
  text-align: center;
  background-color: #171c31;
  padding: 120px 8%;
  position: relative;
}

.mc-contact-orb {
  color: #a58cff;
  font-size: 80px;
}

.mc-contact-title {
  letter-spacing: -4px;
  max-width: 1000px;
  margin: 30px auto;
  font-size: clamp(48px, 6vw, 95px);
  line-height: 1.08;
}

.mc-contact-highlight {
  color: #a58cff;
}

.mc-contact-text {
  color: #c7c8d9;
  max-width: 600px;
  margin: 0 auto 35px;
  font-size: 18px;
  line-height: 1.7;
}

.mc-contact-btn {
  color: #171c31;
  background-color: #a58cff;
  border-radius: 9px;
  padding: 22px 35px;
  font-weight: 900;
  text-decoration: none;
  display: inline-block;
}

.mc-footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  background-color: #101426;
  justify-content: space-between;
  align-items: center;
  padding: 50px 5%;
  display: flex;
}

.mc-footer-copy {
  letter-spacing: 1px;
  font-size: 11px;
}

.mc-footer-up {
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.skp-proof {
  color: #171c31;
  background-color: #f4f5fa;
  padding: 105px 5%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.skp-proof-label {
  color: #7357ec;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 900;
}

.skp-proof-title {
  letter-spacing: -3px;
  max-width: 1000px;
  font-size: 64px;
  line-height: 1.07;
}

.skp-purple {
  color: #7357ec;
}

.skp-proof-text {
  color: #626679;
  max-width: 750px;
  font-size: 19px;
  line-height: 1.75;
}

.skp-proof-grid {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 60px;
  display: grid;
}

.skp-proof-card {
  background-color: #fff;
  border: 1px solid #e4e5ee;
  border-radius: 17px;
  padding: 32px;
}

.skp-proof-number {
  color: #7357ec;
  letter-spacing: -4px;
  font-size: 65px;
  font-weight: 900;
}

.skp-shop {
  color: #171c31;
  background-color: #f5f2ff;
  padding: 110px 5%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.skp-shop-label {
  color: #7357ec;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 900;
}

.skp-shop-grid {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  margin-top: 30px;
  display: grid;
}

.skp-shop-title {
  letter-spacing: -3px;
  font-size: 60px;
  line-height: 1.08;
}

.skp-shop-purple {
  color: #7357ec;
}

.skp-shop-copy {
  font-size: 18px;
  line-height: 1.7;
}

.skp-shop-tags {
  letter-spacing: 1px;
  margin-top: 30px;
  font-size: 11px;
  font-weight: 900;
}

.skp-shop-cta {
  color: #fff;
  background-color: #7357ec;
  border-radius: 8px;
  margin-top: 30px;
  padding: 19px 25px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
}

.skp-shop-visual {
  background-color: #dcd6ff;
  border-radius: 20px;
  padding: 45px;
}

.skp-shop-window {
  background-color: #fff;
  border-radius: 13px;
  padding: 20px;
  transform: rotate(-4deg);
  box-shadow: 0 20px 50px #322b6950;
}

.skp-shop-top {
  font-size: 11px;
  font-weight: 800;
}

.skp-shop-product {
  color: #463688;
  text-align: center;
  letter-spacing: 2px;
  background-image: linear-gradient(130deg, #e2ddf9, #9b8ce3);
  justify-content: center;
  align-items: center;
  height: 300px;
  margin-top: 15px;
  font-size: 17px;
  font-weight: 900;
  display: flex;
}

.skp-shop-bottom {
  padding-top: 20px;
  font-size: 12px;
  font-weight: 800;
}

.skp-extra {
  color: #171c31;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.skp-founder {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  background-color: #f6f6fa;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 105px 5%;
  display: grid;
}

.skp-founder-placeholder {
  color: #50408c;
  text-align: center;
  letter-spacing: 2px;
  background-image: linear-gradient(130deg, #ded9ff, #a899ef);
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 470px;
  font-size: 18px;
  font-weight: 900;
  display: flex;
}

.skp-founder-label {
  color: #7357ec;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 900;
}

.skp-founder-copy {
  font-size: 18px;
  line-height: 1.7;
}

.skp-founder-purple {
  color: #7357ec;
}

.skp-founder-cta {
  color: #fff;
  background-color: #7357ec;
  border-radius: 9px;
  padding: 20px 28px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
}

.skp-faq {
  background-color: #fff;
  padding: 105px 5%;
}

.skp-faq-label {
  color: #7357ec;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 900;
}

.skp-faq-title {
  letter-spacing: -3px;
  font-size: 58px;
  line-height: 1.1;
}

.skp-faq-item {
  border-top: 1px solid #d8d8e5;
  padding: 25px 0;
  font-size: 17px;
  line-height: 1.7;
}

.rev {
  color: #151515;
  background-color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  overflow: hidden;
}

.rev-nav {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-bottom: 1px solid #eee;
  justify-content: space-between;
  align-items: center;
  padding: 24px 5.5%;
  display: flex;
}

.rev-logo {
  letter-spacing: -1.5px;
  font-size: 27px;
  font-weight: 900;
}

.rev-coral {
  color: #f16e63;
}

.rev-menu {
  font-size: 13px;
  font-weight: 700;
}

.rev-button {
  color: #fff;
  background-color: #f16e63;
  border-radius: 4px;
  padding: 19px 27px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  transition: transform .35s, box-shadow .35s;
  display: inline-block;
}

.rev-button:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px #f16e6340;
}

.rev-hero {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  grid-template-rows: auto;
  grid-template-columns: 1.07fr .93fr;
  align-items: center;
  min-height: 700px;
  padding: 110px 5.5%;
  display: grid;
}

.rev-kicker {
  color: #747474;
  letter-spacing: 1.3px;
  font-size: 11px;
  font-weight: 800;
}

.rev-h1 {
  letter-spacing: -4.5px;
  margin: 25px 0;
  font-size: clamp(52px, 6vw, 94px);
  font-weight: 800;
  line-height: 1.06;
}

.rev-lead {
  color: #626262;
  max-width: 600px;
  font-size: 19px;
  line-height: 1.75;
}

.rev-actions {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 35px;
  display: flex;
}

.rev-simple {
  color: #151515;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
}

.rev-micro {
  color: #8c8c8c;
  letter-spacing: 1px;
  margin-top: 75px;
  font-size: 11px;
  font-weight: 800;
}

.rev-hero-visual {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  justify-content: center;
  align-items: center;
  min-height: 560px;
  display: flex;
  position: relative;
}

.rev-portrait {
  background-color: #efefef;
  border-radius: 220px;
  width: 43%;
  height: 445px;
  overflow: hidden;
  box-shadow: 0 20px 45px #00000018;
}

.rev-portrait-one {
  background-image: url("https://images.unsplash.com/photo-1552664730-d307ca884978");
  background-size: cover;
  transform: translateY(35px);
}

.rev-portrait-two {
  background-image: url("https://images.unsplash.com/photo-1522071820081-009f0129c71c");
  background-size: cover;
  transform: translateY(-35px);
}

.rev-picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.rev-floating {
  letter-spacing: -.8px;
  background-color: #fff;
  padding: 22px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.3;
  position: absolute;
  bottom: 30px;
  right: 0;
  box-shadow: 0 12px 35px #00000020;
}

.rev-image-note {
  color: #999;
  letter-spacing: 1px;
  font-size: 9px;
  font-weight: 800;
  position: absolute;
  bottom: -5px;
  left: 0;
}

.rev-stats {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  align-items: center;
  padding: 38px 5.5%;
  display: grid;
}

.rev-stats-label {
  color: #8a8a8a;
  letter-spacing: 1.1px;
  font-size: 10px;
  font-weight: 900;
}

.rev-stat {
  letter-spacing: -1px;
  font-size: 28px;
  font-weight: 900;
}

.rev-stat-desc {
  color: #777;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
}

.rev-intro {
  background-color: #fff;
  padding: 120px 5.5%;
}

.rev-eyebrow {
  color: #f16e63;
  letter-spacing: 2px;
  font-size: 11px;
  font-weight: 900;
}

.rev-split {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr .9fr;
  align-items: end;
  display: grid;
}

.rev-h2 {
  letter-spacing: -3px;
  margin: 30px 0;
  font-size: clamp(46px, 5.1vw, 75px);
  font-weight: 900;
  line-height: 1.1;
}

.rev-bodytext {
  color: #666;
  font-size: 18px;
  line-height: 1.8;
}

.rev-arrowlink {
  color: #151515;
  border-bottom: 2px solid #f16e63;
  margin-top: 25px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  display: inline-block;
}

.rev-services {
  background-color: #f7f7f7;
  padding: 115px 5.5%;
}

.rev-service-list {
  margin-top: 60px;
}

.rev-service-row {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-top: 1px solid #cecece;
  grid-template-rows: auto;
  grid-template-columns: 55px 1.1fr .9fr 35px;
  align-items: center;
  padding: 40px 5px;
  transition: background-color .3s, padding .3s;
  display: grid;
}

.rev-service-row:hover {
  background-color: #eee;
  padding-left: 16px;
}

.rev-index {
  color: #f16e63;
  font-size: 12px;
  font-weight: 900;
}

.rev-service-name {
  letter-spacing: -1.1px;
  font-size: 29px;
  font-weight: 900;
}

.rev-service-detail {
  color: #666;
  font-size: 15px;
  line-height: 1.6;
}

.rev-service-icon {
  font-size: 28px;
}

.rev-feature {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 115px 5.5%;
  display: grid;
}

.rev-feature-picture {
  background-color: #dedede;
  background-image: url("https://images.unsplash.com/photo-1497366754035-f200968a6e72");
  background-size: cover;
  border-radius: 4px;
  height: 540px;
  overflow: hidden;
}

.rev-feature-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.rev-feature-h2 {
  letter-spacing: -2.7px;
  font-size: clamp(45px, 4.6vw, 72px);
  line-height: 1.1;
}

.rev-feature-caption {
  color: #999;
  letter-spacing: 1px;
  margin-top: 25px;
  font-size: 10px;
  font-weight: 800;
}

.rev-projects {
  background-color: #fff;
  padding: 110px 5.5%;
}

.rev-project-grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 65px;
  display: grid;
}

.rev-project-visual {
  flex-direction: column;
  justify-content: space-between;
  min-height: 445px;
  padding: 26px;
  display: flex;
}

.rev-project-dark {
  color: #fff;
  background-color: #181818;
}

.rev-project-light {
  color: #292020;
  background-color: #edb8ae;
}

.rev-project-top {
  letter-spacing: 1.4px;
  font-size: 10px;
  font-weight: 900;
}

.rev-project-type {
  letter-spacing: -4px;
  font-size: clamp(48px, 5vw, 82px);
  font-weight: 900;
  line-height: .93;
}

.rev-project-placeholder {
  letter-spacing: 1px;
  font-size: 10px;
  font-weight: 900;
}

.rev-project-caption {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  padding: 22px 0;
  font-weight: 900;
  display: flex;
}

.rev-project-category {
  color: #777;
  letter-spacing: 1px;
  font-size: 11px;
}

.rev-process {
  background-color: #f7f7f7;
  padding: 110px 5.5%;
}

.rev-steps {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 65px;
  display: grid;
}

.rev-step {
  border-top: 2px solid #202020;
  padding-top: 25px;
}

.rev-step-num {
  color: #f16e63;
  font-size: 12px;
  font-weight: 900;
}

.rev-step-title {
  letter-spacing: -.8px;
  font-size: 24px;
}

.rev-step-text {
  color: #666;
  font-size: 16px;
  line-height: 1.65;
}

.rev-about {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 115px 5.5%;
  display: grid;
}

.rev-about-visual {
  background-color: #eee;
  background-image: url("https://images.unsplash.com/photo-1521737711867-e3b97375f902");
  background-size: cover;
  height: 500px;
  overflow: hidden;
}

.rev-about-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.rev-about-copy {
  padding: 20px 0;
}

.rev-contact {
  color: #fff;
  text-align: center;
  background-color: #171717;
  padding: 115px 9%;
}

.rev-white-label {
  color: #f16e63;
}

.rev-contact-h {
  letter-spacing: -4px;
  max-width: 1000px;
  margin: 35px auto;
  font-size: clamp(55px, 6.6vw, 105px);
  font-weight: 900;
  line-height: 1.04;
}

.rev-contact-coral {
  color: #f16e63;
}

.rev-contact-p {
  color: #c5c5c5;
  max-width: 650px;
  margin: 0 auto 37px;
  font-size: 19px;
  line-height: 1.7;
}

.rev-contact-btn {
  color: #fff;
  background-color: #f16e63;
  border-radius: 4px;
  padding: 22px 35px;
  font-weight: 900;
  text-decoration: none;
  display: inline-block;
}

.rev-contact-meta {
  color: #999;
  letter-spacing: 1.4px;
  margin-top: 55px;
  font-size: 11px;
  font-weight: 800;
}

.rev-footer {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  background-color: #101010;
  justify-content: space-between;
  align-items: center;
  padding: 50px 5.5%;
  display: flex;
}

.rev-footer-copy {
  color: #aaa;
  letter-spacing: 1px;
  font-size: 11px;
  font-weight: 800;
}

.rev-footer-up {
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
}

.rev-newmenu {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  align-items: center;
  display: flex;
}

.rev-navlink {
  color: #151515;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: color .25s;
}

.rev-navlink:hover {
  color: #f16e63;
}

.skp26-site {
  color: #fff;
  background-color: #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  display: none;
}

.skp26-nav {
  background-color: #000;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  display: flex;
}

.skp26-logo {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  text-decoration: none;
}

.skp26-navlinks {
  column-gap: 32px;
  display: flex;
}

.skp26-navlink {
  color: #d6d6d6;
  font-size: 16px;
  text-decoration: none;
}

.skp26-button {
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  padding: 15px 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .2s, color .2s;
  display: inline-block;
}

.skp26-button:hover {
  color: #000;
  background-color: #d6d6d6;
}

.skp26-button:focus-visible, .skp26-button[data-wf-focus-visible] {
  outline-offset: 4px;
  outline: 2px solid #ef4262;
}

.skp26-main {
  display: block;
}

.skp26-hero {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  column-gap: 60px;
  min-height: 750px;
  padding: 64px 40px 100px;
  display: grid;
  overflow: hidden;
}

.skp26-hero-copy {
  max-width: 580px;
}

.skp26-h1 {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 64px;
  font-weight: 400;
  line-height: 1;
}

.skp26-lead {
  color: #d6d6d6;
  max-width: 475px;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.5;
}

.skp26-values {
  color: #b0b0b0;
  margin-top: 56px;
  font-size: 14px;
}

.skp26-hero-art {
  justify-content: center;
  column-gap: 36px;
  height: 580px;
  padding-left: 42px;
  padding-right: 42px;
  display: flex;
  position: relative;
}

.skp26-portrait-a {
  background-color: #172435;
  width: 45%;
  height: 100%;
  overflow: hidden;
  transform: skewX(-18deg);
}

.skp26-portrait-b {
  background-color: #23394a;
  width: 45%;
  height: 100%;
  overflow: hidden;
  transform: skewX(-18deg);
}

.skp26-portrait-img {
  object-fit: cover;
  object-position: 50% 35%;
  width: 180%;
  max-width: none;
  height: 100%;
  margin-left: -40%;
  transform: skewX(18deg);
}

.skp26-image-note {
  color: #999;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  position: absolute;
  bottom: -36px;
  left: 0;
}

.skp26-statement {
  color: #000;
  background-color: #fff;
  padding: 90px 40px 80px;
}

.skp26-statement-title {
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 72px;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.15;
}

.skp26-stats {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 40px;
  display: grid;
}

.skp26-stat {
  border-top: 1px solid #ccc;
  padding-top: 24px;
}

.skp26-number {
  letter-spacing: -2px;
  font-size: 64px;
  line-height: 1;
}

.skp26-stat-label {
  color: #555;
  margin-top: 16px;
  margin-bottom: 0;
  font-size: 18px;
}

.skp26-position {
  padding: 130px 40px 110px;
}

.skp26-split {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  column-gap: 80px;
  display: grid;
}

.skp26-eyebrow {
  color: #999;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 12px;
  line-height: 1.5;
}

.skp26-h2 {
  letter-spacing: -1.5px;
  margin-top: 0;
  margin-bottom: 30px;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.05;
}

.skp26-text {
  color: #bcbcbc;
  margin-top: 0;
  margin-bottom: 24px;
  font-size: 18px;
  line-height: 1.5;
}

.skp26-list {
  color: #bcbcbc;
  margin-bottom: 36px;
  padding-left: 20px;
  font-size: 18px;
  line-height: 1.7;
}

.skp26-strategy-art {
  justify-content: center;
  align-items: center;
  height: 440px;
  display: flex;
  position: relative;
}

.skp26-orbit {
  border: 1px solid #454545;
  border-radius: 50%;
  width: 390px;
  height: 390px;
  position: absolute;
  transform: rotate(-20deg);
}

.skp26-orbit-inner {
  border: 1px solid #242424;
  border-radius: 50%;
  width: 310px;
  height: 310px;
  position: absolute;
}

.skp26-art-window {
  background-color: #141414;
  border-top: 1px solid #656565;
  border-radius: 12px;
  width: 330px;
  padding: 24px 28px 30px;
  position: relative;
}

.skp26-window-top {
  color: #aaa;
  justify-content: space-between;
  font-size: 14px;
  display: flex;
}

.skp26-red-dot {
  color: #ef4262;
}

.skp26-art-head {
  letter-spacing: -1px;
  margin-top: 45px;
  margin-bottom: 30px;
  font-size: 38px;
  line-height: 1.1;
}

.skp26-art-line {
  background-color: #444;
  width: 100%;
  height: 5px;
  margin-bottom: 10px;
}

.skp26-art-line-short {
  background-color: #333;
  width: 65%;
  height: 5px;
}

.skp26-art-pill {
  color: #ccc;
  text-align: center;
  background-color: #252525;
  margin-top: 30px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 12px;
}

.skp26-services {
  background-color: #101010;
  min-height: 100vh;
  padding: 40px;
  overflow: hidden;
}

.skp26-section-lead {
  color: #999;
  max-width: 830px;
  margin-top: 0;
  margin-bottom: 48px;
  font-size: 22px;
  line-height: 1.4;
}

.skp26-service-grid {
  flex-wrap: nowrap;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  gap: 24px;
  width: calc(240vw + 72px);
  display: flex;
}

.skp26-service-card {
  background-color: #191919;
  border-top: 2px solid #df0;
  border-radius: 12px;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 0;
  width: 60vw;
  min-width: 0;
  min-height: 430px;
  padding: 32px 40px;
  display: flex;
}

.skp26-service-card:hover {
  background-color: #171717;
}

.skp26-service-art {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 205px;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.skp26-mini-browser {
  background-color: #181818;
  border-top: 1px solid #777;
  width: 190px;
  padding: 12px 16px 18px;
  transform: rotate(-6deg);
}

.skp26-mini-top {
  color: #888;
  margin-bottom: 18px;
  font-size: 10px;
}

.skp26-mini-heading {
  color: #ddd;
  margin-bottom: 18px;
  font-size: 24px;
  line-height: 1.1;
}

.skp26-mini-line {
  background-color: #444;
  width: 75%;
  height: 4px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.skp26-mini-button {
  background-color: #777;
  width: 60px;
  height: 12px;
  margin-top: 18px;
}

.skp26-search {
  color: #bbb;
  background-color: #1b1b1b;
  width: 210px;
  padding: 14px;
  font-size: 11px;
}

.skp26-search-result {
  color: #ccc;
  background-color: #242424;
  width: 185px;
  margin-top: 18px;
  padding: 20px 18px;
  font-size: 16px;
}

.skp26-ad-panel {
  background-color: #1b1b1b;
  width: 180px;
  padding: 16px 20px 20px;
}

.skp26-bars {
  align-items: flex-end;
  column-gap: 14px;
  height: 85px;
  display: flex;
}

.skp26-bar-one {
  background-color: #444;
  width: 22px;
  height: 25px;
}

.skp26-bar-two {
  background-color: #555;
  width: 22px;
  height: 40px;
}

.skp26-bar-three {
  background-color: #666;
  width: 22px;
  height: 60px;
}

.skp26-bar-four {
  background-color: #ef4262;
  width: 22px;
  height: 80px;
}

.skp26-shop-panel {
  background-color: #1b1b1b;
  width: 180px;
  padding: 16px 18px 20px;
}

.skp26-products {
  column-gap: 12px;
  display: flex;
}

.skp26-product {
  background-color: #383838;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  width: 66px;
  height: 80px;
}

.skp26-h3 {
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 22px;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.15;
}

.skp26-card-copy {
  color: #bcbcbc;
  margin-top: 0;
  margin-bottom: 22px;
  font-size: 16px;
  line-height: 1.5;
}

.skp26-card-detail {
  color: #888;
  margin-top: 0;
  margin-bottom: 28px;
  font-size: 14px;
  line-height: 1.5;
}

.skp26-text-link {
  color: #fff;
  margin-top: auto;
  padding-top: 16px;
  font-size: 14px;
  text-decoration: none;
}

.skp26-text-link:hover {
  color: #ef4262;
}

.skp26-team {
  color: #000;
  background-color: #fff;
  padding: 100px 40px;
}

.skp26-team-intro {
  text-align: center;
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.skp26-team-text {
  color: #222;
  margin-top: 32px;
  margin-bottom: 64px;
  font-size: 24px;
  line-height: 1.45;
}

.skp26-team-photo {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.skp26-team-img {
  object-fit: cover;
  width: 100%;
  height: 460px;
}

.skp26-photo-caption {
  color: #777;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 12px;
}

.skp26-projects {
  padding: 110px 40px;
}

.skp26-project-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  gap: 48px 32px;
  display: grid;
}

.skp26-project-scene {
  background-color: #1c292c;
  padding: 64px 32px;
  overflow: hidden;
}

.skp26-project-scene-light {
  background-color: #ceccc3;
  padding: 64px 32px;
  overflow: hidden;
}

.skp26-project-browser {
  color: #172124;
  background-color: #f3f1ec;
}

.skp26-project-top {
  color: #777;
  background-color: #e6e3dc;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
  font-size: 9px;
}

.skp26-project-layout {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  min-height: 275px;
  display: grid;
}

.skp26-project-left {
  padding: 24px 14px 28px 22px;
}

.skp26-project-wordmark {
  letter-spacing: 1px;
  margin-bottom: 36px;
  font-size: 10px;
  font-weight: 700;
}

.skp26-project-head {
  letter-spacing: -1px;
  margin-bottom: 18px;
  font-size: 36px;
  line-height: 1.05;
}

.skp26-project-small {
  font-size: 10px;
  line-height: 1.4;
}

.skp26-project-cta {
  color: #fff;
  background-color: #263b3d;
  margin-top: 20px;
  padding: 10px 12px;
  font-size: 9px;
  display: inline-block;
}

.skp26-project-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.skp26-project-meta {
  margin-top: 24px;
}

.skp26-project-title {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
}

.skp26-project-type {
  color: #999;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
}

.skp26-process {
  color: #000;
  background-color: #fff;
  grid-template-rows: auto;
  grid-template-columns: .85fr 1.15fr;
  column-gap: 90px;
  padding: 100px 40px;
  display: grid;
}

.skp26-process-list {
  border-top: 1px solid #ccc;
}

.skp26-step {
  border-bottom: 1px solid #ccc;
  grid-template-rows: auto;
  grid-template-columns: 35px 1fr;
  column-gap: 20px;
  padding-top: 26px;
  padding-bottom: 26px;
  display: grid;
}

.skp26-step-num {
  color: #999;
  padding-top: 5px;
  font-size: 14px;
}

.skp26-step-title {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.15;
}

.skp26-step-copy {
  color: #666;
  grid-column: 2 / 3;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.skp26-faq {
  padding: 100px 40px;
}

.skp26-faq-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  gap: 40px 64px;
  margin-top: 60px;
  display: grid;
}

.skp26-faq-item {
  border-top: 1px solid #333;
  padding-top: 26px;
}

.skp26-contact {
  color: #111;
  background-color: #df0;
  border-top: 1px solid #df0;
  padding: 100px 40px;
}

.skp26-contact-title {
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 36px;
  font-size: 76px;
  font-weight: 400;
  line-height: 1.05;
}

.skp26-contact-copy {
  color: #333;
  max-width: 650px;
  margin-top: 0;
  margin-bottom: 36px;
  font-size: 22px;
  line-height: 1.4;
}

.skp26-contact-actions {
  align-items: center;
  gap: 20px 32px;
  display: flex;
}

.skp26-contact-link {
  color: #111;
  font-size: 18px;
  text-decoration: none;
}

.skp26-contact-meta {
  color: #444;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 14px;
}

.skp26-button-1:hover {
  background-color: #d6d6d6;
}

.skp26-button-1:focus {
  outline-offset: 4px;
  outline: 2px solid #ef4262;
}

.skp26-navlink-1:hover {
  color: #fff;
}

.skp26-footer {
  border-top: 1px solid #333;
  padding: 64px 40px 32px;
}

.skp26-footer-grid {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr;
  column-gap: 64px;
  display: grid;
}

.skp26-footer-copy {
  color: #999;
  max-width: 350px;
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.5;
}

.skp26-footer-links {
  flex-direction: column;
  row-gap: 12px;
  display: flex;
}

.skp26-footer-link {
  color: #bbb;
  font-size: 14px;
  text-decoration: none;
}

.skp26-footer-bottom {
  color: #777;
  justify-content: space-between;
  margin-top: 56px;
  font-size: 12px;
  display: flex;
}

.skp26-button-1-2:hover {
  background-color: #d6d6d6;
}

.skp26-button-1-2:focus {
  outline-offset: 4px;
  outline: 2px solid #ef4262;
}

.skp26-navlink-1-2:hover {
  color: #fff;
}

.skp-wow-progress {
  z-index: 9999;
  pointer-events: none;
  transform-origin: 0%;
  background-color: #df0;
  width: 100%;
  height: 3px;
  position: fixed;
  top: 0;
  left: 0;
}

.sy-site {
  color: #f5f3ee;
  background-color: #101c32;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 1.55;
  display: none;
  overflow-x: clip;
}

.sy-progress {
  z-index: 1000;
  pointer-events: none;
  transform-origin: 0%;
  background-color: #6be1d0;
  width: 100%;
  height: 3px;
  position: fixed;
  top: 0;
  left: 0;
}

.sy-nav {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #101c32;
  border-bottom: 1px solid #ffffff20;
  justify-content: space-between;
  align-items: center;
  padding: 24px 5%;
  display: flex;
}

.sy-brand {
  color: #fff;
  letter-spacing: 2px;
  font-size: 31px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.sy-brand-dot {
  color: #a9bad3;
}

.sy-navlinks {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: center;
  display: flex;
}

.sy-navlink {
  color: #c3d0ce;
  font-size: 14px;
  text-decoration: none;
}

.sy-navcta {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  color: #fff;
  border: 1px solid #819795;
  border-radius: 6px;
  align-items: center;
  padding: 12px 20px;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.sy-hero {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #101c32;
  grid-template-rows: auto;
  grid-template-columns: 1.12fr 1fr;
  align-items: center;
  max-width: 1600px;
  margin: 0 auto;
  padding: 90px 5%;
  display: grid;
}

.sy-hero-copy {
  z-index: 2;
  position: relative;
}

.sy-eyebrow {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #b2c5c1;
  letter-spacing: 2px;
  align-items: center;
  margin: 0 0 30px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.sy-status {
  background-color: #a9bad3;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}

.sy-h1 {
  letter-spacing: -4px;
  margin: 0 0 30px;
  font-size: clamp(56px, 5.4vw, 86px);
  font-weight: 400;
  line-height: 1.02;
}

.sy-accent {
  color: #a9bad3;
}

.sy-lead {
  color: #bccdca;
  max-width: 520px;
  margin: 0 0 34px;
  font-size: 18px;
  line-height: 1.65;
}

.sy-actions {
  grid-column-gap: 26px;
  grid-row-gap: 26px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.sy-button {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #101c32;
  background-color: #f5f3ee;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  padding: 17px 23px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.sy-textlink {
  color: #e3eeeb;
  border-bottom: 1px solid #546966;
  padding-bottom: 5px;
  font-size: 14px;
  text-decoration: none;
}

.sy-hero-proof {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  margin-top: 46px;
  display: flex;
}

.sy-avatar {
  object-fit: cover;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

.sy-proof-text {
  color: #94aaa6;
  max-width: 370px;
  margin: 0;
  font-size: 12px;
  line-height: 1.7;
}

.sy-system {
  background-color: #132a2e;
  border: 1px solid #314b4e;
  border-radius: 18px;
  height: 510px;
  display: none;
  position: relative;
  overflow: hidden;
}

.sy-system-top {
  color: #9db2b0;
  letter-spacing: 1.5px;
  justify-content: space-between;
  font-size: 9px;
  display: flex;
  position: absolute;
  top: 25px;
  left: 26px;
  right: 26px;
}

.sy-system-state {
  color: #6be1d0;
}

.sy-ring-outer {
  border: 1px solid #39595c;
  border-radius: 50%;
  width: 355px;
  height: 355px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sy-ring-inner {
  border: 1px dashed #3e6568;
  border-radius: 50%;
  width: 255px;
  height: 255px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sy-core {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #112a2b;
  background-color: #6be1d0;
  border-radius: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  display: flex;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 75px #6be1d024;
}

.sy-core-symbol {
  font-size: 58px;
  font-weight: 700;
  line-height: 1;
}

.sy-core-label {
  text-align: center;
  letter-spacing: 2px;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
}

.sy-node-one {
  color: #a9bfbb;
  background-color: #213a3d;
  border: 1px solid #49605f;
  border-radius: 9px;
  flex-direction: column;
  width: 168px;
  padding: 17px;
  font-size: 11px;
  display: flex;
  position: absolute;
  top: 80px;
  left: 26px;
  box-shadow: 0 15px 40px #00121455;
}

.sy-node-two {
  color: #a9bfbb;
  background-color: #213a3d;
  border: 1px solid #49605f;
  border-radius: 9px;
  flex-direction: column;
  width: 165px;
  padding: 17px;
  font-size: 11px;
  display: flex;
  position: absolute;
  top: 178px;
  right: 18px;
  box-shadow: 0 15px 40px #00121455;
}

.sy-node-three {
  color: #a9bfbb;
  background-color: #213a3d;
  border: 1px solid #49605f;
  border-radius: 9px;
  flex-direction: column;
  width: 168px;
  padding: 17px;
  font-size: 11px;
  display: flex;
  position: absolute;
  bottom: 82px;
  left: 55px;
  box-shadow: 0 15px 40px #00121455;
}

.sy-node-icon {
  color: #6be1d0;
  margin-bottom: 8px;
  font-size: 21px;
  line-height: 1;
}

.sy-system-bottom {
  color: #a5bbb6;
  border-top: 1px solid #365052;
  justify-content: space-between;
  padding-top: 15px;
  font-size: 10px;
  display: flex;
  position: absolute;
  bottom: 23px;
  left: 26px;
  right: 26px;
}

.sy-sectorbar {
  background-color: #182740;
  border-top: 1px solid #30494a;
  border-bottom: 1px solid #30494a;
  padding: 27px 5% 31px;
}

.sy-sector-label {
  color: #92aaa6;
  letter-spacing: 1.5px;
  margin: 0 0 18px;
  font-size: 10px;
}

.sy-sector-items {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  color: #dbe5e2;
  justify-content: space-between;
  font-size: 16px;
  display: flex;
}

.sy-intro {
  color: #152c2d;
  background-color: #f5f3ee;
  padding: 95px 5% 105px;
}

.sy-section-top {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 55px;
  display: flex;
}

.sy-kicker {
  color: #365954;
  letter-spacing: 1.6px;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
}

.sy-section-note {
  color: #657873;
  margin: 0;
  font-size: 12px;
}

.sy-intro-grid {
  grid-column-gap: 10%;
  grid-row-gap: 10%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.1fr;
  display: grid;
}

.sy-h2-dark {
  color: #183331;
  letter-spacing: -2.5px;
  margin: 0 0 28px;
  font-size: clamp(40px, 4.4vw, 66px);
  font-weight: 400;
  line-height: 1.08;
}

.sy-muted-dark {
  color: #728781;
}

.sy-body-dark {
  color: #4a615d;
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.65;
}

.sy-choices {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  margin: 30px 0 16px;
  display: flex;
}

.sy-choice {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #254944;
  cursor: pointer;
  background-color: #e5ebe5;
  border: 1px solid #c1d1c8;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  display: flex;
}

.sy-answer {
  background-color: #fff;
  border: 1px solid #c6d6cd;
  border-radius: 8px;
  min-height: 260px;
  padding: 27px 28px;
}

.sy-answer-label {
  color: #4c8379;
  letter-spacing: 1.2px;
  font-size: 10px;
}

.sy-answer-title {
  color: #183331;
  letter-spacing: -.6px;
  margin: 12px 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
}

.sy-answer-copy {
  color: #647670;
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.6;
}

.sy-answer-link {
  color: #205f55;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.sy-services {
  grid-column-gap: 10%;
  grid-row-gap: 10%;
  background-color: #101c32;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.2fr;
  align-items: start;
  padding: 105px 5%;
  display: grid;
  position: relative;
}

.sy-service-aside {
  position: sticky;
  top: 60px;
}

.sy-h2 {
  letter-spacing: -2.5px;
  margin: 0 0 28px;
  font-size: clamp(40px, 4.2vw, 64px);
  font-weight: 400;
  line-height: 1.08;
}

.sy-body {
  color: #b7c9c5;
  margin: 0 0 25px;
  font-size: 16px;
  line-height: 1.7;
}

.sy-aside-index {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  color: #6b938a;
  letter-spacing: 2px;
  flex-direction: column;
  margin-top: 65px;
  font-size: 10px;
  display: flex;
}

.sy-service-stack {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.sy-service-card {
  box-shadow: none;
  background-color: #0000;
  border: 1px solid #365055;
  border-radius: 0;
  padding: 35px 36px;
  position: relative;
  top: 0;
}

.sy-card-head {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  align-items: center;
  margin-bottom: 35px;
  display: flex;
}

.sy-card-number {
  color: #6be1d0;
  font-size: 17px;
}

.sy-card-category {
  color: #92b0a9;
  letter-spacing: 1.5px;
  flex-grow: 1;
  font-size: 9px;
}

.sy-card-icon {
  color: #6be1d0;
  font-size: 27px;
}

.sy-h3 {
  color: #eff8f5;
  letter-spacing: -1px;
  margin: 0 0 23px;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.15;
}

.sy-tags {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #9fbbb4;
  flex-wrap: wrap;
  margin: 0 0 30px;
  font-size: 11px;
  display: flex;
}

.sy-outcome {
  color: #dfebe6;
  border-top: 1px solid #3b5456;
  padding-top: 21px;
}

.sy-outcome-label {
  color: #6be1d0;
  letter-spacing: 1.6px;
  font-size: 9px;
}

.sy-outcome-copy {
  margin: 8px 0 0;
  font-size: 15px;
}

.sy-experience {
  color: #17312f;
  background-color: #f5f3ee;
  padding: 100px 5% 65px;
}

.sy-expert-grid {
  grid-column-gap: 9%;
  grid-row-gap: 9%;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.2fr;
  align-items: center;
  display: block;
}

.sy-expert-visual {
  width: 100%;
  max-width: 500px;
}

.sy-expert-figure {
  background-color: #26364e;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 480px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.sy-portrait {
  z-index: 2;
  object-fit: cover;
  border: 0 solid #edf2eb;
  border-radius: 0;
  width: 285px;
  height: 285px;
  position: relative;
}

.sy-expert-monogram {
  color: #c1d2c6;
  letter-spacing: -24px;
  font-size: 260px;
  font-weight: 700;
  line-height: 1;
  position: absolute;
  bottom: -60px;
  right: -5px;
}

.sy-expert-caption {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #f5f3ee;
  background-color: #182740;
  flex-direction: column;
  margin-top: 20px;
  display: flex;
}

.sy-expert-name {
  color: #f5f3ee;
  font-size: 22px;
}

.sy-expert-role {
  color: #c4ccda;
  font-size: 12px;
}

.sy-credentials {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #456a5e;
  border-top: 1px solid #bfcec4;
  border-bottom: 1px solid #bfcec4;
  flex-direction: column;
  margin: 26px 0;
  padding: 21px 0;
  font-size: 12px;
  display: flex;
}

.sy-darklink {
  color: #224f44;
  border-bottom: 1px solid #9cb6a8;
  padding-bottom: 5px;
  font-size: 13px;
  text-decoration: none;
}

.sy-metrics {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #bdcfc2;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 50px;
  padding-top: 65px;
  display: grid;
}

.sy-metric-value {
  color: #275f53;
  letter-spacing: -2px;
  font-size: 58px;
  font-weight: 400;
  line-height: 1;
}

.sy-metric-copy {
  color: #667c71;
  margin: 16px 0 0;
  font-size: 13px;
  line-height: 1.6;
}

.sy-metric-note {
  color: #7b8e81;
  margin: 33px 0 0;
  font-size: 10px;
}

.sy-case {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  background-color: #182740;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 100px 5%;
  display: grid;
}

.sy-case-graphic {
  background-color: #1d3b3e;
  border: 1px solid #3e5c5d;
  border-radius: 12px;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.sy-case-graphic-label {
  color: #9fbcb7;
  letter-spacing: 2px;
  font-size: 10px;
  position: absolute;
  top: 30px;
  left: 30px;
}

.sy-module-a {
  background-color: #315e60;
  border: 1px solid #72b5ad;
  width: 65%;
  height: 110px;
  position: absolute;
  top: 110px;
  left: 17%;
  transform: skewY(-13deg);
  box-shadow: 20px 25px #132f32;
}

.sy-module-b {
  background-color: #285054;
  border: 1px solid #72b5ad;
  width: 65%;
  height: 110px;
  position: absolute;
  top: 185px;
  left: 12%;
  transform: skewY(-13deg);
  box-shadow: 20px 25px #122d30;
}

.sy-module-c {
  background-color: #1e4447;
  border: 1px solid #6be1d0;
  width: 65%;
  height: 110px;
  position: absolute;
  top: 260px;
  left: 7%;
  transform: skewY(-13deg);
  box-shadow: 20px 25px #112d30;
}

.sy-module-d {
  background-color: #6be1d030;
  border: 1px solid #6be1d0;
  width: 45px;
  height: 220px;
  position: absolute;
  top: 138px;
  left: 58%;
  transform: skewY(-13deg);
}

.sy-case-graphic-footer {
  color: #c4dfd5;
  text-align: right;
  font-size: 12px;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.sy-case-title {
  color: #fff;
  margin: 0 0 20px;
  font-size: 23px;
  font-weight: 400;
}

.sy-case-facts {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  border-top: 1px solid #355455;
  border-bottom: 1px solid #355455;
  flex-direction: column;
  margin: 0 0 25px;
  padding: 25px 0;
  display: flex;
}

.sy-case-fact {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.sy-case-fact-label {
  color: #6be1d0;
  letter-spacing: 1.5px;
  font-size: 9px;
}

.sy-case-fact-value {
  font-size: 13px;
  font-weight: 400;
}

.sy-method {
  color: #19372f;
  background-color: #eeece7;
  padding: 100px 5%;
}

.sy-method-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 65px;
  display: grid;
}

.sy-method-step {
  border-top: 1px solid #a6c1b3;
  padding-top: 25px;
}

.sy-step-no {
  color: #4f9182;
  font-size: 14px;
}

.sy-step-title {
  letter-spacing: -1px;
  margin: 35px 0 16px;
  font-size: 29px;
  font-weight: 400;
}

.sy-body-dark-small {
  color: #5e7569;
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
}

.sy-faq {
  grid-column-gap: 10%;
  grid-row-gap: 10%;
  color: #1c3c31;
  background-color: #f5f3ee;
  grid-template-rows: auto;
  grid-template-columns: .8fr 1.2fr;
  padding: 75px 5% 100px;
  display: grid;
}

.sy-faq-item {
  border-top: 1px solid #b6cdbd;
  padding: 22px 0;
}

.sy-faq-heading {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}

.sy-faq-copy {
  color: #597163;
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.65;
}

.sy-contact {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  color: #101c32;
  background-color: #dce3ee;
  justify-content: space-between;
  align-items: center;
  padding: 95px 5%;
  display: flex;
}

.sy-contact-title {
  letter-spacing: -4px;
  margin: 35px 0 26px;
  font-size: clamp(50px, 6.4vw, 96px);
  font-weight: 400;
  line-height: 1.04;
}

.sy-contact-italic {
  font-family: Georgia, Times, Times New Roman, serif;
  font-style: italic;
}

.sy-contact-copy {
  max-width: 460px;
  margin: 0 0 30px;
  font-size: 17px;
  line-height: 1.6;
}

.sy-contact-button {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  color: #fff;
  background-color: #173b37;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  padding: 18px 25px;
  font-size: 14px;
  text-decoration: none;
  display: inline-flex;
}

.sy-contact-person {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  min-width: 230px;
  padding-right: 4%;
  font-size: 14px;
  display: flex;
}

.sy-contact-avatar {
  object-fit: cover;
  border: 5px solid #abeddf;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  margin-bottom: 14px;
}

.sy-contact-person-label {
  letter-spacing: 1px;
  font-size: 10px;
}

.sy-contact-mail {
  color: #174c41;
  border-bottom: 1px solid #398573;
  margin-top: 9px;
  padding-bottom: 4px;
  text-decoration: none;
}

.sy-footer {
  background-color: #101c32;
  padding: 55px 5% 25px;
}

.sy-footer-top {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 50px;
  display: flex;
}

.sy-footer-brand {
  color: #f3f7f4;
  letter-spacing: 3px;
  font-size: 48px;
  font-weight: 700;
  text-decoration: none;
}

.sy-footer-tagline {
  color: #8ca7a1;
  margin: 0;
  font-size: 16px;
}

.sy-footer-link {
  color: #aec6bf;
  font-size: 12px;
  text-decoration: none;
}

.sy-footer-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #839b95;
  border-top: 1px solid #29413f;
  justify-content: space-between;
  padding-top: 25px;
  font-size: 11px;
  display: flex;
}

.sy-demo-note {
  color: #6f8781;
  margin: 25px 0 0;
  font-size: 10px;
}

.ds-site {
  color: #efeee8;
  background-color: #0c1526;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  overflow-x: clip;
}

.ds-announcement {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  background-color: #49698c;
  border-radius: 30px;
  margin: 8px;
  padding: 5px 12px;
  font-size: 11px;
  text-decoration: none;
  display: block;
}

.ds-nav {
  z-index: 100;
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  background-color: #172234;
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  max-width: 850px;
  margin: 12px auto 0;
  padding: 12px 16px;
  display: flex;
  position: sticky;
  top: 12px;
}

.ds-logo {
  color: #efeee8;
  letter-spacing: -1px;
  font-size: 23px;
  font-weight: 600;
  text-decoration: none;
}

.ds-navlinks {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.ds-navlink {
  color: #e4e7ec;
  font-size: 14px;
  text-decoration: none;
}

.ds-button {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  color: #152238;
  white-space: normal;
  background-color: #efeee8;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  padding: 13px 18px;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: none;
  display: inline-flex;
}

.ds-hero {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  max-width: 1600px;
  margin: 0 auto;
  padding: 68px 32px 80px;
  display: grid;
}

.ds-hero-copy {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.ds-pill {
  color: #d9dce2;
  background-color: #172234;
  border-radius: 30px;
  padding: 5px 12px;
  font-size: 13px;
  display: inline-block;
}

.ds-h1 {
  color: #efeee8;
  letter-spacing: -2px;
  max-width: 650px;
  margin: 26px 0 22px;
  font-size: 54px;
  font-weight: 400;
  line-height: 1.17;
}

.ds-lead {
  color: #c8ced7;
  max-width: 560px;
  margin: 0 0 20px;
  font-size: 17px;
  line-height: 1.5;
}

.ds-actions {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.ds-link {
  color: #efeee8;
  font-size: 15px;
  text-decoration: none;
}

.ds-sectors {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  color: #dce0e7;
  flex-wrap: wrap;
  align-items: center;
  margin-top: auto;
  padding-top: 85px;
  font-size: 18px;
  display: flex;
}

.ds-label {
  color: #a6b2c4;
  letter-spacing: 1px;
  font-size: 11px;
}

.ds-hero-media {
  min-width: 0;
}

.ds-portrait {
  background-size: cover;
  border-radius: 20px;
  height: 420px;
}

.ds-portrait.inline-div-0 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6aca57842d52abb1a7f89040_johannes-rothmeier-symply.jpg");
}

.ds-feature {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #efeee8;
  background-color: #172234;
  border-radius: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin-top: 10px;
  padding: 12px;
  text-decoration: none;
  display: grid;
}

.ds-feature-photo {
  background-size: cover;
  border-radius: 8px;
  height: 170px;
}

.ds-feature-photo.inline-div-1 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea6c88f109f2dab6fb3_SKP-PLACEHOLDER-4.jpg");
}

.ds-feature-copy {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.ds-h3 {
  color: #efeee8;
  letter-spacing: -.5px;
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
}

.ds-feature-bottom {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ds-section {
  max-width: 1600px;
  margin: 0 auto;
  padding: 100px 32px;
}

.ds-about {
  grid-column-gap: 7%;
  grid-row-gap: 7%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.ds-about-photo {
  background-size: cover;
  border-radius: 22px;
  height: 610px;
}

.ds-about-photo.inline-div-2 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea642bb3078fd6f8d2b_SKP-PLACEHOLDER-3.jpg");
}

.ds-h2 {
  color: #efeee8;
  letter-spacing: -1.5px;
  margin: 20px 0 24px;
  font-size: 46px;
  font-weight: 400;
  line-height: 1.16;
}

.ds-body {
  color: #c8ced7;
  margin: 0 0 20px;
  font-size: 17px;
  line-height: 1.5;
}

.ds-proof {
  grid-column-gap: 45px;
  grid-row-gap: 45px;
  margin: 30px 0;
  display: flex;
}

.ds-proof-number {
  margin-bottom: 5px;
  font-size: 29px;
  font-weight: 400;
  display: block;
}

.ds-section-heading {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  display: flex;
}

.ds-slider-controls {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.ds-arrow {
  color: #efeee8;
  text-align: center;
  background-color: #172234;
  border-radius: 30px;
  padding: 9px 28px;
  text-decoration: none;
  display: block;
}

.ds-slider {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-bottom: 16px;
  display: flex;
  overflow-x: auto;
}

.ds-slide {
  background-size: cover;
  border-radius: 18px;
  flex-direction: column;
  flex: 0 0 49%;
  justify-content: space-between;
  min-height: 470px;
  padding: 25px;
  display: flex;
}

.ds-slide.inline-article-0 {
  background-image: linear-gradient(#070f1dcc, #070f1d1f 65%, #070f1dcc), url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea642bb3078fd6f8d2b_SKP-PLACEHOLDER-3.jpg");
}

.ds-slide.inline-article-1 {
  background-image: linear-gradient(#070f1dcc, #070f1d1f 65%, #070f1dcc), url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6aca57842d52abb1a7f89040_johannes-rothmeier-symply.jpg");
}

.ds-slide.inline-article-2 {
  background-image: linear-gradient(#070f1dcc, #070f1d1f 65%, #070f1dcc), url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea6c88f109f2dab6fb3_SKP-PLACEHOLDER-4.jpg");
}

.ds-slide.inline-article-3 {
  background-image: linear-gradient(#070f1dcc, #070f1d1f 65%, #070f1dcc), url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea642bb3078fd6f8d2b_SKP-PLACEHOLDER-3.jpg");
}

.ds-slide-label {
  margin: 0 0 18px;
  font-size: 14px;
}

.ds-slide-title {
  max-width: 420px;
  margin: 0 0 16px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
}

.ds-slide-copy {
  color: #eef0f3;
  max-width: 490px;
  font-size: 16px;
}

.ds-beliefs {
  grid-column-gap: 10%;
  grid-row-gap: 10%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.ds-belief {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #304057;
  padding: 25px 0;
  display: flex;
}

.ds-belief-icon {
  color: #93aac7;
  font-size: 14px;
}

.ds-beliefs-photo {
  background-size: cover;
  border-radius: 22px;
  height: 660px;
}

.ds-beliefs-photo.inline-div-3 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea642bb3078fd6f8d2b_SKP-PLACEHOLDER-3.jpg");
}

.ds-process-heading {
  grid-column-gap: 14%;
  grid-row-gap: 14%;
  grid-template-rows: auto;
  grid-template-columns: 1.3fr 1fr;
  align-items: center;
  margin-bottom: 48px;
  display: grid;
}

.ds-process-photo {
  background-size: cover;
  border-radius: 22px;
  height: 430px;
}

.ds-process-photo.inline-div-4 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea642bb3078fd6f8d2b_SKP-PLACEHOLDER-3.jpg");
}

.ds-process-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 16px;
  display: grid;
}

.ds-process-card {
  background-color: #172234;
  border-radius: 18px;
  padding: 30px;
}

.ds-case {
  grid-column-gap: 6%;
  grid-row-gap: 6%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.ds-case-photo {
  background-size: cover;
  border-radius: 22px;
  height: 600px;
}

.ds-case-photo.inline-div-5 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea6c88f109f2dab6fb3_SKP-PLACEHOLDER-4.jpg");
}

.ds-case-tags {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #304057;
  border-bottom: 1px solid #304057;
  flex-wrap: wrap;
  margin: 24px 0;
  padding: 20px 0;
  display: flex;
}

.ds-offers {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.ds-offer {
  background-color: #172234;
  border-radius: 18px;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px;
  display: flex;
}

.ds-offer-title {
  margin: 22px 0;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.2;
}

.ds-offer-list {
  color: #c8ced7;
  margin: 10px 0 30px;
  padding-left: 19px;
  line-height: 2;
}

.ds-faq {
  grid-column-gap: 7%;
  grid-row-gap: 7%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.ds-faq-photo {
  background-size: cover;
  border-radius: 20px;
  height: 390px;
  margin-top: 30px;
}

.ds-faq-photo.inline-div-6 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6ac78ea642bb3078fd6f8d2b_SKP-PLACEHOLDER-3.jpg");
}

.ds-faq-item {
  border-bottom: 1px solid #304057;
  padding: 23px 0;
}

.ds-faq-question {
  margin: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}

.ds-faq-answer {
  color: #c8ced7;
  margin: 16px 0 0;
  font-size: 16px;
  line-height: 1.5;
}

.ds-person {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-items: center;
  margin-top: 35px;
  display: flex;
}

.ds-avatar {
  background-size: cover;
  border-radius: 50%;
  width: 52px;
  height: 52px;
}

.ds-avatar.inline-div-7 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6aca57842d52abb1a7f89040_johannes-rothmeier-symply.jpg");
}

.ds-small {
  color: #a6b2c4;
  margin: 4px 0;
  font-size: 13px;
}

.ds-cta {
  grid-column-gap: 7%;
  grid-row-gap: 7%;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  align-items: center;
  display: grid;
}

.ds-cta-photo {
  background-size: cover;
  border-radius: 20px;
  height: 360px;
}

.ds-cta-photo.inline-div-8 {
  background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6ac782754fefacb221ea8cc5/6aca57842d52abb1a7f89040_johannes-rothmeier-symply.jpg");
}

.ds-footer {
  border-top: 1px solid #304057;
  margin: 60px 32px 0;
  padding: 45px 0 20px;
}

.ds-footer-grid {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr 1fr;
  display: grid;
}

.ds-footer-link {
  color: #efeee8;
  margin: 10px 0;
  font-size: 15px;
  text-decoration: none;
  display: block;
}

.ds-footer-note {
  color: #8190a7;
  border-top: 1px solid #304057;
  margin-top: 45px;
  padding-top: 25px;
  font-size: 12px;
}

.skph-page {
  color: #122039;
  background-color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

.skph-container {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.skph-nav {
  padding-top: 24px;
  padding-bottom: 24px;
}

.skph-nav-inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.skph-logo {
  object-fit: contain;
  width: 112px;
  height: 48px;
}

.skph-nav-links {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: center;
  display: flex;
}

.skph-nav-link {
  color: #394457;
  font-size: 15px;
  text-decoration: none;
}

.skph-button {
  color: #fff;
  background-color: #142b4c;
  border-radius: 10px;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.skph-button-secondary {
  color: #142b4c;
  background-color: #fff;
  border: 1px solid #dce2e9;
  border-radius: 10px;
  padding: 14px 24px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.skph-hero {
  padding-top: 68px;
  padding-bottom: 88px;
}

.skph-hero-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.skph-eyebrow {
  color: #536d8d;
  letter-spacing: 1.2px;
  margin-bottom: 18px;
  font-size: 13px;
  font-weight: 600;
}

.skph-h1 {
  color: #122039;
  letter-spacing: -1.7px;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.13;
}

.skph-copy {
  color: #536071;
  margin-top: 0;
  margin-bottom: 26px;
  font-size: 17px;
  line-height: 1.65;
}

.skph-actions {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.skph-hero-image {
  object-fit: cover;
  border-radius: 22px;
  width: 100%;
  height: 440px;
  display: block;
}

.skph-caption {
  color: #6c7786;
  margin-top: 14px;
  font-size: 13px;
}

.skph-clients {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 70px;
}

.skph-client-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
  display: flex;
}

.skph-client-logo {
  object-fit: contain;
  width: 145px;
  height: 62px;
}

.skph-section {
  padding-top: 96px;
  padding-bottom: 96px;
}

.skph-section-soft {
  background-color: #f3f6fa;
  padding-top: 96px;
  padding-bottom: 96px;
}

.skph-heading {
  max-width: 720px;
  margin-bottom: 42px;
}

.skph-h2 {
  color: #122039;
  letter-spacing: -1.2px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.18;
}

.skph-h3 {
  color: #122039;
  letter-spacing: -.5px;
  margin-top: 0;
  margin-bottom: 14px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

.skph-project-grid {
  grid-column-gap: 28px;
  grid-row-gap: 38px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.skph-project-card {
  color: #122039;
  text-decoration: none;
}

.skph-project-image {
  object-fit: contain;
  background-color: #e6ebf1;
  border-radius: 18px;
  width: 100%;
  height: 400px;
  margin-bottom: 23px;
  display: block;
}

.skph-project-meta {
  color: #536d8d;
  margin-bottom: 9px;
  font-size: 13px;
}

.skph-services-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.skph-service-card {
  background-color: #fff;
  border: 1px solid #e1e7ee;
  border-radius: 18px;
  padding: 38px;
}

.skph-service-number {
  color: #7186a2;
  margin-bottom: 34px;
  font-size: 14px;
}

.skph-text {
  color: #536071;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.65;
}

.skph-stat-grid {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  border-top: 1px solid #dfe5ed;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 52px;
  padding-top: 52px;
  display: grid;
}

.skph-stat-number {
  letter-spacing: -2px;
  margin-bottom: 10px;
  font-size: 52px;
  font-weight: 600;
  line-height: 1.2;
}

.skph-split {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.skph-about-image {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 480px;
  display: block;
}

.skph-process-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.skph-process-card {
  border-top: 1px solid #d1dbe7;
  padding-top: 24px;
  padding-bottom: 24px;
}

.skph-contact {
  color: #fff;
  background-color: #122b4c;
  padding-top: 88px;
  padding-bottom: 88px;
}

.skph-contact-title {
  color: #fff;
  letter-spacing: -1.3px;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.15;
}

.skph-contact-copy {
  color: #d0dae6;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.65;
}

.skph-contact-image {
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
  height: 360px;
}

.skph-footer {
  color: #c5cfdd;
  background-color: #0d213c;
  padding-top: 32px;
  padding-bottom: 32px;
}

.skph-footer-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.skph-footer-link {
  color: #c5cfdd;
  font-size: 14px;
  text-decoration: none;
}

.skph-footer-contact {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  display: flex;
}

.rdi-page {
  color: #fcfbf9;
  background-color: #0f2e2f;
  font-family: Roboto, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  overflow: hidden;
}

.rdi-container {
  z-index: 1;
  width: calc(100% - 80px);
  max-width: 1152px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.rdi-header {
  z-index: 50;
  background-color: #0f2e2ff5;
  border-bottom: 1px solid #17676a;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  position: fixed;
  top: 0;
  left: 0;
}

.rdi-nav-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  min-height: 80px;
  display: flex;
}

.rdi-wordmark {
  color: #0f2e2f;
  letter-spacing: -1.5px;
  font-size: 30px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
}

.rdi-wordmark-ai {
  color: #c48a45;
  font-weight: 400;
}

.rdi-nav {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  display: flex;
}

.rdi-navlink {
  color: #e6efee;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.rdi-button {
  color: #0f2e2f;
  background-color: #c48a45;
  border-radius: 40px;
  padding: 10px 22px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .25s, color .25s;
  display: inline-block;
}

.rdi-button:hover {
  color: #0f2e2f;
  background-color: #e9c08a;
}

.rdi-hero {
  color: #fcfbf9;
  background-color: #0f2e2f;
  align-items: center;
  min-height: 100svh;
  padding-top: 160px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rdi-hero-grid {
  z-index: 2;
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
  align-items: center;
  max-width: 100%;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  position: relative;
}

.rdi-kicker-gold {
  color: #e9c08a;
  letter-spacing: 2.8px;
  margin-top: 0;
  margin-bottom: 26px;
  font-size: 10px;
  font-weight: 600;
}

.rdi-h1 {
  color: #fcfbf9;
  letter-spacing: 0;
  max-width: 896px;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 72px;
  font-weight: 300;
  line-height: 1.05;
}

.rdi-serif-gold {
  color: #e9c08a;
  font-family: inherit;
  font-style: normal;
  font-weight: 300;
}

.rdi-lead-light {
  color: #e6efee;
  max-width: 660px;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1.6;
}

.rdi-actions {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  display: flex;
}

.rdi-button-gold {
  color: #0f2e2f;
  background-color: #c48a45;
  border-radius: 4px;
  padding: 12px 30px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .25s, color .25s;
  display: inline-block;
}

.rdi-button-gold:hover {
  color: #0f2e2f;
  background-color: #e9c08a;
}

.rdi-link-light {
  color: #fcfbf9;
  border: 0 solid #e6efee73;
  border-bottom-color: #5e6b6b;
  border-radius: 0;
  padding: 8px 0;
  font-size: 13px;
  text-decoration: underline;
}

.rdi-hero-audience {
  color: #e6efee;
  margin-top: 25px;
  font-size: 12px;
  display: none;
}

.rdi-scene {
  background-color: #0f2e2f;
  border: 1px solid #17676a;
  border-radius: 12px;
  margin-top: 20px;
  padding: 24px;
}

.rdi-scene-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rdi-mono-light {
  color: #e6efee;
  letter-spacing: 1px;
  font-family: monospace;
  font-size: 10px;
}

.rdi-scene-dot {
  color: #e9c08a;
  font-size: 12px;
}

.rdi-city {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-bottom: 1px solid #17676a;
  justify-content: center;
  align-items: flex-end;
  height: 165px;
  margin-top: 20px;
  padding-bottom: 34px;
  display: flex;
  position: relative;
}

.rdi-building-low {
  background-color: #17676a;
  background-image: repeating-linear-gradient(90deg, #0000, #0000 12px, #0f2e2f 12px 16px);
  border: 1px solid #e9c08a;
  border-top-width: 4px;
  width: 60px;
  height: 66px;
}

.rdi-building-high {
  background-color: #17676a;
  background-image: repeating-linear-gradient(90deg, #0000, #0000 12px, #0f2e2f 12px 16px);
  border: 1px solid #e9c08a;
  border-top-width: 4px;
  width: 76px;
  height: 112px;
}

.rdi-building-mid {
  background-color: #17676a;
  background-image: repeating-linear-gradient(90deg, #0000, #0000 12px, #0f2e2f 12px 16px);
  border: 1px solid #e9c08a;
  border-top-width: 4px;
  width: 65px;
  height: 86px;
}

.rdi-city-label {
  color: #e9c08a;
  letter-spacing: 1px;
  font-family: monospace;
  font-size: 10px;
  position: absolute;
  bottom: 7px;
}

.rdi-connector {
  color: #e9c08a;
  text-align: center;
  font-size: 24px;
  line-height: 1.3;
}

.rdi-system-panel {
  color: #0f2e2f;
  background-color: #e6efee;
  border-radius: 6px;
  padding: 18px 20px;
}

.rdi-panel-heading {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.rdi-panel-brand {
  letter-spacing: -.7px;
  font-size: 17px;
  font-weight: 700;
}

.rdi-status {
  color: #17676a;
  font-family: monospace;
  font-size: 9px;
}

.rdi-task {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #e3ddd0;
  align-items: center;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 12px;
  display: flex;
}

.rdi-task-icon {
  color: #17676a;
  width: 20px;
  font-size: 18px;
}

.rdi-task-state {
  border: 1px solid #17676a;
  border-radius: 3px;
  margin-left: auto;
  padding: 1px 6px;
  font-family: monospace;
  font-size: 9px;
}

.rdi-human {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border: 1px solid #c48a45;
  border-radius: 6px;
  align-items: center;
  padding: 14px 18px;
  display: flex;
}

.rdi-human-icon {
  color: #e9c08a;
  font-size: 22px;
}

.rdi-human-title {
  color: #fcfbf9;
  font-size: 17px;
  display: block;
}

.rdi-human-sub {
  color: #e9c08a;
  letter-spacing: .6px;
  margin-top: 3px;
  font-family: monospace;
  font-size: 8px;
  display: block;
}

.rdi-scene-caption {
  color: #e6efee;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 9px;
}

.rdi-hero-bottom {
  color: #e6efee;
  letter-spacing: .5px;
  border-top: 1px solid #17676a;
  justify-content: space-between;
  margin-top: 65px;
  padding-top: 20px;
  font-size: 11px;
  display: none;
}

.rdi-metrics {
  background-color: #0f2e2f;
  border-bottom: 1px solid #17676a;
  padding-top: 80px;
  padding-bottom: 80px;
}

.rdi-metrics-grid {
  grid-column-gap: 55px;
  grid-row-gap: 55px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.rdi-metric {
  border-left: 1px solid #17676a;
  padding-left: 28px;
}

.rdi-metric-number {
  color: #e9c08a;
  letter-spacing: -4px;
  font-size: 60px;
  font-weight: 300;
  line-height: 1.1;
}

.rdi-percent {
  font-size: 42px;
}

.rdi-metric-text {
  color: #e6efee;
  margin-top: 14px;
  margin-bottom: 0;
  font-size: 13px;
}

.rdi-metric-word {
  color: #e9c08a;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.15;
}

.rdi-note {
  color: #5e6b6b;
  margin-top: 22px;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 1.6;
}

.rdi-section {
  color: #2b2b2b;
  background-color: #fcfbf9;
  border-bottom: 1px solid #17676a;
  padding-top: 112px;
  padding-bottom: 112px;
}

.rdi-split {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: start;
  display: grid;
}

.rdi-kicker {
  color: #e9c08a;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 23px;
  font-size: 10px;
  font-weight: 700;
}

.rdi-h2 {
  color: #2b2b2b;
  letter-spacing: 0;
  max-width: 768px;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.25;
}

.rdi-serif {
  color: #c48a45;
  font-family: inherit;
  font-style: italic;
  font-weight: 300;
}

.rdi-text {
  color: #5e6b6b;
  margin-top: 12px;
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 1.7;
}

.rdi-link {
  color: #e9c08a;
  border-bottom: 1px solid #c48a45;
  margin-top: 12px;
  padding-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}

.rdi-levels {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  display: flex;
}

.rdi-level {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  background-color: #e6efee;
  border: 1px solid #e3ddd0;
  border-radius: 18px;
  align-items: center;
  padding: 28px 22px;
  display: flex;
}

.rdi-level-n {
  color: #e9c08a;
  font-family: monospace;
  font-size: 12px;
}

.rdi-h3 {
  color: #2b2b2b;
  letter-spacing: -.3px;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.35;
}

.rdi-small {
  color: #5e6b6b;
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.65;
}

.rdi-pill {
  color: #e9c08a;
  letter-spacing: .5px;
  white-space: nowrap;
  margin-left: auto;
  font-size: 8px;
}

.rdi-level-active {
  background-color: #0f2e2f;
  border-color: #c48a45;
  border-radius: 18px;
  margin-left: 0;
  padding: 34px;
}

.rdi-h3-light {
  color: #fcfbf9;
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.3;
}

.rdi-text-light {
  color: #e6efee;
  margin-top: 0;
  margin-bottom: 22px;
  font-size: 15px;
  line-height: 1.8;
}

.rdi-pill-light {
  color: #e9c08a;
  letter-spacing: .3px;
  font-family: monospace;
  font-size: 10px;
}

.rdi-product-section {
  color: #2b2b2b;
  background-color: #0f2e2f;
  border-bottom: 1px solid #17676a;
  padding-top: 112px;
  padding-bottom: 112px;
}

.rdi-section-heading {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  max-width: 896px;
  margin-bottom: 48px;
  display: block;
}

.rdi-sidecopy {
  color: #5e6b6b;
  max-width: 768px;
  margin-top: 24px;
  margin-bottom: 25px;
  font-size: 18px;
  line-height: 1.6;
}

.rdi-product-frame {
  background-color: #fcfbf9;
  border: 1px solid #e3ddd0;
  border-radius: 8px;
  max-width: 1024px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 32px 80px -32px #0f2e2f59;
}

.rdi-product-bar {
  color: #e6efee;
  background-color: #17676a;
  border-bottom: 1px solid #17676a;
  justify-content: space-between;
  padding: 14px 20px;
  font-family: monospace;
  font-size: 9px;
  display: flex;
}

.rdi-browser-dots {
  color: #c48a45;
  letter-spacing: 3px;
}

.rdi-dashboard {
  width: 100%;
  height: auto;
  display: block;
}

.rdi-feature-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 24px;
  margin-top: 32px;
  margin-bottom: 64px;
  display: grid;
}

.rdi-feature {
  background-color: #00000040;
  border: 1px solid #e6efee26;
  border-radius: 16px;
  min-height: 230px;
  padding: 32px 28px;
}

.rdi-feature:hover {
  border-color: #c48a45;
}

.rdi-feature-icon {
  color: #e9c08a;
  margin-bottom: 15px;
  font-size: 28px;
  display: block;
}

.rdi-control-section {
  background-color: #0f2e2f;
  padding-top: 96px;
  padding-bottom: 0;
}

.rdi-h2-light {
  color: #fcfbf9;
  letter-spacing: 0;
  max-width: 896px;
  margin-top: 0;
  margin-bottom: 25px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.25;
}

.rdi-control-sign {
  color: #e9c08a;
  margin-top: 60px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 27px;
  font-style: italic;
  display: none;
}

.rdi-small-light {
  color: #e6efee;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
}

.rdi-rules {
  border-top: 1px solid #17676a;
}

.rdi-rule {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-color: #e6efee33;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  gap: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.rdi-rule-num {
  color: #e9c08a;
  padding-top: 5px;
  font-family: monospace;
  font-size: 11px;
}

.rdi-rule-text {
  color: #fcfbf9;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.45;
}

.rdi-steps {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 55px;
  display: grid;
}

.rdi-step {
  border-top: 0 solid #c48a45;
  padding-top: 0;
}

.rdi-step-num {
  color: #c48a45;
  margin-bottom: 35px;
  font-family: Arial, sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 300;
  display: block;
}

.rdi-team-section {
  background-color: #fcfbf9;
  border-bottom: 1px solid #17676a;
  padding-top: 96px;
  padding-bottom: 96px;
}

.rdi-team-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.rdi-person {
  background-color: #fcfbf9;
  border: 1px solid #e3ddd0;
  border-radius: 12px;
  overflow: hidden;
}

.rdi-person:hover {
  border-color: #c48a45;
}

.rdi-person-photo {
  aspect-ratio: 4 / 5;
  filter: none;
  object-fit: cover;
  object-position: 50% 25%;
  width: 100%;
  height: 320px;
  display: block;
}

.rdi-person-info {
  padding: 24px;
}

.rdi-person-role {
  color: #17676a;
  font-family: monospace;
  font-size: 11px;
}

.rdi-faq-list {
  border-top: 1px solid #17676a;
}

.rdi-faq-item {
  background-color: #fcfbf9;
  border-bottom: 1px solid #e3ddd0;
  padding-top: 22px;
  padding-bottom: 22px;
}

.rdi-faq-question {
  color: #2b2b2b;
  cursor: pointer;
  padding-top: 26px;
  padding-bottom: 26px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}

.rdi-faq-answer {
  color: #5e6b6b;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.75;
}

.rdi-contact {
  text-align: center;
  background-color: #0f2e2f;
  background-image: radial-gradient(at 50% 100%, #17676a99, #0f2e2f 75%);
  padding-top: 128px;
  padding-bottom: 128px;
}

.rdi-contact-title {
  color: #fcfbf9;
  letter-spacing: 0;
  max-width: 768px;
  margin: 0 auto 25px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 36px;
  font-weight: 300;
  line-height: 1.25;
}

.rdi-contact-copy {
  color: #e6efee;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.8;
}

.rdi-contact-actions {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
  display: flex;
}

.rdi-footer {
  background-color: #0f2e2f;
  border-bottom: 1px solid #17676a;
  padding-top: 40px;
  padding-bottom: 25px;
}

.rdi-footer-row {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.rdi-footer-links {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  display: flex;
}

.rdi-logo {
  filter: brightness(0) invert();
  width: 110px;
  height: auto;
  display: block;
}

.rdi-hero-media {
  width: 65%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
}

.rdi-hero-portrait {
  opacity: .65;
  filter: grayscale();
  object-fit: cover;
  object-position: 75% 30%;
  width: 100%;
  height: 100%;
  display: none;
}

.rdi-hero-shade {
  z-index: 1;
  background-color: #17676a33;
  background-image: linear-gradient(90deg, #0f2e2ff0 0%, #0f2e2fbd 42%, #0f2e2f3d 100%), linear-gradient(0deg, #0f2e2f 0%, #0000 35%);
  position: absolute;
  inset: 0;
}

.rdi-ecosystem {
  text-align: center;
  background-color: #0f2e2f;
  border-bottom: 1px solid #17676a;
  padding-top: 48px;
  padding-bottom: 96px;
}

.rdi-ecosystem-label {
  color: #e9c08a;
  letter-spacing: 2px;
  margin-bottom: 28px;
  font-size: 11px;
}

.rdi-audience-row {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  color: #e6efee;
  letter-spacing: -.5px;
  justify-content: center;
  gap: 40px;
  padding-bottom: 48px;
  font-size: 24px;
  font-weight: 300;
  display: flex;
}

.rdi-integrations {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top-style: none;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  padding-top: 32px;
  display: grid;
}

.rdi-integration-label {
  color: #e9c08a;
  text-align: center;
  letter-spacing: 1px;
  grid-column: 1 / 5;
  margin-bottom: 12px;
  margin-right: 15px;
  font-size: 9px;
}

.rdi-integration-chip {
  color: #e6efee;
  background-color: #0000002e;
  border: 1px solid #e6efee14;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  min-height: 96px;
  padding: 8px 18px;
  font-size: 16px;
  display: flex;
}

.rdi-integration-chip:hover {
  border-color: #c48a45;
}

.rdi-hero-video {
  opacity: 1;
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.rdi-product-detail {
  color: #0f2e2f;
  background-color: #fcfbf9;
  border: 1px solid #e3ddd0;
  border-radius: 16px;
  margin-top: 24px;
  overflow: hidden;
}

.rdi-product-toggle {
  cursor: pointer;
  padding: 20px 24px;
  font-size: 16px;
  font-weight: 500;
}

.rdi-product-scroll {
  max-height: 75vh;
  padding: 16px;
  overflow: auto;
}

.rdi-dashboard-detail {
  width: 1400px;
  max-width: none;
  height: auto;
}

.rdi-mobile-menu {
  display: none;
}

.rdi-mobile-toggle {
  color: #fcfbf9;
  cursor: pointer;
  border: 1px solid #5e6b6b;
  border-radius: 999px;
  padding: 12px 16px;
}

.rdi-mobile-panel {
  background-color: #0f2e2f;
  border-bottom: 1px solid #5e6b6b;
  padding: 24px 7%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}

.rdi-mobile-link {
  color: #fcfbf9;
  padding: 14px 0;
  text-decoration: none;
  display: block;
}

.rdi-ecosystem-heading {
  align-items: flex-end;
  margin-bottom: 48px;
  padding-top: 80px;
}

.rdi-role-showcase {
  margin-top: 40px;
  margin-bottom: 72px;
}

.rdi-role-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.rdi-role-card {
  min-width: 0;
}

.rdi-role-summary {
  cursor: pointer;
}

.rdi-role-visual {
  aspect-ratio: 1;
  background-color: #17676a;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rdi-role-name {
  color: #fcfbf9;
  text-align: center;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.rdi-role-caption {
  color: #e6efee;
  text-align: center;
  margin-top: 4px;
  font-size: 12px;
  display: block;
}

.rdi-role-intro {
  color: #fcfbf9;
  font-size: 24px;
}

.rdi-role-description {
  color: #e6efee;
  max-width: 768px;
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.65;
}

.rdi-capability-badge {
  color: #0f2e2f;
  letter-spacing: 1px;
  background-color: #c48a45;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: 28px;
  right: 24px;
}

.wp-site {
  color: #1f251e;
  background-color: #f5f4ed;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  display: none;
  overflow: hidden;
}

.wp-nav {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  padding: 22px 5%;
  display: flex;
}

.wp-brand {
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 30px;
  font-weight: bold;
}

.wp-navigation {
  letter-spacing: .06em;
  font-size: 12px;
  font-weight: bold;
}

.wp-topbtn {
  color: #1f251e;
  border: 1px solid #1f251e;
  padding: 14px 18px;
  font-size: 12px;
  font-weight: bold;
}

.wp-hero {
  color: #fff;
  background-color: #1f251e;
  height: 86vh;
  min-height: 750px;
  position: relative;
}

.wp-cover {
  filter: grayscale(.35);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.wp-tint {
  background-image: linear-gradient(0deg, #00000080, #0000);
  position: absolute;
  inset: 0;
}

.wp-herocontent {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 9% 5%;
  display: flex;
  position: relative;
}

.wp-eyewhite {
  color: #d2e5bf;
  letter-spacing: .15em;
  margin-bottom: 34px;
  font-size: 12px;
  font-weight: bold;
}

.wp-headline {
  letter-spacing: -.025em;
  margin: 0 0 30px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: clamp(76px, 10vw, 160px);
  font-weight: 900;
  line-height: .91;
}

.wp-herosub {
  max-width: 570px;
  margin: 0 0 28px;
  font-size: 17px;
  line-height: 1.7;
}

.wp-button {
  color: #182015;
  letter-spacing: .06em;
  background-color: #d7ee80;
  padding: 20px 28px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  display: inline-block;
}

.wp-marquee {
  text-align: center;
  letter-spacing: .1em;
  white-space: nowrap;
  background-color: #d7ee80;
  padding: 18px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 27px;
}

.wp-section {
  padding: 110px 5%;
}

.wp-eyebrow {
  color: #697366;
  letter-spacing: .15em;
  margin-bottom: 37px;
  font-size: 12px;
  font-weight: bold;
}

.wp-title {
  max-width: 1100px;
  margin: 0 0 37px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: clamp(51px, 6.4vw, 102px);
  line-height: 1;
}

.wp-lead {
  color: #555f53;
  max-width: 670px;
  margin: 0 0 60px;
  font-size: 18px;
  line-height: 1.7;
}

.wp-targets {
  border-top: 1px solid #bfc7ba;
}

.wp-target {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #bfc7ba;
  justify-content: space-between;
  align-items: center;
  padding: 30px 10px;
  display: flex;
}

.wp-small {
  color: #6a7567;
  letter-spacing: .07em;
  width: 180px;
  font-size: 12px;
}

.wp-targettitle {
  flex: 1;
  margin: 0;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: clamp(28px, 3.1vw, 47px);
}

.wp-black {
  color: #fff;
  background-color: #1b211b;
  padding: 110px 5%;
}

.wp-lighttitle {
  margin: 0 0 25px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: clamp(55px, 6.6vw, 108px);
  line-height: 1;
}

.wp-lightlead {
  color: #c9d0c5;
  max-width: 560px;
  margin: 0 0 58px;
  font-size: 17px;
  line-height: 1.7;
}

.wp-cards {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.wp-card {
  background-color: #384139;
  height: 530px;
  position: relative;
  overflow: hidden;
}

.wp-cardimage {
  filter: grayscale(.45);
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.wp-cardcopy {
  background-image: linear-gradient(0deg, #000000e6, #0000 90%);
  flex-direction: column;
  justify-content: flex-end;
  padding: 25px;
  display: flex;
  position: absolute;
  inset: 0;
}

.wp-cardindex {
  color: #d7ee80;
  letter-spacing: .1em;
  font-size: 12px;
}

.wp-cardtitle {
  margin: 14px 0;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 43px;
  line-height: 1.05;
}

.wp-cardtext {
  color: #e0e5df;
  font-size: 15px;
  line-height: 1.6;
}

.wp-steps {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 65px;
  display: grid;
}

.wp-step {
  border-top: 2px solid #1f251e;
  padding-top: 24px;
}

.wp-number {
  color: #7b8679;
  font-size: 15px;
}

.wp-steptitle {
  margin: 45px 0 10px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 43px;
}

.wp-steptext {
  color: #5c6659;
  max-width: 330px;
  font-size: 16px;
  line-height: 1.7;
}

.wp-about {
  background-color: #e0e8d8;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.wp-aboutimage {
  object-fit: cover;
  width: 100%;
  height: 670px;
}

.wp-aboutbody {
  flex-direction: column;
  justify-content: center;
  padding: 95px 8%;
  display: flex;
}

.wp-abouttitle {
  margin: 0 0 30px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: clamp(51px, 5.6vw, 86px);
  line-height: 1;
}

.wp-abouttext {
  color: #566154;
  font-size: 17px;
  line-height: 1.75;
}

.wp-aboutnames {
  letter-spacing: .1em;
  margin-top: 32px;
  font-size: 12px;
  font-weight: bold;
}

.wp-faq {
  max-width: 980px;
}

.wp-detail {
  border-bottom: 1px solid #c4ccbf;
  padding: 23px 0;
  font-size: 19px;
  line-height: 1.6;
}

.wp-contact {
  color: #fff;
  text-align: center;
  background-color: #222b20;
  flex-direction: column;
  align-items: center;
  padding: 110px 5%;
  display: flex;
}

.wp-contacttitle {
  max-width: 1200px;
  margin: 0 0 35px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: clamp(54px, 7vw, 112px);
  line-height: 1.02;
}

.wp-contacttext {
  max-width: 550px;
  margin: 0 0 30px;
  font-size: 18px;
  line-height: 1.7;
}

.wp-note {
  color: #a9b5a6;
  margin-top: 30px;
  font-size: 11px;
}

.wp-footer {
  color: #fff;
  letter-spacing: .08em;
  background-color: #111911;
  padding: 45px 5%;
  font-size: 12px;
}

.wokop-program {
  color: #20281f;
  background-color: #dce8cd;
  padding: 115px 5%;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.wokop-kicker {
  letter-spacing: .15em;
  margin-bottom: 45px;
  font-size: 12px;
  font-weight: 700;
}

.wokop-layout {
  grid-column-gap: 8%;
  grid-row-gap: 8%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.wokop-left {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.wokop-heading {
  margin: 0 0 30px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: clamp(58px, 7vw, 112px);
  line-height: .93;
}

.wokop-sub {
  max-width: 450px;
  margin: 0 0 30px;
  font-size: 17px;
  line-height: 1.7;
}

.wokop-btn {
  color: #fff;
  letter-spacing: .07em;
  background-color: #1c241c;
  padding: 20px 28px;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}

.wokop-item {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-top: 1px solid #a6b59e;
  padding: 24px 0;
  display: flex;
}

.wokop-index {
  color: #667862;
  font-size: 13px;
}

.wokop-info {
  flex: 1;
}

.wokop-label {
  margin: 0 0 13px;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold, Charcoal, sans-serif;
  font-size: 31px;
  line-height: 1.1;
}

.wokop-desc {
  color: #576653;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

.wfko-site {
  color: #252525;
  background-color: #fff;
  font-family: Lexend Deca;
  font-size: 15px;
  line-height: 1.7;
  overflow: hidden;
}

.wfko-hero {
  color: #fff;
  background-color: #171717;
  height: 100vh;
  min-height: 900px;
  position: relative;
}

.wfko-hero-photo {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
}

.wfko-shade {
  background-image: linear-gradient(0deg, #00000040, #0000);
  position: absolute;
  inset: 0;
}

.wfko-nav {
  z-index: 2;
  border-bottom: 1px solid #ffffff29;
  justify-content: space-between;
  align-items: center;
  padding: 28px 3%;
  display: flex;
  position: relative;
}

.wfko-logo {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #fff;
  letter-spacing: 1px;
  align-items: center;
  font-family: Bebas Neue;
  font-size: 42px;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.wfko-logo-sub {
  letter-spacing: 3px;
  border-left: 1px solid #aaa;
  padding-left: 12px;
  font-family: Lexend Deca;
  font-size: 11px;
}

.wfko-navlinks {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  align-items: center;
  display: flex;
}

.wfko-navlink {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
}

.wfko-navcta {
  color: #fff;
  border: 1px solid #aaa;
  padding: 10px 18px;
  font-size: 13px;
  text-decoration: none;
}

.wfko-herotext {
  z-index: 1;
  max-width: 900px;
  padding: 180px 3%;
  position: relative;
}

.wfko-eyebrow {
  letter-spacing: 2.5px;
  text-transform: uppercase;
  margin: 0 0 23px;
  font-size: 11px;
  font-weight: 500;
}

.wfko-h1 {
  letter-spacing: .2px;
  margin: 0 0 28px;
  font-family: Bebas Neue;
  font-size: clamp(62px, 6.5vw, 104px);
  font-weight: 400;
  line-height: 1.02;
}

.wfko-herop {
  color: #e8e8e8;
  max-width: 500px;
  margin: 0 0 35px;
  line-height: 1.8;
}

.wfko-button {
  outline-offset: 5px;
  color: #171717;
  letter-spacing: .5px;
  background-color: #fff;
  outline: 1px solid #fff9;
  padding: 15px 30px;
  font-family: Bebas Neue;
  font-size: 22px;
  text-decoration: none;
  display: inline-block;
}

.wfko-button-dark {
  outline-offset: 5px;
  color: #fff;
  letter-spacing: .5px;
  background-color: #171717;
  outline: 1px solid #777;
  padding: 15px 30px;
  font-family: Bebas Neue;
  font-size: 22px;
  text-decoration: none;
  display: inline-block;
}

.wfko-thumbnails {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #dcdcdc45;
  border: 1px solid #aaa;
  width: 43%;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 50px;
  right: 5%;
}

.wfko-thumb-link {
  width: 33.333%;
  display: block;
}

.wfko-thumb {
  object-fit: cover;
  width: 100%;
  height: 125px;
  display: block;
}

.wfko-container {
  width: 94%;
  max-width: 1340px;
  margin-left: auto;
  margin-right: auto;
}

.wfko-section {
  padding: 125px 0;
}

.wfko-center-title {
  text-align: center;
  max-width: 800px;
  margin: 0 auto 60px;
  font-family: Bebas Neue;
  font-size: 60px;
  font-weight: 400;
  line-height: 1.1;
}

.wfko-three {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.wfko-card {
  border: 1px solid #ddd;
  flex-direction: column;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.wfko-number {
  color: #969696;
  letter-spacing: 4px;
  border-bottom: 1px solid #ccc;
  width: 100%;
  margin: 0 0 35px;
  padding-bottom: 35px;
  font-size: 12px;
}

.wfko-h3 {
  text-transform: uppercase;
  margin: 0 0 22px;
  font-family: Bebas Neue;
  font-size: 29px;
  font-weight: 400;
  line-height: 1.2;
}

.wfko-p {
  color: #686868;
  margin: 0 0 25px;
  font-size: 15px;
  line-height: 1.85;
}

.wfko-textlink {
  color: #222;
  margin-top: auto;
  font-family: Bebas Neue;
  font-size: 23px;
  text-decoration: none;
}

.wfko-cream {
  background-color: #fff1df;
  padding: 125px 0;
}

.wfko-split {
  grid-column-gap: 9%;
  grid-row-gap: 9%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  display: grid;
}

.wfko-collage {
  height: 590px;
  position: relative;
}

.wfko-collage-one {
  object-fit: cover;
  width: 44%;
  height: 330px;
  position: absolute;
  top: 100px;
  left: 0;
  box-shadow: 0 18px 35px #0002;
}

.wfko-collage-two {
  object-fit: cover;
  width: 48%;
  height: 385px;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: 0 18px 35px #0002;
}

.wfko-collage-three {
  object-fit: cover;
  width: 47%;
  height: 330px;
  position: absolute;
  bottom: 0;
  left: 25%;
  box-shadow: 0 18px 35px #0002;
}

.wfko-h2 {
  margin: 0 0 28px;
  font-family: Bebas Neue;
  font-size: 62px;
  font-weight: 400;
  line-height: 1.08;
}

.wfko-stats {
  grid-column-gap: 65px;
  grid-row-gap: 65px;
  margin: 35px 0;
  display: flex;
}

.wfko-stat {
  margin: 0 0 8px;
  font-family: Bebas Neue;
  font-size: 48px;
  line-height: 1.1;
}

.wfko-dark {
  color: #fff;
  background-color: #0d0d0d;
  padding: 125px 0;
}

.wfko-service-intro {
  align-self: start;
  padding-top: 50px;
  position: sticky;
  top: 50px;
}

.wfko-light-p {
  color: #bcbcbc;
  margin: 0 0 32px;
  font-size: 15px;
  line-height: 1.85;
}

.wfko-service-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.wfko-service-card {
  background-color: #050505;
  border: 1px solid #646464;
  padding: 38px;
}

.wfko-icon {
  color: #d0d0d0;
  margin: 0 0 45px;
  font-size: 48px;
  line-height: 1;
}

.wfko-center {
  text-align: center;
}

.wfko-program {
  background-color: #fff1df;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.wfko-program-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 580px;
}

.wfko-program-content {
  padding: 55px;
}

.wfko-list {
  margin: 0 0 35px;
  padding-left: 20px;
}

.wfko-listitem {
  color: #555;
  padding: 8px 0;
}

.wfko-faq {
  padding: 20px 0 130px;
}

.wfko-faq-item {
  border-bottom: 1px solid #ccc;
  padding: 24px 0;
}

.wfko-question {
  cursor: pointer;
  font-family: Bebas Neue;
  font-size: 25px;
  line-height: 1.3;
}

.wfko-answer {
  color: #666;
  margin-bottom: 0;
  padding-top: 15px;
  font-size: 14px;
  line-height: 1.8;
}

.wfko-faq-visual {
  padding-left: 35px;
  position: relative;
}

.wfko-faq-image {
  object-fit: cover;
  width: 100%;
  height: 620px;
}

.wfko-faq-badge {
  background-color: #fff1df;
  padding: 28px;
  position: absolute;
  bottom: 35px;
  left: 0;
}

.wfko-final {
  background-image: url("https://cdn.prod.website-files.com/679c8e26093f64670f80ebb0/67cfd62de9f623d78caa463b_Gim%202.webp");
  background-size: cover;
  padding: 130px 3%;
  position: relative;
}

.wfko-final-shade {
  background-color: #000000bf;
  position: absolute;
  inset: 0;
}

.wfko-final-content {
  color: #fff;
  text-align: center;
  max-width: 1100px;
  margin: auto;
  position: relative;
}

.wfko-final-title {
  margin: 0 0 30px;
  font-family: Bebas Neue;
  font-size: 76px;
  font-weight: 400;
  line-height: 1.1;
}

.wfko-footer {
  color: #fff;
  background-color: #0d0d0d;
  padding: 85px 0 0;
}

.wfko-outline {
  color: #0000;
  text-align: center;
  letter-spacing: 4px;
  white-space: nowrap;
  margin: 0 0 100px;
  font-family: Bebas Neue;
  font-size: clamp(60px, 12vw, 180px);
  line-height: 1;
}

.wfko-footer-grid {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  grid-template-rows: auto;
  grid-template-columns: 1.4fr 1fr 1fr 1fr;
  padding-bottom: 90px;
  display: grid;
}

.wfko-footerlink {
  color: #bcbcbc;
  padding: 7px 0;
  font-size: 13px;
  text-decoration: none;
  display: block;
}

.wfko-copyright {
  color: #aaa;
  border-top: 1px solid #333;
  margin: 0;
  padding: 25px 0;
  font-size: 12px;
}

.page-wrapper {
  background-color: var(--_skp-tokens---color--white);
  font-family: var(--_skp-tokens---font--primary), Arial, sans-serif;
  color: #3a4654;
  font-size: 1.0625rem;
  line-height: 1.55;
  overflow: clip;
}

.padding-global {
  padding-left: var(--_skp-tokens---size--gutter);
  padding-right: var(--_skp-tokens---size--gutter);
}

.container-large {
  width: 100%;
  max-width: var(--_skp-tokens---size--container);
  margin-left: auto;
  margin-right: auto;
}

.navbar_component {
  z-index: 100;
  border-bottom: 1px solid var(--_skp-tokens---color--border);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background-color: #fffc;
  border-bottom-width: 0;
  position: sticky;
  top: 0;
}

.navbar_inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  height: 5.25rem;
  display: flex;
}

.navbar_logo-link {
  color: var(--_skp-tokens---color--dark);
  line-height: 0;
  text-decoration: none;
  display: inline-block;
}

.navbar_logo-text {
  letter-spacing: -.02em;
  font-size: 1.375rem;
  font-weight: 700;
}

.text-color-brand {
  color: var(--_skp-tokens---color--brand);
}

.navbar_menu {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.navbar_link {
  color: #24303e;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
}

.navbar_link:hover {
  color: var(--_skp-tokens---color--brand);
}

.button {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1px solid var(--_skp-tokens---color--brand);
  color: var(--_skp-tokens---color--white);
  background-color: #3009ee;
  background-image: linear-gradient(90deg, #2606d9, #4a2bff 85%);
  border-width: 0;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .2s, transform .2s;
  display: inline-flex;
  position: relative;
  box-shadow: inset -4px -4px 8px #14008c73, inset 2px 2px 16px #ffffff59;
}

.button:hover {
  background-color: #2207b8;
  border-color: #2207b8;
  transform: translateY(-1px);
  box-shadow: inset -4px -4px 8px #14008c73, inset 2px 2px 16px #ffffff59, 0 10px 24px -8px #3009ee8c;
}

.button.is-small {
  background-color: var(--_skp-tokens---color--brand);
  background-image: linear-gradient(90deg, #172b4d, #243f64 90%);
  padding: .625rem 1.125rem;
  font-size: .9375rem;
  transition: background-color .25s, box-shadow .25s, transform .25s;
  box-shadow: inset -3px -3px 8px #060e1c59, inset 2px 2px 12px #ffffff1f, 0 6px 16px -10px #172b4d73;
}

.button.is-small:hover {
  background-color: var(--_skp-tokens---color--brand-hover);
  background-image: linear-gradient(90deg, #101f38, #1c3352 90%);
  transform: translateY(-1px);
  box-shadow: inset -3px -3px 8px #060e1c59, inset 2px 2px 12px #ffffff1a, 0 12px 24px -12px #101f388c;
}

.button.is-small.navbar_cta {
  white-space: nowrap;
}

.button.is-secondary {
  border-color: var(--_skp-tokens---color--border);
  background-color: var(--_skp-tokens---color--white);
  color: var(--_skp-tokens---color--dark);
  background-image: none;
  box-shadow: inset 0 0 0 1px #dee5ee;
}

.button.is-secondary:hover {
  background-color: var(--_skp-tokens---color--bg-soft);
  border-top-color: var(--_skp-tokens---color--brand);
  border-right-color: var(--_skp-tokens---color--brand);
  border-bottom-color: var(--_skp-tokens---color--brand);
  border-left-color: var(--_skp-tokens---color--brand);
}

.button.is-icon {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  background-color: var(--_skp-tokens---color--brand);
  background-image: linear-gradient(90deg, #172b4d, #243f64 90%);
  padding: .5rem .5rem .5rem 1.25rem;
  font-size: 1rem;
  transition: background-color .25s, box-shadow .25s, transform .25s;
  box-shadow: inset -3px -3px 8px #060e1c59, inset 2px 2px 12px #ffffff1f, 0 6px 16px -10px #172b4d73;
}

.button.is-icon:hover {
  background-color: var(--_skp-tokens---color--brand-hover);
  background-image: linear-gradient(90deg, #101f38, #1c3352 90%);
  transform: translateY(-1px);
  box-shadow: inset -3px -3px 8px #060e1c59, inset 2px 2px 12px #ffffff1a, 0 12px 24px -12px #101f388c;
}

.button.is-icon.footer_cta {
  white-space: nowrap;
  box-shadow: inset 0 0 0 1px #8da4be61, inset 2px 2px 12px #ffffff1f, 0 8px 20px -10px #0009;
}

.button.is-icon.footer_cta:hover {
  box-shadow: inset 0 0 0 1px #b8c9dc99, inset 2px 2px 12px #ffffff24, 0 12px 24px -10px #000000b3;
}

.button.is-icon.contact-form_submit {
  text-align: left;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%23fff'/%3E%3Cpath d='M10 16h12M17 11l5 5-5 5' fill='none' stroke='%23172B4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(90deg, #172b4d, #243f64 90%);
  background-repeat: no-repeat, repeat;
  background-size: 2rem 2rem, auto;
  border-radius: .75rem;
  align-items: center;
  min-height: 3.25rem;
  padding-left: 1.5rem;
  padding-right: 3.5rem;
  font-weight: 600;
  line-height: 1.2;
  display: inline-flex;
}

.button.is-icon.contact-form_submit:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%23fff'/%3E%3Cpath d='M10 16h12M17 11l5 5-5 5' fill='none' stroke='%23101F38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(90deg, #101f38, #1c3352 90%);
  background-repeat: no-repeat, repeat;
  background-size: 2rem 2rem, auto;
}

.button.is-icon.navbar_mobile-cta {
  justify-content: space-between;
  width: 100%;
  min-height: 3.5rem;
  padding-left: 1.5rem;
}

.button-group {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.heading-style-h1 {
  max-width: 50rem;
  color: var(--_skp-tokens---color--dark);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 1.25;
}

.text-accent {
  font-family: var(--_skp-tokens---font--accent);
  color: var(--_skp-tokens---color--brand);
  letter-spacing: -.01em;
  font-style: italic;
  font-weight: 400;
}

.text-size-large {
  font-size: 1.25rem;
  line-height: 1.6;
}

.section_logos {
  z-index: 2;
  padding-top: 0;
  padding-bottom: 2rem;
  position: relative;
}

.logos_component {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #fafbfd;
  border-radius: 1rem;
  flex-direction: column;
  align-items: center;
  padding: 2rem 2rem 2.25rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #1414140f;
}

.logos_heading {
  color: var(--_skp-tokens---color--text-muted);
  text-align: center;
  letter-spacing: .24em;
  text-transform: uppercase;
  margin: 0;
  font-size: .75rem;
  font-weight: 600;
}

.logos_list {
  grid-column-gap: 3rem;
  grid-row-gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  display: flex;
}

.logos_logo {
  opacity: .55;
  filter: grayscale();
  object-fit: contain;
  width: auto;
  max-width: 8.5rem;
  height: 2.75rem;
  transition: opacity .2s, filter .2s;
}

.logos_logo:hover {
  opacity: 1;
  filter: grayscale(0%);
}

.padding-section-large {
  padding-top: var(--_skp-tokens---size--section-large);
  padding-bottom: var(--_skp-tokens---size--section-large);
}

.section_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 46rem;
  margin-bottom: 3.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.eyebrow {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--_skp-tokens---color--brand);
  font-size: .875rem;
  font-weight: 600;
}

.heading-style-h2 {
  color: var(--_skp-tokens---color--dark);
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 1.2;
}

.heading-style-h3 {
  color: var(--_skp-tokens---color--dark);
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.625rem;
  font-weight: 600;
  line-height: 1.2;
}

.heading-style-h4 {
  color: var(--_skp-tokens---color--dark);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.3;
}

.text-size-medium {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
}

.text-color-muted {
  color: var(--_skp-tokens---color--text-muted);
}

.services_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.services_card {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 1px solid var(--_skp-tokens---color--border);
  border-radius: var(--_skp-tokens---radius--card);
  background-color: var(--_skp-tokens---color--white);
  color: var(--_skp-tokens---color--text);
  border-width: 0;
  flex-direction: column;
  padding: 2.5rem;
  text-decoration: none;
  transition: border-color .2s, box-shadow .2s, transform .2s;
  display: flex;
  box-shadow: inset 1px 1px 4px #fff, inset 2px 2px 12px #eeebfeb3, 4px 4px 24px #3009ee1a;
}

.services_card:hover {
  border-top-color: var(--_skp-tokens---color--brand);
  border-right-color: var(--_skp-tokens---color--brand);
  border-bottom-color: var(--_skp-tokens---color--brand);
  border-left-color: var(--_skp-tokens---color--brand);
  transform: translateY(-2px);
  box-shadow: 0 20px 40px -20px #3009ee40;
}

.services_number {
  color: var(--_skp-tokens---color--brand);
  font-size: .875rem;
  font-weight: 600;
}

.services_text {
  color: var(--_skp-tokens---color--text-muted);
  margin-top: 0;
  margin-bottom: 0;
}

.services_list {
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  color: var(--_skp-tokens---color--text);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  margin: .5rem 0 0;
  padding-left: 1.1rem;
  font-size: .9375rem;
  display: grid;
}

.services_link {
  color: var(--_skp-tokens---color--brand);
  margin-top: auto;
  padding-top: 1rem;
  font-weight: 600;
}

.cta-strip {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top-left-radius: var(--_skp-tokens---radius--card);
  border-top-right-radius: var(--_skp-tokens---radius--card);
  border-bottom-right-radius: var(--_skp-tokens---radius--card);
  border-bottom-left-radius: var(--_skp-tokens---radius--card);
  background-color: var(--_skp-tokens---color--brand-soft);
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  padding: 2rem 2.5rem;
  display: flex;
}

.cta-strip_content {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  max-width: 40rem;
  display: flex;
}

.cta-strip_text {
  margin-top: 0;
  margin-bottom: 0;
}

.section_hero {
  background-image: radial-gradient(70% 55% at 50% 0, #eeebfe 0%, #fff0 100%);
  position: relative;
}

.hero_content {
  padding-top: 5rem;
  padding-bottom: 3rem;
}

.hero_header {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero_tag {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #3009ee;
  background-color: #eeebfe;
  border-radius: .5rem;
  align-items: center;
  padding: .375rem .75rem;
  display: inline-flex;
}

.hero_tag-icon {
  border: 2px solid #3009ee;
  border-radius: 2px;
  width: .5rem;
  height: .5rem;
}

.hero_tag-text {
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.4;
}

.hero_text {
  color: #2b2b30;
  max-width: 38rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.55;
}

.hero_actions {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: .5rem;
  display: flex;
}

.button_text {
  position: relative;
}

.button_icon {
  width: 2rem;
  height: 2rem;
  color: var(--_skp-tokens---color--brand);
  background-color: #fff;
  border-radius: .5rem;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  transition: transform .2s;
  display: flex;
  box-shadow: 0 2px 6px #060e1c38;
}

.hero_link {
  color: #141414;
  text-underline-offset: 4px;
  font-weight: 600;
  -webkit-text-decoration: underline #c9c2fb;
  text-decoration: underline #c9c2fb;
}

.hero_link:hover {
  color: #3009ee;
}

.hero_proof {
  color: #6b6b76;
  font-size: .875rem;
}

.hero_visual {
  height: 36rem;
  margin-top: 3.5rem;
  position: relative;
}

.hero_screen {
  background-color: #fff;
  border-radius: 1rem;
  position: absolute;
  top: 7rem;
  left: 15%;
  right: 15%;
  overflow: hidden;
  box-shadow: 0 30px 60px -25px #3009ee40, 0 0 0 1px #e6e4f0;
}

.hero_screen-bar {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  background-color: #f6f5fb;
  border-bottom: 1px solid #e6e4f0;
  align-items: center;
  padding: .625rem .875rem;
  display: flex;
}

.hero_screen-dot {
  background-color: #d9d7e3;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
}

.hero_screen-label {
  color: #6b6b76;
  background-color: #fff;
  border-radius: .375rem;
  margin-left: .75rem;
  padding: .125rem .75rem;
  font-size: .75rem;
}

.hero_screen-image-wrap {
  aspect-ratio: 16 / 9;
  background-color: #f6f5fb;
  overflow: hidden;
}

.hero_screen-image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  display: block;
}

.hero_card {
  z-index: 2;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  background-color: #fff;
  border-radius: 1rem;
  flex-direction: column;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  box-shadow: inset 1px 1px 4px #fff, inset 8px 8px 24px #eeebfe40, inset 2px 2px 12px #eeebfeb3, 4px 4px 24px #3009ee29;
}

.hero_card.is-inbox {
  width: 17rem;
  top: 1.5rem;
  left: 3%;
}

.hero_card.is-check {
  width: 16rem;
  top: 4.5rem;
  right: 4%;
}

.hero_card-head {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.hero_card-dot {
  background-color: #12b76a;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
}

.hero_card-label {
  color: #6b6b76;
  font-size: .8125rem;
}

.hero_inbox-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border-top: 1px solid #f0eef7;
  align-items: center;
  padding-top: .75rem;
  display: flex;
}

.hero_inbox-icon {
  color: #3009ee;
  background-color: #eeebfe;
  border-radius: .625rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1rem;
  display: flex;
}

.hero_inbox-title {
  color: #141414;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3;
}

.hero_inbox-meta {
  color: #6b6b76;
  font-size: .8125rem;
  line-height: 1.3;
}

.hero_card-title {
  color: #141414;
  font-size: 1.125rem;
  font-weight: 600;
}

.hero_check-row {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #2b2b30;
  align-items: center;
  font-size: .9375rem;
  display: flex;
}

.hero_check-icon {
  color: #fff;
  background-color: #3009ee;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.375rem;
  height: 1.375rem;
  font-size: .75rem;
  font-weight: 700;
  display: flex;
}

.hero_card-note {
  color: #6b6b76;
  border-top: 1px solid #f0eef7;
  margin-top: .25rem;
  padding-top: .75rem;
  font-size: .8125rem;
}

.hero_chip {
  z-index: 2;
  background-color: #fff;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 4.5rem;
  height: 4.5rem;
  font-size: 1.75rem;
  font-weight: 700;
  display: flex;
  position: absolute;
  box-shadow: inset 1px 1px 4px #fff, inset 2px 2px 12px #eeebfeb3, 4px 4px 24px #3009ee29;
}

.hero_chip.is-google {
  bottom: 3rem;
  left: 9%;
}

.hero_chip.is-webflow {
  color: #3009ee;
  top: 0;
  right: 9%;
}

.g-blue {
  color: #4285f4;
}

.section_home-hero {
  font-family: var(--_skp-tokens---font--primary);
  background-color: #fff;
  background-image: radial-gradient(70% 55% at 50% 0, #eaf0f6 0%, #eaf0f68c 45%, #fff0 100%);
  position: relative;
  overflow: hidden;
}

.home-hero_bg {
  z-index: 0;
  opacity: .55;
  pointer-events: none;
  background-image: linear-gradient(#172b4d0f 1px, #0000 1px), linear-gradient(90deg, #172b4d0f 1px, #0000 1px);
  background-size: 72px 72px;
  position: absolute;
  inset: 0;
}

.home-hero_glow {
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(#fff0 0%, #fff 85%);
  height: 22rem;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.home-hero_component {
  z-index: 2;
  padding-top: 5rem;
  padding-bottom: 3rem;
  position: relative;
}

.home-hero_content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-hero_tag {
  grid-column-gap: .5rem;
  color: #3a4654;
  background-color: #ffffffd9;
  border-radius: 100rem;
  align-items: center;
  margin-bottom: 1.5rem;
  padding: .375rem .875rem .375rem .75rem;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.4;
  display: inline-flex;
  box-shadow: 0 0 0 1px #172b4d1a, 0 4px 14px #172b4d14;
}

.home-hero_tag-dot {
  background-color: #172b4d;
  border-radius: .125rem;
  width: .5rem;
  height: .5rem;
  box-shadow: 0 0 0 3px #172b4d26;
}

.home-hero_heading {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.home-hero_text {
  color: #3a4654;
  max-width: 40rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
}

.home-hero_actions {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
  display: flex;
}

.home-hero_link {
  grid-column-gap: .5rem;
  color: #141414;
  border-bottom: 1px solid #172b4d40;
  align-items: center;
  padding-bottom: .125rem;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.home-hero_link:hover {
  color: #172b4d;
  border-bottom-color: #172b4d;
}

.home-hero_trust {
  grid-column-gap: 1.5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 1.75rem;
  display: flex;
}

.home-hero_trust-item {
  grid-column-gap: .5rem;
  color: #5e6b7c;
  align-items: center;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
}

.home-hero_visual {
  height: 40rem;
  margin-top: 3.5rem;
  position: relative;
}

.home-hero_browser {
  z-index: 1;
  background-color: #fff;
  border-radius: 1rem;
  position: absolute;
  top: 2rem;
  left: 15%;
  right: 15%;
  overflow: hidden;
  box-shadow: 0 0 0 1px #1414140f, 0 24px 60px -12px #172b4d38, 0 8px 24px -8px #1414141f;
}

.home-hero_browser-bar {
  grid-column-gap: 1rem;
  background-color: #fafbfd;
  border-bottom: 1px solid #e6ebf2;
  justify-content: space-between;
  align-items: center;
  height: 2.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.home-hero_browser-dots {
  grid-column-gap: .375rem;
  width: 5rem;
  display: flex;
}

.home-hero_browser-dot {
  background-color: #d4dce6;
  border-radius: 100rem;
  width: .625rem;
  height: .625rem;
}

.home-hero_browser-url {
  grid-column-gap: .5rem;
  color: #5e6b7c;
  background-color: #edf1f6;
  border-radius: .5rem;
  align-items: center;
  padding: .3rem .875rem;
  font-size: .75rem;
  line-height: 1.3;
  display: flex;
}

.home-hero_browser-actions {
  grid-column-gap: .375rem;
  opacity: 0;
  justify-content: flex-end;
  width: 5rem;
  display: flex;
}

.home-hero_browser-line {
  background-color: #dee5ee;
  border-radius: 100rem;
  width: 1.75rem;
  height: .375rem;
}

.home-hero_browser-screen {
  background-color: #f3f6fa;
  height: 30rem;
  position: relative;
  overflow: hidden;
}

.home-hero_browser-image {
  object-fit: cover;
  object-position: 50% 28%;
  width: 100%;
  height: 100%;
  display: block;
}

.home-hero_browser-caption {
  color: #172b4d;
  background-color: #eaf0f6;
  border-radius: 100rem;
  padding: .375rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
  position: absolute;
  top: .55rem;
  right: .75rem;
}

.home-hero_card {
  z-index: 3;
  background-color: #fff;
  border-radius: 1rem;
  padding: 1.25rem;
  position: absolute;
  box-shadow: inset 1px 1px 4px #fff, inset 2px 2px 12px #eaf0f6b3, 0 0 0 1px #172b4d0f, 0 18px 40px -10px #172b4d38;
}

.home-hero_card.is-chart {
  width: 18.5rem;
  top: 0;
  left: 0;
}

.home-hero_card.is-check {
  flex-direction: column;
  align-items: center;
  width: 15.5rem;
  display: flex;
  top: 5rem;
  right: 0;
}

.home-hero_card-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: .75rem;
  display: flex;
}

.home-hero_card-label {
  grid-column-gap: .375rem;
  color: #3a4654;
  white-space: nowrap;
  align-items: center;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
}

.home-hero_legend-dot {
  background-color: #172b4d;
  border-radius: 100rem;
  width: .5rem;
  height: .5rem;
}

.home-hero_card-badge {
  color: #5e6b7c;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #f3f6fa;
  border-radius: 100rem;
  padding: .125rem .5rem;
  font-size: .625rem;
  font-weight: 600;
}

.home-hero_chart {
  width: 100%;
}

.home-hero_chart-axis {
  color: #5e6b7c;
  justify-content: space-between;
  margin-top: .375rem;
  font-size: .625rem;
  display: flex;
}

.home-hero_card-divider {
  background-color: #e6ebf2;
  width: 100%;
  height: 1px;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.home-hero_card-title {
  color: #141414;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.home-hero_card-title.is-center {
  text-align: center;
  margin-top: .75rem;
}

.home-hero_card-text {
  color: #687586;
  margin-top: .25rem;
  font-size: .75rem;
  line-height: 1.45;
}

.home-hero_card-text.is-center {
  text-align: center;
  margin-top: 1rem;
}

.home-hero_check-ring {
  justify-content: center;
  display: flex;
}

.home-hero_check-list {
  grid-row-gap: .5rem;
  flex-direction: column;
  width: 100%;
  margin-top: 1rem;
  display: flex;
}

.home-hero_check-item {
  grid-column-gap: .5rem;
  color: #3a4654;
  background-color: #f7f9fc;
  border-radius: .625rem;
  align-items: center;
  padding: .5rem .625rem;
  font-size: .8125rem;
  font-weight: 500;
  display: flex;
}

.home-hero_tile {
  z-index: 3;
  background-color: #fff;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  width: 4.25rem;
  height: 4.25rem;
  display: flex;
  position: absolute;
  box-shadow: inset 1px 1px 4px #fff, 0 0 0 1px #172b4d0f, 0 14px 30px -8px #172b4d40;
}

.home-hero_tile.is-google {
  top: 19.75rem;
  left: 7rem;
}

.home-hero_tile.is-webflow {
  top: -.25rem;
  right: 5.5rem;
}

.home-hero_notice {
  z-index: 4;
  grid-column-gap: .75rem;
  background-color: #fff;
  border-radius: .875rem;
  align-items: center;
  padding: .625rem 1.125rem .625rem .625rem;
  display: flex;
  position: absolute;
  top: 18rem;
  left: 58%;
  box-shadow: 0 0 0 1px #172b4d0f, 0 16px 32px -8px #172b4d47;
}

.home-hero_notice-icon {
  background-image: linear-gradient(135deg, #172b4d, #243f64);
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
}

.home-hero_notice-title {
  color: #141414;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.home-hero_notice-text {
  color: #687586;
  font-size: .75rem;
  line-height: 1.3;
}

.home-hero_feature {
  z-index: 4;
  grid-column-gap: 1rem;
  background-color: #fffffff5;
  border-radius: 1rem;
  align-items: flex-start;
  width: 25rem;
  padding: 1.125rem 1.25rem 1.125rem 1.125rem;
  display: flex;
  position: absolute;
  box-shadow: inset 1px 1px 4px #fff, inset 2px 2px 12px #eaf0f6b3, 0 0 0 1px #172b4d0f, 0 18px 40px -10px #172b4d38;
}

.home-hero_feature.is-left {
  bottom: 5.5rem;
  left: 1.5rem;
}

.home-hero_feature.is-right {
  bottom: 2.5rem;
  right: 1.5rem;
}

.home-hero_feature-icon {
  background-color: #eaf0f6;
  border-radius: .75rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #172b4d14;
}

.home-hero_feature-title {
  color: #141414;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.3;
}

.home-hero_feature-text {
  color: #687586;
  margin-top: .25rem;
  font-size: .875rem;
  line-height: 1.45;
}

.section_home-services {
  background-color: #fff;
  position: relative;
}

.home-services_header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 46rem;
  margin-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-services_eyebrow {
  color: #5e6b7c;
  letter-spacing: .32em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .8125rem;
  font-weight: 600;
}

.home-services_intro {
  color: #687586;
  max-width: 38rem;
  margin-top: 1.25rem;
}

.home-services_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.home-services_card {
  color: #3a4654;
  background-color: #fff;
  border-radius: 1rem;
  flex-direction: column;
  justify-content: space-between;
  padding: 2rem;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  box-shadow: inset 1px 1px 4px #fff, inset 2px 2px 12px #eaf0f699, 0 0 0 1px #14141412, 0 10px 30px -14px #172b4d2e;
}

.home-services_card:hover {
  transform: translateY(-4px);
  box-shadow: inset 1px 1px 4px #fff, inset 2px 2px 12px #eaf0f699, 0 0 0 1px #172b4d24, 0 24px 48px -16px #172b4d52;
}

.home-services_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-services_number {
  color: #172b4d;
  background-color: #eaf0f6;
  border-radius: .75rem;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1.5rem;
  font-size: .875rem;
  font-weight: 700;
  display: flex;
  box-shadow: inset 0 0 0 1px #172b4d14;
}

.home-services_text {
  color: #687586;
  margin-top: .875rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.home-services_tags {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  margin-top: 1.25rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.home-services_tag {
  color: #3a4654;
  background-color: #f3f6fa;
  border-radius: 100rem;
  padding: .3rem .75rem;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.4;
}

.home-services_link {
  grid-column-gap: .625rem;
  color: #141414;
  align-items: center;
  margin-top: 1.5rem;
  font-size: .9375rem;
  font-weight: 600;
  display: flex;
}

.home-services_link-icon {
  background-color: #eaf0f6;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  transition: transform .3s;
  display: flex;
}

.home-services_visual {
  background-color: #f3f6fa;
  background-image: linear-gradient(#172b4d0d 1px, #0000 1px), linear-gradient(90deg, #172b4d0d 1px, #0000 1px);
  background-size: 24px 24px;
  border-radius: .875rem;
  height: 15rem;
  margin-top: 2rem;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #172b4d0d;
}

.services-visual_window {
  background-color: #fff;
  border-radius: .75rem;
  position: absolute;
  inset: 1.5rem 22% -1rem 8%;
  box-shadow: 0 0 0 1px #1414140f, 0 16px 32px -12px #172b4d40;
}

.services-visual_dots {
  grid-column-gap: .3rem;
  border-bottom: 1px solid #edf1f6;
  padding-top: .625rem;
  padding-bottom: .625rem;
  padding-left: .75rem;
  display: flex;
}

.services-visual_dot {
  background-color: #d4dce6;
  border-radius: 100rem;
  width: .4rem;
  height: .4rem;
}

.services-visual_window-body {
  grid-row-gap: .5rem;
  flex-direction: column;
  padding-top: 1rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.services-visual_line {
  background-color: #e2e8f0;
  border-radius: 100rem;
  width: 70%;
  height: .4375rem;
}

.services-visual_line.is-title {
  opacity: .85;
  background-color: #141414;
  width: 55%;
  height: .75rem;
}

.services-visual_line.is-mid {
  width: 80%;
}

.services-visual_line.is-short {
  width: 45%;
}

.services-visual_pill {
  color: #fff;
  background-image: linear-gradient(90deg, #172b4d, #243f64 85%);
  border-radius: .5rem;
  align-self: flex-start;
  margin-top: .375rem;
  padding: .375rem .75rem;
  font-size: .6875rem;
  font-weight: 600;
}

.services-visual_pill.is-small {
  padding: .25rem .5rem;
  font-size: .5625rem;
}

.services-visual_blocks {
  grid-column-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: .75rem;
  display: grid;
}

.services-visual_block {
  background-color: #f0f4f9;
  border-radius: .5rem;
  height: 3.5rem;
}

.services-visual_block.is-brand {
  background-color: #eaf0f6;
}

.services-visual_phone {
  grid-row-gap: .4rem;
  background-color: #fff;
  border-radius: 1rem;
  flex-direction: column;
  width: 6.5rem;
  height: 13rem;
  padding-top: .75rem;
  padding-left: .625rem;
  padding-right: .625rem;
  display: flex;
  position: absolute;
  top: 3rem;
  right: 7%;
  box-shadow: 0 0 0 4px #141414, 0 18px 30px -10px #14141459;
}

.services-visual_phone-notch {
  background-color: #141414;
  border-radius: 100rem;
  align-self: center;
  width: 2rem;
  height: .3rem;
  margin-bottom: .25rem;
}

.services-visual_phone-img {
  background-image: linear-gradient(135deg, #eaf0f6, #c9d6e5);
  border-radius: .5rem;
  height: 3.25rem;
  margin-top: .25rem;
}

.services-visual_search {
  grid-column-gap: .625rem;
  color: #141414;
  background-color: #fff;
  border-radius: 100rem;
  align-items: center;
  padding: .75rem 1rem;
  font-size: .875rem;
  font-weight: 500;
  display: flex;
  position: absolute;
  top: 1.5rem;
  left: 10%;
  right: 10%;
  box-shadow: 0 0 0 1px #1414140f, 0 10px 24px -10px #172b4d40;
}

.services-visual_results {
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 5.25rem;
  left: 10%;
  right: 10%;
}

.services-visual_result {
  grid-column-gap: .75rem;
  background-color: #ffffffb3;
  border-radius: .75rem;
  align-items: center;
  padding: .625rem .75rem;
  display: flex;
  box-shadow: 0 0 0 1px #1414140a;
}

.services-visual_result.is-active {
  background-color: #fff;
  box-shadow: 0 0 0 1.5px #172b4d, 0 12px 24px -10px #172b4d59;
}

.services-visual_favicon {
  background-image: linear-gradient(135deg, #172b4d, #243f64);
  border-radius: .375rem;
  flex: none;
  width: 1.5rem;
  height: 1.5rem;
}

.services-visual_favicon.is-muted {
  background-color: #e2e8f0;
  background-image: none;
}

.services-visual_result-body {
  grid-row-gap: .3rem;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.services-visual_result-title {
  color: #141414;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.2;
}

.services-visual_result-url {
  color: #027a48;
  font-size: .6875rem;
  line-height: 1.2;
}

.services-visual_result-tag {
  color: #172b4d;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #eaf0f6;
  border-radius: 100rem;
  padding: .2rem .5rem;
  font-size: .625rem;
  font-weight: 700;
}

.services-visual_ad {
  z-index: 2;
  grid-row-gap: .45rem;
  background-color: #fff;
  border-radius: .75rem;
  flex-direction: column;
  padding: 1rem;
  display: flex;
  position: absolute;
  top: 1.5rem;
  left: 8%;
  right: 30%;
  box-shadow: 0 0 0 1px #1414140f, 0 14px 28px -12px #172b4d47;
}

.services-visual_ad-head {
  grid-column-gap: .5rem;
  align-items: center;
  display: flex;
}

.services-visual_ad-label {
  color: #fff;
  background-color: #141414;
  border-radius: .25rem;
  padding: .1rem .375rem;
  font-size: .625rem;
  font-weight: 700;
}

.services-visual_ad-title {
  color: #172b4d;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.3;
}

.services-visual_chips {
  z-index: 3;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: 2rem;
  right: 6%;
}

.services-visual_chip {
  grid-column-gap: .5rem;
  color: #3a4654;
  white-space: nowrap;
  background-color: #fff;
  border-radius: 100rem;
  align-items: center;
  padding: .4rem .75rem .4rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  display: flex;
  box-shadow: 0 0 0 1px #1414140f, 0 8px 18px -8px #172b4d4d;
}

.services-visual_chip-dot {
  background-color: #12b76a;
  border-radius: 100rem;
  width: .5rem;
  height: .5rem;
}

.services-visual_chip-dot.is-google {
  background-color: #4285f4;
}

.services-visual_chip-dot.is-meta {
  background-color: #172b4d;
}

.services-visual_wave {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.services-visual_product {
  background-color: #fff;
  border-radius: .875rem;
  flex-direction: column;
  width: 11rem;
  padding-top: .625rem;
  padding-left: .625rem;
  padding-right: .625rem;
  display: flex;
  position: absolute;
  top: 1.5rem;
  bottom: -1rem;
  left: 12%;
  box-shadow: 0 0 0 1px #1414140f, 0 16px 32px -12px #172b4d47;
}

.services-visual_product-img {
  background-image: linear-gradient(135deg, #f0f4f9, #d5e0ec);
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  height: 6.5rem;
  display: flex;
}

.services-visual_product-body {
  grid-row-gap: .45rem;
  flex-direction: column;
  padding-top: .75rem;
  padding-left: .25rem;
  padding-right: .25rem;
  display: flex;
}

.services-visual_cart {
  grid-column-gap: .75rem;
  background-color: #fff;
  border-radius: .875rem;
  align-items: center;
  padding: .625rem 1rem .625rem .625rem;
  display: flex;
  position: absolute;
  top: 5rem;
  right: 8%;
  box-shadow: 0 0 0 1px #1414140f, 0 16px 32px -10px #172b4d4d;
}

.services-visual_cart-icon {
  background-color: #12b76a;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  height: 2.25rem;
  display: flex;
}

.services-visual_cart-title {
  color: #141414;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.3;
}

.services-visual_cart-text {
  color: #687586;
  font-size: .6875rem;
  line-height: 1.3;
}

.home-services_cta {
  grid-column-gap: 2rem;
  grid-row-gap: 1.5rem;
  background-color: #eaf0f6;
  background-image: radial-gradient(60% 120% at 100% 0, #56769a2e 0%, #eaf0f600 70%);
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  padding: 2rem 2rem 2rem 2.5rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #172b4d14;
}

.home-services_cta-content {
  max-width: 38rem;
}

.home-services_cta-text {
  color: #3a4654;
  margin-top: .5rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.55;
}

.footer_component {
  font-family: var(--_skp-tokens---font--primary);
  color: #ffffffb8;
  background-color: #141414;
  background-image: radial-gradient(60% 80% at 100% 0, #56769a47 0%, #14141400 70%);
  padding-top: 5rem;
  padding-bottom: 2rem;
  position: relative;
}

.footer_top {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  border-bottom: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1.6fr 1fr 1fr 1fr;
  padding-bottom: 4rem;
  display: grid;
}

.footer_brand {
  grid-row-gap: 1.25rem;
  flex-direction: column;
  align-items: flex-start;
  max-width: 22rem;
  display: flex;
}

.footer_logo {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
}

.text-color-brand-light {
  color: #8da4be;
}

.footer_text {
  color: #ffffffa3;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: .9375rem;
  line-height: 1.6;
}

.footer_col {
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.footer_col.is-legal {
  display: none;
}

.footer_heading {
  color: #fff;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .8125rem;
  font-weight: 600;
}

.footer_link {
  color: #ffffffb3;
  font-size: .9375rem;
  text-decoration: none;
  transition: color .2s;
}

.footer_bottom {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  font-size: .875rem;
  display: flex;
}

.footer_copy {
  color: #ffffff80;
}

.footer_legal {
  grid-column-gap: 1.5rem;
  display: flex;
}

.footer_legal-link {
  color: #fff9;
  text-decoration: none;
}

.section_blog-hero {
  background-color: #fff;
  background-image: radial-gradient(70% 60% at 30% 0, #eaf0f6 0%, #eaf0f680 50%, #fff0 100%);
  position: relative;
  overflow: hidden;
}

.blog-hero_component {
  z-index: 2;
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: grid;
  position: relative;
}

.blog-hero_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.blog-hero_heading {
  font-size: 3rem;
}

.blog-hero_text {
  color: #3a4654;
  max-width: 34rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
}

.blog-hero_featured {
  position: relative;
}

.blog-hero_featured-label {
  grid-column-gap: .5rem;
  color: #172b4d;
  letter-spacing: .16em;
  text-transform: uppercase;
  align-items: center;
  margin-bottom: 1rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.section_blog-list {
  background-color: #fff;
  position: relative;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.blog-list_header {
  grid-column-gap: 2rem;
  grid-row-gap: 1.5rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.5rem;
  display: flex;
}

.blog-filter {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: #f3f6fa;
  border-radius: 1.5rem;
  flex-wrap: wrap;
  align-items: center;
  padding: .375rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #172b4d0f;
}

.blog-filter_list {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.blog-filter_pill {
  color: #3a4654;
  white-space: nowrap;
  border-radius: 100rem;
  align-items: center;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition: background-color .2s, color .2s, box-shadow .2s;
  display: inline-flex;
}

.blog-filter_pill.is-active {
  color: #172b4d;
  background-color: #fff;
  box-shadow: 0 0 0 1px #172b4d1f, 0 4px 12px -4px #172b4d4d;
}

.blog-list_empty {
  color: #3a4654;
  text-align: center;
  background-color: #f3f6fa;
  border-radius: 1rem;
  margin-top: 1rem;
  padding: 2rem;
  display: none;
}

.section_blog-cta {
  background-color: #fff;
  padding-bottom: 5rem;
}

.cta-box {
  grid-column-gap: 2rem;
  grid-row-gap: 1.5rem;
  color: #ffffffbf;
  background-color: #141414;
  background-image: radial-gradient(70% 140% at 100% 0, #56769a8c 0%, #14141400 70%);
  border-radius: 1.25rem;
  justify-content: space-between;
  align-items: center;
  padding: 3rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cta-box_content {
  max-width: 40rem;
}

.cta-box_eyebrow {
  color: #b8c9dc;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 600;
}

.cta-box_heading {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}

.cta-box_text {
  color: #ffffffb8;
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.55;
}

.blog-card {
  color: #3a4654;
  background-color: #fff;
  border-radius: 1rem;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #14141412, 0 10px 30px -16px #172b4d33;
}

.blog-card.is-featured {
  box-shadow: inset 0 0 0 1px #172b4d1a, 0 30px 60px -24px #172b4d59;
}

.blog-card_image-wrap {
  aspect-ratio: 16 / 10;
  background-color: #eaf0f6;
  position: relative;
  overflow: hidden;
}

.blog-card_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .6s;
  display: block;
}

.blog-card_content {
  flex-direction: column;
  flex: 1;
  padding: 1.5rem;
  display: flex;
}

.blog-card_meta {
  grid-column-gap: .75rem;
  align-items: center;
  margin-bottom: .875rem;
  display: flex;
}

.blog-badge {
  color: #172b4d;
  background-color: #eaf0f6;
  border-radius: 100rem;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
  display: inline-flex;
}

.blog-card_read {
  grid-column-gap: .25rem;
  color: #687586;
  font-size: .8125rem;
  display: flex;
}

.blog-card_title {
  color: #141414;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.blog-card_title.is-featured {
  font-size: 1.625rem;
}

.blog-card_text {
  color: #687586;
  margin-top: .625rem;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.55;
}

.blog-card_footer {
  grid-column-gap: 1rem;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding-top: 1.5rem;
  display: flex;
}

.blog-author {
  grid-column-gap: .625rem;
  align-items: center;
  display: flex;
}

.blog-author_image {
  object-fit: cover;
  border-radius: 100rem;
  width: 2.25rem;
  height: 2.25rem;
}

.blog-author_name {
  color: #141414;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.blog-author_role {
  color: #5e6b7c;
  font-size: .75rem;
  line-height: 1.3;
}

.blog-card_date {
  color: #687586;
  white-space: nowrap;
  font-size: .8125rem;
}

.section_article-hero {
  background-color: #fff;
  background-image: radial-gradient(60% 50% at 50% 0, #eaf0f6 0%, #fff0 100%);
  padding-top: 4rem;
  position: relative;
}

.article-hero_component {
  flex-direction: column;
  align-items: flex-start;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.breadcrumb {
  grid-column-gap: .5rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
  font-size: .875rem;
  display: flex;
}

.breadcrumb_link {
  color: #5e6b7c;
  text-decoration: none;
}

.breadcrumb_link.is-current {
  color: #172b4d;
  font-weight: 600;
}

.breadcrumb_sep {
  color: #5e6b7c;
}

.article-hero_heading {
  color: #141414;
  letter-spacing: -.02em;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1.2;
}

.article-hero_lead {
  color: #3a4654;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 1.1875rem;
  line-height: 1.6;
}

.article-hero_meta {
  grid-column-gap: 1rem;
  grid-row-gap: .75rem;
  color: #687586;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2rem;
  font-size: .875rem;
  display: flex;
}

.article-hero_divider {
  background-color: #dee5ee;
  width: 1px;
  height: 1.5rem;
}

.article-hero_meta-item {
  grid-column-gap: .25rem;
  color: #5e6b7c;
  display: flex;
}

.article-hero_image-wrap {
  aspect-ratio: 16 / 10;
  border-radius: 1.25rem;
  max-width: 62rem;
  margin-top: 3rem;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  box-shadow: 0 0 0 1px #1414140f, 0 30px 60px -30px #172b4d59;
}

.article-hero_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.section_article-body {
  background-color: #fff;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.article-body_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 19rem;
  align-items: start;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.article-body_main {
  min-width: 0;
}

.article-body_aside {
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 6.5rem;
}

.article-toc {
  background-color: #f3f6fa;
  border-radius: 1rem;
  padding: 1.25rem;
  box-shadow: inset 0 0 0 1px #172b4d0f;
}

.article-toc_title {
  color: #141414;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .75rem;
  font-weight: 700;
}

.article-toc_list {
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;
}

.article-aside-cta {
  background-color: #141414;
  background-image: radial-gradient(90% 90% at 100% 0, #56769a80 0%, #14141400 70%);
  border-radius: 1rem;
  padding: 1.5rem;
}

.article-aside-cta_eyebrow {
  color: #8da4be;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

.article-aside-cta_heading {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.article-aside-cta_text {
  color: #ffffffb8;
  margin-top: .5rem;
  margin-bottom: 1.25rem;
  font-size: .875rem;
  line-height: 1.55;
}

.article-service-link {
  grid-row-gap: .25rem;
  background-color: #fff;
  border-radius: 1rem;
  flex-direction: column;
  padding: 1rem 1.25rem;
  text-decoration: none;
  display: flex;
  box-shadow: inset 0 0 0 1px #14141414;
}

.article-service-link_label {
  color: #687586;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}

.article-service-link_text {
  color: #172b4d;
  font-size: .9375rem;
  font-weight: 600;
}

.article-author-box {
  grid-column-gap: 1.25rem;
  background-color: #f3f6fa;
  border-radius: 1rem;
  align-items: center;
  max-width: 72rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem;
  display: flex;
}

.article-author-box_image {
  object-fit: cover;
  border-radius: 100rem;
  width: 4rem;
  height: 4rem;
}

.article-author-box_label {
  color: #5e6b7c;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}

.article-author-box_name {
  color: #141414;
  margin-top: .25rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.article-author-box_role {
  color: #5e6b7c;
  font-size: .875rem;
}

.section_article-related {
  background-color: #f3f6fa;
  padding-top: 4rem;
  padding-bottom: 5rem;
}

.article-related_header {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 2.5rem;
  display: flex;
}

.article-rich {
  color: #3a4654;
  font-size: 1.0625rem;
  line-height: 1.75;
}

.blog-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.category-hero_component {
  z-index: 2;
  flex-direction: column;
  align-items: flex-start;
  max-width: 50rem;
  padding-top: 4rem;
  padding-bottom: 3rem;
  display: flex;
  position: relative;
}

.category-hero_service {
  margin-top: 1.5rem;
}

.section_home-blog {
  background-color: #f7f9fc;
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.home-blog_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  display: flex;
}

.home-blog_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 44rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-blog_heading {
  color: #141414;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.home-blog_intro {
  color: #4b5767;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
}

.home-blog_cta {
  justify-content: center;
  display: flex;
}

.services-visual_bars {
  z-index: 2;
  grid-column-gap: .35rem;
  background-color: #fff;
  border-radius: .75rem;
  align-items: flex-end;
  height: 3.75rem;
  padding: .5rem .625rem;
  display: flex;
  position: absolute;
  bottom: 1.25rem;
  right: 7%;
  box-shadow: 0 0 0 1px #1414140f, 0 12px 24px -12px #172b4d4d;
}

.services-visual_bar {
  background-image: linear-gradient(#243f64, #172b4d);
  border-radius: .2rem;
  width: .55rem;
  height: 40%;
}

.services-visual_fly {
  z-index: 4;
  opacity: 0;
  background-color: #172b4d;
  border-radius: 100rem;
  width: .875rem;
  height: .875rem;
  position: absolute;
  top: 9rem;
  left: 30%;
  box-shadow: 0 0 0 4px #172b4d26;
}

.services-visual_check {
  opacity: 0;
  background-color: #12b76a;
  border-radius: .625rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.section_home-process {
  font-family: var(--_skp-tokens---font--primary);
  background-color: #fff;
  position: relative;
}

.home-section_header {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 46rem;
  margin-bottom: 5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.home-section_header.skp-next_header {
  margin-bottom: 3rem;
}

.home-section_eyebrow {
  color: #5e6b7c;
  letter-spacing: .32em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .8125rem;
  font-weight: 600;
}

.home-section_intro {
  color: #5e6b7c;
  max-width: 38rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.5;
}

.home-process_list {
  flex-direction: column;
  display: flex;
  position: relative;
}

.home-process_line {
  background-color: #eaf0f6;
  border-radius: 2px;
  width: 2px;
  margin-left: -1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  overflow: hidden;
}

.home-process_line-fill {
  transform-origin: 50% 0;
  background-image: linear-gradient(#172b4d 0%, #56769a 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleY(0);
}

.home-process_step {
  grid-template-rows: auto;
  grid-template-columns: 1fr 7rem 1fr;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: grid;
  position: relative;
}

.home-process_content {
  max-width: 27rem;
}

.home-process_label {
  color: #172b4d;
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .8125rem;
  font-weight: 600;
}

.home-process_title {
  color: #141414;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.2;
}

.home-process_text {
  color: #687586;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.home-process_chip {
  color: #3a4654;
  background-color: #f3f6fa;
  border-radius: 100rem;
  margin-top: 1.25rem;
  padding: .375rem .875rem;
  font-size: .8125rem;
  font-weight: 500;
  display: inline-flex;
}

.home-process_marker {
  z-index: 1;
  color: #687586;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.125rem;
  font-weight: 600;
  transition: background-color .4s, color .4s, box-shadow .4s;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 1px #14141412, 0 10px 24px -10px #172b4d59;
}

.home-process_visual {
  width: 100%;
  max-width: 27.5rem;
}

.section_home-team {
  font-family: var(--_skp-tokens---font--primary);
  background-color: #fafbfd;
  position: relative;
}

.home-team_grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  max-width: 52rem;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.home-team_card {
  background-color: #fff;
  border-radius: 1.25rem;
  flex-direction: column;
  padding: .75rem;
  display: flex;
  box-shadow: inset 1px 1px 4px #fff, inset 2px 2px 12px #eaf0f699, 0 0 0 1px #14141412, 0 10px 30px -14px #172b4d2e;
}

.home-team_image-wrap {
  aspect-ratio: 4 / 5;
  background-color: #eaf0f6;
  border-radius: .875rem;
  position: relative;
  overflow: hidden;
}

.home-team_content {
  padding: 1.25rem .75rem .75rem;
}

.home-team_name {
  color: #141414;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.25;
}

.home-team_role {
  color: #687586;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.5;
}

.home-team_quote {
  text-align: center;
  max-width: 44rem;
  margin-top: 4rem;
  margin-left: auto;
  margin-right: auto;
}

.home-team_quote-text {
  color: #141414;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Source Serif 4", sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.45;
}

.home-team_quote-author {
  color: #687586;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: .875rem;
  font-weight: 600;
}

.home-team_image {
  object-fit: cover;
  object-position: 50% 22%;
  width: 100%;
  height: 100%;
  transition: transform .7s;
  display: block;
}

.home-team_linkedin {
  z-index: 2;
  opacity: 0;
  background-image: linear-gradient(#172b4d1f 0%, #172b4d94 100%);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  transition: opacity .35s;
  display: flex;
  position: absolute;
  inset: 0;
}

.home-team_linkedin-icon {
  background-color: #fff;
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  transition-property: transform;
  transition-duration: .4s;
  transition-timing-function: cubic-bezier(.22, .8, .3, 1);
  display: flex;
  transform: translateY(8px)scale(.94);
  box-shadow: 0 14px 30px -10px #14141459;
}

.section_home-references {
  font-family: var(--_skp-tokens---font--primary);
  background-image: linear-gradient(#fff 0%, #f7f9fc 100%);
  position: relative;
}

.home-references_list-wrap {
  position: relative;
}

.ref-teaser {
  grid-column-gap: 5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.ref-mockup {
  color: inherit;
  padding-bottom: 3rem;
  padding-right: 2.5rem;
  text-decoration: none;
  display: block;
  position: relative;
}

.ref-mockup_frame {
  background-color: #fff;
  border-radius: 1.25rem;
  padding: .625rem;
  position: relative;
  box-shadow: inset 1px 1px 4px #fff, 0 0 0 1px #14141412, 0 30px 60px -28px #172b4d59;
}

.ref-mockup_bar {
  grid-column-gap: .75rem;
  align-items: center;
  padding: .25rem .5rem .75rem;
  display: flex;
}

.ref-mockup_dots {
  grid-column-gap: .375rem;
  display: flex;
}

.ref-mockup_dot {
  background-color: #d5e0ec;
  border-radius: 50%;
  width: .5rem;
  height: .5rem;
}

.ref-mockup_url {
  color: #687586;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #f3f6fa;
  border-radius: 100rem;
  flex: 1;
  max-width: 16rem;
  margin-left: auto;
  margin-right: auto;
  padding: .25rem .75rem;
  font-size: .75rem;
  overflow: hidden;
}

.ref-mockup_screen {
  aspect-ratio: 693 / 501;
  background-color: #eaf0f6;
  border-radius: .75rem;
  position: relative;
  overflow: hidden;
}

.ref-mockup_image {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  transition: transform .8s;
  display: block;
}

.ref-mockup_float {
  z-index: 2;
  background-color: #fff;
  border-radius: 1rem;
  width: 32%;
  padding: .375rem;
  transition: transform .6s;
  position: absolute;
  bottom: 0;
  right: 0;
  box-shadow: 0 0 0 1px #1414140f, 0 24px 48px -18px #172b4d66;
}

.ref-mockup_float-image {
  aspect-ratio: 450 / 550;
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: .7rem;
  width: 100%;
  display: block;
}

.ref-mockup_logo {
  z-index: 2;
  background-color: #fff;
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  width: 6rem;
  height: 3.5rem;
  padding: .5rem .75rem;
  display: flex;
  position: absolute;
  top: 3.5rem;
  left: -1.25rem;
  box-shadow: 0 0 0 1px #1414140f, 0 16px 32px -14px #172b4d59;
}

.ref-mockup_logo-image {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.ref-teaser_content {
  flex-direction: column;
  align-items: flex-start;
  max-width: 30rem;
  display: flex;
}

.ref-teaser_meta {
  grid-column-gap: .625rem;
  grid-row-gap: .25rem;
  color: #687586;
  letter-spacing: .14em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1rem;
  font-size: .8125rem;
  font-weight: 600;
  display: flex;
}

.ref-teaser_name {
  color: #172b4d;
}

.ref-teaser_dot {
  background-color: #b8c9dc;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

.ref-teaser_title {
  color: #141414;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.ref-teaser_text {
  color: #5e6b7c;
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.65;
}

.ref-quote {
  background-color: #fff;
  border-left: 3px solid #172b4d;
  border-radius: 1rem;
  margin-top: 1.75rem;
  padding: 1.25rem 1.5rem;
  box-shadow: 0 0 0 1px #1414140f, 0 16px 32px -20px #172b4d4d;
}

.ref-quote_text {
  color: #141414;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Source Serif 4", sans-serif;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.5;
}

.ref-quote_author {
  grid-column-gap: .375rem;
  color: #687586;
  flex-wrap: wrap;
  margin-top: .75rem;
  font-size: .875rem;
  display: flex;
}

.ref-quote_name {
  color: #141414;
  font-weight: 600;
}

.ref-teaser_actions {
  margin-top: 2rem;
}

.home-references_list {
  grid-row-gap: 7rem;
  flex-direction: column;
  display: flex;
}

.ref-tags {
  margin-top: 1.5rem;
}

.section_home-faq {
  background-color: #fff;
  font-family: Albert Sans, sans-serif;
  position: relative;
}

.home-faq_layout {
  grid-column-gap: 5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  align-items: start;
  display: grid;
}

.home-faq_header {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 7rem;
}

.home-faq_intro {
  color: #687586;
  max-width: 26rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.faq_list {
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.faq_item {
  background-color: #fff;
  border-radius: 1rem;
  transition: box-shadow .3s;
  box-shadow: 0 0 0 1px #14141414;
}

.faq_heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.faq_question {
  grid-column-gap: 1.25rem;
  color: #141414;
  text-align: left;
  cursor: pointer;
  background-color: #0000;
  border-style: none;
  border-color: #0000;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.25rem 1.5rem;
  font-family: inherit;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.4;
  transition: color .3s;
  display: flex;
}

.faq_icon {
  background-color: #f6f5fb;
  border-radius: 50%;
  flex: none;
  width: 2rem;
  height: 2rem;
  transition: background-color .3s;
  position: relative;
}

.faq_answer {
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  transition: grid-template-rows .35s;
  display: grid;
}

.faq_answer-inner {
  min-height: 0;
  overflow: hidden;
}

.faq_answer-text {
  color: #687586;
  max-width: 42rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 1.5rem 1.375rem;
  font-size: 1rem;
  line-height: 1.65;
}

.faq_question-text {
  flex-grow: 1;
}

.section_home-testimonials {
  background-color: #f3f6fa;
  scroll-margin-top: 5.5rem;
  position: relative;
}

.testimonials_list-wrap {
  width: 100%;
  position: relative;
}

.testimonial-card {
  background-color: #fff;
  border-radius: 1.25rem;
  flex-direction: column;
  height: 100%;
  padding: 2rem 2rem 1.75rem;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  position: relative;
  box-shadow: inset 1px 1px 4px #fff, inset 2px 2px 12px #eaf0f699, 0 0 0 1px #14141412, 0 10px 30px -14px #172b4d2e;
}

.testimonial-card_mark {
  height: 2.25rem;
  font-family: var(--_skp-tokens---font--accent);
  color: var(--_skp-tokens---color--brand);
  margin-bottom: 1.25rem;
  font-size: 4.5rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1;
}

.testimonial-card_quote {
  flex: auto;
  position: relative;
}

.testimonial-card_text {
  font-family: var(--_skp-tokens---font--accent);
  color: #141414;
  white-space: pre-line;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 1.6;
}

.testimonial-card_link {
  color: #172b4d;
  border-bottom: 1px solid #172b4d4d;
  align-self: flex-start;
  margin-top: 1.25rem;
  font-size: .875rem;
  font-weight: 600;
  text-decoration: none;
}

.testimonial-card_footer {
  grid-column-gap: 1rem;
  border-top: 1px solid #eaf0f6;
  align-items: center;
  margin-top: 1.75rem;
  padding-top: 1.5rem;
  display: flex;
}

.testimonial-card_logo-wrap {
  background-color: #f3f6fa;
  border-radius: .75rem;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: .5rem;
  display: flex;
}

.testimonial-card_logo {
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.testimonial-card_person {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.testimonial-card_name {
  color: #141414;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}

.testimonial-card_meta {
  grid-column-gap: .375rem;
  color: #687586;
  flex-wrap: wrap;
  margin-top: .125rem;
  font-size: .875rem;
  line-height: 1.4;
  display: flex;
}

.testimonial-card_role {
  color: #687586;
}

.testimonial-card_role:empty {
  display: none;
}

.testimonial-card_company {
  color: #687586;
}

.testimonial-card_company:empty {
  display: none;
}

.testimonials_list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  display: grid;
}

.testimonials_item {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.testimonial-card_flag {
  pointer-events: none;
  background-color: #172b4d;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  height: 3px;
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
}

.footer_col-panel {
  display: block;
}

.footer_col-links {
  grid-row-gap: .75rem;
  flex-direction: column;
  display: flex;
}

.footer_heading-icon {
  display: none;
}

.section_home-contact {
  background-color: #fff;
  position: relative;
}

.home-contact_layout {
  grid-column-gap: 4.5rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  display: grid;
}

.home-contact_intro {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 1rem;
  display: flex;
}

.home-contact_text {
  color: #687586;
  max-width: 30rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.6;
}

.home-contact_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  margin-top: 2rem;
  display: flex;
}

.home-contact_item {
  grid-column-gap: .75rem;
  color: #141414;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  display: flex;
}

.home-contact_check {
  background-color: #eaf0f6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23172B4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .875rem .875rem;
  border-radius: 50%;
  flex-grow: 0;
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.home-contact_team {
  grid-column-gap: 1rem;
  border-top: 1px solid #eaf0f6;
  align-items: center;
  margin-top: 2.5rem;
  padding-top: 2rem;
  display: flex;
}

.home-contact_avatars {
  flex-grow: 0;
  flex-shrink: 0;
  padding-left: .75rem;
  display: flex;
}

.home-contact_team-name {
  color: #141414;
  font-size: .9375rem;
  font-weight: 600;
}

.home-contact_team-role {
  color: #687586;
  margin-top: .125rem;
  font-size: .875rem;
}

.home-contact_card {
  background-color: #f3f6fa;
  border-radius: 1.5rem;
  padding: 2.5rem;
  box-shadow: inset 1px 1px 4px #fff, 0 0 0 1px #1414140f, 0 24px 48px -28px #172b4d47;
}

.contact-form_grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1.125rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.contact-form_field {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.contact-form_field.is-full {
  grid-column: span 2 / span 2;
}

.contact-form_label {
  color: #141414;
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.3;
}

.contact-form_req {
  color: #172b4d;
}

.contact-form_input {
  color: #141414;
  background-color: #fff;
  border: 1px solid #1414141f;
  border-radius: .75rem;
  width: 100%;
  height: 3.25rem;
  margin-bottom: 0;
  padding: .75rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  transition: border-color .2s, box-shadow .2s;
}

.contact-form_input:focus {
  border-color: #172b4d;
  box-shadow: 0 0 0 4px #172b4d1f;
}

.contact-form_input.is-textarea {
  resize: vertical;
  height: auto;
  min-height: 9rem;
}

.contact-form_input.is-select {
  cursor: pointer;
  padding-right: 2.75rem;
}

.contact-form_input._w-input {
  color: #141414;
  background-color: #fff;
  border: 1px solid #1414141f;
  border-radius: .75rem;
  width: 100%;
  height: 3.25rem;
  margin-bottom: 0;
  padding: .75rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  transition: border-color .2s, box-shadow .2s;
}

.contact-form_input._w-input:focus {
  border-color: #172b4d;
  box-shadow: 0 0 0 4px #172b4d1f;
}

.contact-form_input._w-select {
  color: #141414;
  background-color: #fff;
  border: 1px solid #1414141f;
  border-radius: .75rem;
  width: 100%;
  height: 3.25rem;
  margin-bottom: 0;
  padding: .75rem 1rem;
  font-size: 1rem;
  line-height: 1.4;
  transition: border-color .2s, box-shadow .2s;
}

.contact-form_input._w-select:focus {
  border-color: #172b4d;
  box-shadow: 0 0 0 4px #172b4d1f;
}

.contact-form_note {
  color: #5e6b7c;
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
  font-size: .8125rem;
  line-height: 1.55;
}

.contact-form_link {
  color: #172b4d;
  text-underline-offset: 2px;
  text-decoration: underline;
}

.home-contact_avatar {
  object-fit: cover;
  object-position: 50% 18%;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 2.75rem;
  height: 2.75rem;
  margin-left: -.75rem;
  box-shadow: 0 4px 12px -4px #14141440;
}

.contact-form_success {
  color: #141414;
  text-align: left;
  background-color: #fff;
  border-radius: 1rem;
  padding: 2rem 1.5rem;
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.55;
  box-shadow: 0 0 0 1px #172b4d2e;
}

.contact-form_error-box {
  color: #a1121b;
  background-color: #fdecec;
  border-radius: .75rem;
  margin-top: 1rem;
  padding: .875rem 1rem;
  font-size: .9375rem;
  line-height: 1.5;
}

.navbar_mobile {
  display: none;
}

.navbar_mobile-inner {
  grid-row-gap: 1.75rem;
  flex-direction: column;
  max-width: 36rem;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5rem 1.25rem 2rem;
  display: flex;
}

.navbar_mobile-group {
  flex-direction: column;
  display: flex;
}

.navbar_mobile-label {
  color: #687586;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-bottom: .375rem;
  font-size: .75rem;
  font-weight: 600;
}

.navbar_mobile-link {
  color: #141414;
  border-bottom: 1px solid #eaf0f6;
  align-items: center;
  min-height: 3.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.navbar_mobile-footer {
  grid-row-gap: .75rem;
  flex-direction: column;
  align-items: stretch;
  padding-top: .25rem;
  display: flex;
}

.navbar_mobile-note {
  color: #687586;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .875rem;
}

.leo-header {
  z-index: 50;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #f7f9fad1;
  border-bottom: 1px solid #101d2e12;
  font-family: Geist;
  position: sticky;
  top: 0;
}

.leo-header-inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 32px;
  display: flex;
}

.leo-brand {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #101d2e;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.leo-brand-logo {
  object-fit: contain;
  width: 26px;
  height: 40px;
}

.leo-brand-text {
  flex-direction: column;
  display: flex;
}

.leo-brand-name {
  color: #101d2e;
  letter-spacing: -.03em;
  font-family: Geist;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.1;
}

.leo-brand-dot {
  color: #5fb592;
}

.leo-brand-sub {
  color: #6b7889;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 4px;
  font-family: Geist Mono;
  font-size: 10px;
  line-height: 1.2;
}

.leo-nav {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #fff9;
  border: 1px solid #101d2e12;
  border-radius: 999px;
  align-items: center;
  padding: 5px;
  display: flex;
}

.leo-nav-link {
  color: #4a5768;
  letter-spacing: -.01em;
  border-radius: 999px;
  padding: 8px 14px;
  font-family: Geist;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s, background-color .2s;
}

.leo-nav-link:hover {
  color: #101d2e;
  background-color: #e9eef1;
}

.leo-btn-nav {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #f7f9fa;
  letter-spacing: -.01em;
  background-color: #101d2e;
  border-radius: 12px;
  align-items: center;
  padding: 6px 6px 6px 18px;
  font-family: Geist;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .25s, transform .25s, box-shadow .25s;
  display: flex;
  box-shadow: inset 0 1px #ffffff14, 0 8px 20px -10px #101d2e8c;
}

.leo-btn-nav:hover {
  background-color: #17283d;
  transform: translateY(-1px);
}

.leo-btn-label {
  color: inherit;
}

.leo-btn-icon {
  color: #101d2e;
  background-color: #9cd8c0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  transition: transform .25s;
  display: flex;
}

.leo-hero {
  color: #192638;
  background-color: #f7f9fa;
  padding-top: 72px;
  padding-bottom: 96px;
  font-family: Geist;
  position: relative;
  overflow: hidden;
}

.leo-hero-grid-bg {
  pointer-events: none;
  background-image: linear-gradient(#101d2e0b 1px, #0000 1px), linear-gradient(90deg, #101d2e0b 1px, #0000 1px);
  background-size: 56px 56px;
  position: absolute;
  inset: 0;
}

.leo-hero-inner {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: grid;
  position: relative;
}

.leo-hero-copy {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.leo-eyebrow-pill {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  border: 1px solid #dde4e9;
  border-radius: 999px;
  align-items: center;
  margin-bottom: 28px;
  padding: 7px 14px 7px 10px;
  display: flex;
  box-shadow: 0 1px 2px #101d2e0a;
}

.leo-status-dot {
  background-color: #5fb592;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 4px #9cd8c059;
}

.leo-eyebrow-text {
  color: #3d4a5c;
  letter-spacing: -.005em;
  font-family: Geist;
  font-size: 13px;
  font-weight: 500;
}

.leo-h1 {
  color: #101d2e;
  letter-spacing: -.045em;
  max-width: 600px;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Geist;
  font-size: 56px;
  font-weight: 600;
  line-height: 1.04;
}

.leo-hero-lead {
  color: #4a5768;
  letter-spacing: -.01em;
  max-width: 520px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Geist;
  font-size: 19px;
  line-height: 1.6;
}

.leo-hero-actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.leo-btn-primary {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  letter-spacing: -.01em;
  background-color: #101d2e;
  border-radius: 14px;
  align-items: center;
  padding: 8px 8px 8px 24px;
  font-family: Geist;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .25s, transform .25s, box-shadow .25s;
  display: flex;
  box-shadow: inset 0 1px #ffffff1a, 0 14px 30px -14px #101d2e99;
}

.leo-btn-primary:hover {
  background-color: #17283d;
  transform: translateY(-2px);
  box-shadow: inset 0 1px #ffffff1a, 0 20px 36px -16px #101d2ea6;
}

.leo-btn-icon-lg {
  color: #101d2e;
  background-color: #9cd8c0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  transition: transform .25s;
  display: flex;
}

.leo-btn-ghost {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #101d2e;
  letter-spacing: -.01em;
  background-color: #ffffffb3;
  border: 1px solid #dde4e9;
  border-radius: 14px;
  align-items: center;
  padding: 14px 18px;
  font-family: Geist;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .25s, background-color .25s;
  display: flex;
}

.leo-btn-ghost:hover {
  background-color: #fff;
  border-color: #b8c4ce;
}

.leo-btn-ghost-icon {
  color: #5a6779;
  font-size: 15px;
  line-height: 1;
  transition: transform .25s;
}

.leo-hero-micro {
  color: #6b7889;
  letter-spacing: .02em;
  margin-top: 18px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-stats {
  grid-row-gap: 0;
  grid-column-gap: 0;
  border-top: 1px solid #dde4e9;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 520px;
  margin-top: 48px;
  display: grid;
}

.leo-stat {
  padding-top: 20px;
  padding-right: 16px;
}

.leo-stat-num {
  color: #101d2e;
  letter-spacing: -.04em;
  font-family: Geist;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
}

.leo-stat-label {
  color: #5a6779;
  margin-top: 6px;
  font-family: Geist;
  font-size: 14px;
  line-height: 1.4;
}

.leo-hero-visual {
  padding-top: 28px;
  padding-bottom: 40px;
  padding-left: 24px;
  position: relative;
}

.leo-dash {
  color: #e9eef1;
  background-color: #101d2e;
  border: 1px solid #ffffff0f;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 50px 100px -40px #101d2e8c, 0 20px 40px -24px #101d2e59;
}

.leo-dash-top {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #17283d;
  border-bottom: 1px solid #ffffff12;
  align-items: center;
  padding: 14px 18px;
  display: flex;
}

.leo-dash-dots {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.leo-dash-dot {
  background-color: #ffffff24;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.leo-dash-title {
  color: #e9eef1;
  letter-spacing: -.01em;
  flex-grow: 1;
  font-family: Geist;
  font-size: 13px;
  font-weight: 500;
}

.leo-dash-chip {
  color: #9cd8c0;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #9cd8c01a;
  border: 1px solid #9cd8c033;
  border-radius: 6px;
  padding: 4px 8px;
  font-family: Geist Mono;
  font-size: 10px;
}

.leo-dash-body {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  padding: 18px;
  display: grid;
}

.leo-dash-panel {
  background-color: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 14px;
  padding: 16px;
}

.leo-dash-panel-side {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 14px;
  flex-direction: column;
  padding: 16px;
  display: flex;
}

.leo-dash-panel-head {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.leo-dash-label {
  color: #e9eef1;
  font-family: Geist;
  font-size: 12px;
  font-weight: 500;
}

.leo-dash-meta {
  color: #7f8da0;
  letter-spacing: .04em;
  font-family: Geist Mono;
  font-size: 10px;
}

.leo-bars {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: flex-end;
  height: 168px;
  padding-top: 22px;
  display: flex;
}

.leo-bar-col {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 0;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.leo-bar-1 {
  background-color: #9cd8c061;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 22%;
}

.leo-bar-2 {
  background-color: #9cd8c061;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 30%;
}

.leo-bar-3 {
  background-color: #9cd8c061;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 38%;
}

.leo-bar-4 {
  background-color: #9cd8c0;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 47%;
  box-shadow: 0 0 0 3px #9cd8c029;
}

.leo-bar-5 {
  background-color: #ffffff12;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 56%;
}

.leo-bar-6 {
  background-color: #ffffff08;
  border: 1px dashed #9cd8c0b3;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 65%;
}

.leo-bar-7 {
  background-color: #ffffff12;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 74%;
}

.leo-bar-8 {
  background-color: #ffffff12;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 84%;
}

.leo-bar-9 {
  background-color: #ffffff12;
  border-radius: 5px 5px 2px 2px;
  width: 100%;
  height: 94%;
}

.leo-bar-num {
  color: #7f8da0;
  font-family: Geist Mono;
  font-size: 10px;
  line-height: 1;
}

.leo-bar-num-active {
  color: #9cd8c0;
  font-family: Geist Mono;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
}

.leo-bar-tag {
  color: #101d2e;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #9cd8c0;
  border-radius: 5px;
  padding: 3px 6px;
  font-family: Geist Mono;
  font-size: 9px;
  position: absolute;
  top: -2px;
  left: 50%;
  transform: translateX(-50%);
}

.leo-legend {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-top: 1px solid #ffffff12;
  flex-wrap: wrap;
  margin-top: 14px;
  padding-top: 12px;
  display: flex;
}

.leo-legend-item {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  align-items: center;
  display: flex;
}

.leo-legend-taken {
  background-color: #9cd8c061;
  border-radius: 3px;
  width: 10px;
  height: 10px;
}

.leo-legend-you {
  background-color: #9cd8c0;
  border-radius: 3px;
  width: 10px;
  height: 10px;
}

.leo-legend-size {
  border: 1px dashed #9cd8c0cc;
  border-radius: 3px;
  width: 10px;
  height: 10px;
}

.leo-legend-text {
  color: #a9b6c6;
  font-family: Geist;
  font-size: 11px;
}

.leo-lever-row {
  background-color: #ffffff08;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  padding: 9px 10px;
  display: flex;
}

.leo-lever-name {
  color: #d5dde5;
  font-family: Geist;
  font-size: 12px;
}

.leo-toggle-on {
  background-color: #9cd8c0;
  border-radius: 999px;
  justify-content: flex-end;
  align-items: center;
  width: 30px;
  height: 17px;
  padding: 2px;
  display: flex;
}

.leo-toggle-off {
  background-color: #ffffff1f;
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  width: 30px;
  height: 17px;
  padding: 2px;
  display: flex;
}

.leo-toggle-knob {
  background-color: #fff;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  box-shadow: 0 1px 2px #00000040;
}

.leo-dash-foot {
  border-top: 1px solid #ffffff12;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.leo-dash-foot-item {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  border-right: 1px solid #ffffff12;
  flex-direction: column;
  padding: 14px 18px;
  display: flex;
}

.leo-foot-key {
  color: #7f8da0;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 10px;
}

.leo-foot-val {
  color: #e9eef1;
  font-family: Geist;
  font-size: 13px;
}

.leo-float-a {
  z-index: 3;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffffeb;
  border: 1px solid #e3e9ee;
  border-radius: 14px;
  align-items: center;
  padding: 12px 16px 12px 14px;
  display: flex;
  position: absolute;
  top: 0;
  left: -8px;
  box-shadow: 0 18px 40px -18px #101d2e59;
}

.leo-pulse {
  background-color: #5fb592;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 5px #5fb5922e;
}

.leo-float-body {
  flex-direction: column;
  display: flex;
}

.leo-float-kicker {
  color: #6b7889;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 10px;
}

.leo-float-title {
  color: #101d2e;
  letter-spacing: -.01em;
  margin-top: 2px;
  font-family: Geist;
  font-size: 14px;
  font-weight: 600;
}

.leo-float-b {
  z-index: 3;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fffffff0;
  border: 1px solid #e3e9ee;
  border-radius: 14px;
  width: 230px;
  padding: 14px 16px;
  position: absolute;
  bottom: 6px;
  right: -12px;
  box-shadow: 0 18px 40px -18px #101d2e59;
}

.leo-float-track {
  background-color: #e9eef1;
  border-radius: 999px;
  height: 6px;
  margin-top: 10px;
  overflow: hidden;
}

.leo-float-fill {
  background-color: #101d2e;
  border-radius: 999px;
  width: 62%;
  height: 100%;
}

.leo-section-white {
  color: #192638;
  background-color: #fff;
  border-top: 1px solid #e9eef1;
  padding-top: 120px;
  padding-bottom: 120px;
  font-family: Geist;
  position: relative;
}

.leo-container {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

.leo-section-head {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  align-items: end;
  margin-bottom: 56px;
  display: grid;
}

.leo-head-left {
  flex-direction: column;
  display: flex;
}

.leo-eyebrow {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.leo-eyebrow-line {
  background-color: #5fb592;
  width: 28px;
  height: 1px;
}

.leo-eyebrow-label {
  color: #3f7f66;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-h2 {
  color: #101d2e;
  letter-spacing: -.04em;
  max-width: 640px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.08;
}

.leo-lead {
  color: #4a5768;
  letter-spacing: -.005em;
  max-width: 440px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 17px;
  line-height: 1.65;
}

.leo-problem-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.leo-problem-card {
  background-color: #f7f9fa;
  border: 1px solid #e3e9ee;
  border-radius: 20px;
  flex-direction: column;
  padding: 28px;
  transition: transform .3s, box-shadow .3s, border-color .3s;
  display: flex;
}

.leo-problem-card:hover {
  border-color: #cdd7df;
  transform: translateY(-4px);
  box-shadow: 0 24px 48px -28px #101d2e47;
}

.leo-card-top {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 56px;
  display: flex;
}

.leo-card-num {
  color: #7f8da0;
  letter-spacing: .04em;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-card-tag {
  color: #3d4a5c;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: #fff;
  border: 1px solid #e3e9ee;
  border-radius: 7px;
  padding: 5px 9px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-h3 {
  color: #101d2e;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Geist;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
}

.leo-card-text {
  color: #5a6779;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: Geist;
  font-size: 15px;
  line-height: 1.6;
}

.leo-card-meter {
  background-color: #e3e9ee;
  border-radius: 999px;
  height: 4px;
  overflow: hidden;
}

.leo-card-meter-fill {
  background-color: #101d2e;
  border-radius: 999px;
  width: 78%;
  height: 100%;
}

.leo-quote-band {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  color: #f7f9fa;
  background-color: #101d2e;
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  margin-top: 20px;
  padding: 32px 36px;
  display: grid;
}

.leo-quote-mark {
  color: #9cd8c0;
  padding-top: 20px;
  font-family: Geist;
  font-size: 72px;
  font-weight: 600;
  line-height: .6;
}

.leo-quote-text {
  color: #f7f9fa;
  letter-spacing: -.025em;
  font-family: Geist;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.3;
}

.leo-quote-side {
  border-left: 1px solid #ffffff1f;
  padding-left: 28px;
}

.leo-quote-author {
  color: #f7f9fa;
  font-family: Geist;
  font-size: 15px;
  font-weight: 600;
}

.leo-quote-role {
  color: #a9b6c6;
  margin-top: 4px;
  font-family: Geist;
  font-size: 13px;
}

.leo-section-soft {
  color: #192638;
  background-color: #f7f9fa;
  padding-top: 120px;
  padding-bottom: 120px;
  font-family: Geist;
  position: relative;
}

.leo-map-layout {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.leo-report {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #fff;
  border: 1px solid #e3e9ee;
  border-radius: 24px;
  flex-direction: column;
  padding: 22px;
  display: flex;
  box-shadow: 0 40px 80px -48px #101d2e59, 0 1px 2px #101d2e0a;
}

.leo-report-head {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding: 6px 6px 10px;
  display: flex;
}

.leo-report-title-wrap {
  flex-direction: column;
  display: flex;
}

.leo-report-kicker {
  color: #7f8da0;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-report-title {
  color: #101d2e;
  letter-spacing: -.025em;
  margin-top: 4px;
  font-family: Geist;
  font-size: 20px;
  font-weight: 600;
}

.leo-report-chip {
  color: #3f7f66;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #9cd8c033;
  border-radius: 7px;
  padding: 5px 9px;
  font-family: Geist Mono;
  font-size: 10px;
}

.leo-report-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #f7f9fa;
  border: 1px solid #edf1f4;
  border-radius: 16px;
  flex-direction: column;
  padding: 18px;
  display: flex;
}

.leo-report-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.leo-report-row-sub {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.leo-report-key {
  color: #4a5768;
  font-family: Geist;
  font-size: 13px;
  font-weight: 500;
}

.leo-report-val {
  color: #101d2e;
  letter-spacing: -.02em;
  font-family: Geist;
  font-size: 18px;
  font-weight: 600;
}

.leo-report-note {
  color: #6b7889;
  font-family: Geist;
  font-size: 13px;
}

.leo-report-badge {
  color: #101d2e;
  background-color: #e9eef1;
  border-radius: 6px;
  padding: 4px 8px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-steps-line {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  display: grid;
}

.leo-step-done {
  background-color: #b9e3d2;
  border-radius: 999px;
  height: 10px;
}

.leo-step-you {
  background-color: #101d2e;
  border-radius: 999px;
  height: 10px;
  box-shadow: 0 0 0 3px #9cd8c08c;
}

.leo-step-gap {
  background-color: #e9eef1;
  border-radius: 999px;
  height: 10px;
}

.leo-step-size {
  background-color: #fff;
  border: 1.5px dashed #5fb592;
  border-radius: 999px;
  height: 10px;
}

.leo-step-open {
  background-color: #e9eef1;
  border-radius: 999px;
  height: 10px;
}

.leo-report-split {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.leo-chip-row {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-wrap: wrap;
  display: flex;
}

.leo-chip {
  color: #5a6779;
  background-color: #fff;
  border: 1px solid #e3e9ee;
  border-radius: 7px;
  padding: 5px 9px;
  font-family: Geist;
  font-size: 12px;
}

.leo-chip-focus {
  color: #101d2e;
  background-color: #9cd8c0;
  border: 1px solid #9cd8c0;
  border-radius: 7px;
  padding: 5px 9px;
  font-family: Geist;
  font-size: 12px;
  font-weight: 500;
}

.leo-skel-lg {
  background-color: #e3e9ee;
  border-radius: 999px;
  width: 92%;
  height: 9px;
}

.leo-skel-md {
  background-color: #e3e9ee;
  border-radius: 999px;
  width: 74%;
  height: 9px;
}

.leo-skel-sm {
  background-color: #e3e9ee;
  border-radius: 999px;
  width: 48%;
  height: 9px;
}

.leo-report-foot {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #101d2e;
  border-radius: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 14px 18px;
  display: flex;
}

.leo-report-foot-left {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.leo-doc-icon {
  color: #9cd8c0;
  background-color: #9cd8c024;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  font-size: 16px;
  line-height: 1;
  display: flex;
}

.leo-report-foot-text {
  color: #e9eef1;
  font-family: Geist;
  font-size: 13px;
}

.leo-link-pill {
  color: #101d2e;
  background-color: #9cd8c0;
  border-radius: 8px;
  padding: 6px 10px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-benefits {
  flex-direction: column;
  display: flex;
}

.leo-benefit {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #dde4e9;
  padding-top: 22px;
  padding-bottom: 22px;
  display: flex;
}

.leo-benefit-num {
  color: #3f7f66;
  min-width: 22px;
  padding-top: 3px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-benefit-body {
  flex-direction: column;
  display: flex;
}

.leo-benefit-title {
  color: #101d2e;
  letter-spacing: -.02em;
  font-family: Geist;
  font-size: 18px;
  font-weight: 600;
}

.leo-benefit-text {
  color: #5a6779;
  margin-top: 6px;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 15px;
  line-height: 1.6;
}

.leo-inline-cta {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.leo-cta-note {
  color: #6b7889;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-section-dark {
  color: #e9eef1;
  background-color: #101d2e;
  padding-top: 120px;
  padding-bottom: 120px;
  font-family: Geist;
  position: relative;
  overflow: hidden;
}

.leo-dark-glow {
  pointer-events: none;
  background-image: radial-gradient(closest-side, #9cd8c01a, #9cd8c000);
  border-radius: 50%;
  width: 900px;
  height: 500px;
  position: absolute;
  top: -240px;
  left: 50%;
  transform: translateX(-50%);
}

.leo-eyebrow-label-light {
  color: #9cd8c0;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-h2-light {
  color: #f7f9fa;
  letter-spacing: -.04em;
  max-width: 640px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.08;
}

.leo-lead-light {
  color: #a9b6c6;
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 17px;
  line-height: 1.65;
}

.leo-stairs-card {
  background-color: #17283d;
  border: 1px solid #ffffff12;
  border-radius: 24px;
  padding: 28px 28px 24px;
  position: relative;
  box-shadow: 0 40px 80px -40px #00000080;
}

.leo-stairs-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  display: flex;
}

.leo-legend-dark {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-wrap: wrap;
  display: flex;
}

.leo-stairs {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  align-items: end;
  height: 340px;
  display: grid;
}

.leo-stair-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  display: flex;
  position: relative;
}

.leo-stair-s1 {
  background-color: #9cd8c038;
  border-top: 2px solid #9cd8c0b3;
  border-radius: 8px 8px 3px 3px;
  justify-content: center;
  align-items: flex-start;
  height: 14%;
  padding-top: 10px;
  display: flex;
}

.leo-stair-s2 {
  background-color: #9cd8c038;
  border-top: 2px solid #9cd8c0b3;
  border-radius: 8px 8px 3px 3px;
  justify-content: center;
  align-items: flex-start;
  height: 23%;
  padding-top: 10px;
  display: flex;
}

.leo-stair-s3 {
  background-color: #9cd8c038;
  border-top: 2px solid #9cd8c0b3;
  border-radius: 8px 8px 3px 3px;
  justify-content: center;
  align-items: flex-start;
  height: 32%;
  padding-top: 10px;
  display: flex;
}

.leo-stair-s4 {
  background-color: #9cd8c0;
  border-radius: 8px 8px 3px 3px;
  height: 41%;
  box-shadow: 0 0 0 4px #9cd8c024, 0 20px 40px -12px #9cd8c059;
}

.leo-stair-s5 {
  background-color: #ffffff0d;
  border-top: 2px solid #ffffff24;
  border-radius: 8px 8px 3px 3px;
  height: 50%;
}

.leo-stair-s6 {
  background-color: #9cd8c00a;
  border: 1.5px dashed #9cd8c0bf;
  border-radius: 8px 8px 3px 3px;
  height: 59%;
}

.leo-stair-s7 {
  background-color: #ffffff0a;
  border-top: 2px solid #ffffff1a;
  border-radius: 8px 8px 3px 3px;
  height: 68%;
}

.leo-stair-s8 {
  background-color: #ffffff09;
  border-top: 2px solid #ffffff14;
  border-radius: 8px 8px 3px 3px;
  height: 77%;
}

.leo-stair-s9 {
  background-color: #ffffff08;
  border-top: 2px solid #ffffff0f;
  border-radius: 8px 8px 3px 3px;
  height: 86%;
}

.leo-stair-check {
  color: #9cd8c0;
  font-family: Geist;
  font-size: 13px;
  line-height: 1;
}

.leo-stair-num {
  color: #7f8da0;
  text-align: center;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-stair-num-you {
  color: #9cd8c0;
  text-align: center;
  font-family: Geist Mono;
  font-size: 12px;
  font-weight: 600;
}

.leo-stair-flag-you {
  z-index: 2;
  color: #101d2e;
  white-space: nowrap;
  background-color: #9cd8c0;
  border-radius: 9px;
  padding: 7px 10px;
  font-family: Geist;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  bottom: 52%;
  left: 0;
  box-shadow: 0 10px 24px -10px #00000080;
}

.leo-stair-flag-size {
  z-index: 2;
  color: #e9eef1;
  white-space: nowrap;
  background-color: #101d2e;
  border: 1px dashed #9cd8c0bf;
  border-radius: 9px;
  padding: 7px 10px;
  font-family: Geist;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  position: absolute;
  bottom: 70%;
  left: 0;
}

.leo-stairs-annot {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  margin-top: 16px;
  display: grid;
}

.leo-gap-bracket {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  grid-column: 4 / 7;
  align-items: center;
  display: flex;
}

.leo-gap-line {
  border-bottom: 1px solid #9cd8c0b3;
  border-left: 1px solid #9cd8c0b3;
  border-right: 1px solid #9cd8c0b3;
  border-radius: 0 0 6px 6px;
  width: 100%;
  height: 10px;
}

.leo-gap-label {
  color: #9cd8c0;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-principles {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 20px;
  display: grid;
}

.leo-principle {
  background-color: #ffffff05;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  padding: 24px;
  transition: background-color .3s, border-color .3s;
}

.leo-principle:hover {
  background-color: #ffffff0b;
  border-color: #9cd8c04d;
}

.leo-principle-num {
  color: #9cd8c0;
  border: 1px solid #9cd8c066;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-bottom: 18px;
  font-family: Geist Mono;
  font-size: 12px;
  display: flex;
}

.leo-principle-title {
  color: #f7f9fa;
  letter-spacing: -.02em;
  margin-bottom: 8px;
  font-family: Geist;
  font-size: 18px;
  font-weight: 600;
}

.leo-principle-text {
  color: #a9b6c6;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 15px;
  line-height: 1.6;
}

.leo-lever-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.leo-lever-card {
  background-color: #f7f9fa;
  border: 1px solid #e3e9ee;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 2 / span 2;
  padding: 28px;
  transition: transform .3s, box-shadow .3s, border-color .3s, background-color .3s;
  display: flex;
}

.leo-lever-card:hover {
  background-color: #fff;
  border-color: #cdd7df;
  transform: translateY(-4px);
  box-shadow: 0 24px 48px -28px #101d2e47;
}

.leo-lever-card-wide {
  background-color: #f7f9fa;
  border: 1px solid #e3e9ee;
  border-radius: 20px;
  flex-direction: column;
  grid-column: span 3 / span 3;
  padding: 28px;
  transition: transform .3s, box-shadow .3s, border-color .3s, background-color .3s;
  display: flex;
}

.leo-lever-card-wide:hover {
  background-color: #fff;
  border-color: #cdd7df;
  transform: translateY(-4px);
  box-shadow: 0 24px 48px -28px #101d2e47;
}

.leo-lever-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.leo-lever-icon {
  color: #9cd8c0;
  background-color: #101d2e;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.leo-lever-label {
  color: #7f8da0;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-progress {
  margin-bottom: 28px;
  padding-left: 28px;
  padding-right: 28px;
  position: relative;
}

.leo-progress-track {
  background-color: #dde4e9;
  border-radius: 999px;
  height: 2px;
  margin-top: 6px;
  overflow: hidden;
}

.leo-progress-fill {
  background-color: #101d2e;
  width: 100%;
  height: 100%;
}

.leo-progress-nodes {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
  position: absolute;
  top: 0;
  left: 28px;
  right: 28px;
}

.leo-progress-node {
  background-color: #f7f9fa;
  border: 2px solid #101d2e;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  box-shadow: 0 0 0 4px #f7f9fa;
}

.leo-steps-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.leo-step-card {
  background-color: #fff;
  border: 1px solid #e3e9ee;
  border-radius: 20px;
  flex-direction: column;
  padding: 28px;
  transition: transform .3s, box-shadow .3s, border-color .3s;
  display: flex;
}

.leo-step-card:hover {
  border-color: #cdd7df;
  transform: translateY(-4px);
  box-shadow: 0 24px 48px -28px #101d2e47;
}

.leo-step-num {
  color: #101d2e;
  letter-spacing: -.05em;
  margin-bottom: 36px;
  font-family: Geist;
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}

.leo-step-ui {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: #f7f9fa;
  border: 1px solid #edf1f4;
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: center;
  min-height: 50px;
  margin-top: auto;
  padding: 14px;
  display: flex;
}

.leo-mini-step-done {
  background-color: #b9e3d2;
  border-radius: 999px;
  flex-grow: 1;
  height: 8px;
}

.leo-mini-step-you {
  background-color: #101d2e;
  border-radius: 999px;
  flex-grow: 1;
  height: 8px;
}

.leo-mini-step {
  background-color: #e3e9ee;
  border-radius: 999px;
  flex-grow: 1;
  height: 8px;
}

.leo-mini-pill {
  color: #3d4a5c;
  background-color: #fff;
  border: 1px solid #e3e9ee;
  border-radius: 6px;
  padding: 4px 8px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-mini-pill-dark {
  color: #9cd8c0;
  background-color: #101d2e;
  border-radius: 6px;
  padding: 4px 8px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-about {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  display: grid;
}

.leo-portrait-wrap {
  position: relative;
}

.leo-portrait-frame {
  background-color: #e9eef1;
  border: 1px solid #e3e9ee;
  border-radius: 24px;
  height: 580px;
  position: relative;
  overflow: hidden;
}

.leo-portrait-card {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffffeb;
  border: 1px solid #ffffffb3;
  border-radius: 14px;
  padding: 16px 18px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  box-shadow: 0 18px 40px -20px #101d2e59;
}

.leo-portrait-name {
  color: #101d2e;
  letter-spacing: -.015em;
  font-family: Geist;
  font-size: 16px;
  font-weight: 600;
}

.leo-portrait-role {
  color: #5a6779;
  letter-spacing: .04em;
  margin-top: 4px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-about-copy {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.leo-about-text {
  color: #4a5768;
  max-width: 560px;
  margin-top: 24px;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 17px;
  line-height: 1.7;
}

.leo-about-facts {
  border-top: 1px solid #dde4e9;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 560px;
  margin-top: 40px;
  display: grid;
}

.leo-fact {
  padding-top: 18px;
  padding-right: 12px;
}

.leo-fact-num {
  color: #101d2e;
  letter-spacing: -.04em;
  font-family: Geist;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.leo-fact-label {
  color: #5a6779;
  margin-top: 6px;
  font-family: Geist;
  font-size: 13px;
  line-height: 1.4;
}

.leo-about-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  margin-top: 36px;
  display: flex;
}

.leo-text-link {
  color: #101d2e;
  border-bottom: 1px solid #9cd8c0;
  padding-bottom: 4px;
  font-family: Geist;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .25s, color .25s;
}

.leo-text-link:hover {
  border-bottom-color: #101d2e;
}

.leo-cta-section {
  background-color: #fff;
  padding-top: 40px;
  padding-bottom: 120px;
  font-family: Geist;
}

.leo-cta-panel {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #101d2e;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, .9fr);
  align-items: center;
  padding: 64px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 50px 100px -50px #101d2e99;
}

.leo-cta-grid-bg {
  pointer-events: none;
  background-image: linear-gradient(#ffffff09 1px, #0000 1px), linear-gradient(90deg, #ffffff09 1px, #0000 1px);
  background-size: 48px 48px;
  position: absolute;
  inset: 0;
}

.leo-cta-copy {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-direction: column;
  display: flex;
  position: relative;
}

.leo-checklist {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  margin-top: 6px;
  display: flex;
}

.leo-check-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.leo-check-icon {
  color: #9cd8c0;
  background-color: #9cd8c024;
  border-radius: 7px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 12px;
  line-height: 1;
  display: flex;
}

.leo-check-text {
  color: #d5dde5;
  font-family: Geist;
  font-size: 15px;
}

.leo-next-card {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #17283d;
  border: 1px solid #ffffff14;
  border-radius: 20px;
  flex-direction: column;
  padding: 28px;
  display: flex;
  position: relative;
}

.leo-next-kicker {
  color: #7f8da0;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-next-step {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 12px;
  align-items: center;
  padding: 12px 14px;
  display: flex;
}

.leo-next-num {
  color: #9cd8c0;
  border: 1px solid #9cd8c073;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 26px;
  height: 26px;
  font-family: Geist Mono;
  font-size: 12px;
  display: flex;
}

.leo-next-text {
  color: #e9eef1;
  font-family: Geist;
  font-size: 14px;
}

.leo-btn-mint {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #101d2e;
  letter-spacing: -.01em;
  background-color: #9cd8c0;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding: 8px 8px 8px 22px;
  font-family: Geist;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .25s, transform .25s, box-shadow .25s;
  display: flex;
}

.leo-btn-mint:hover {
  background-color: #b4e4d1;
  transform: translateY(-2px);
  box-shadow: 0 16px 30px -16px #9cd8c080;
}

.leo-btn-icon-dark {
  color: #9cd8c0;
  background-color: #101d2e;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  transition: transform .25s;
  display: flex;
}

.leo-next-note {
  color: #7f8da0;
  text-align: center;
  font-family: Geist;
  font-size: 12px;
}

.leo-footer {
  background-color: #fff;
  border-top: 1px solid #e9eef1;
  font-family: Geist;
}

.leo-footer-inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 36px 32px;
  display: flex;
}

.leo-footer-brand {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.leo-footer-by {
  color: #5a6779;
  font-family: Geist;
  font-size: 13px;
  text-decoration: none;
  transition: color .2s;
}

.leo-footer-by:hover {
  color: #101d2e;
}

.leo-footer-links {
  grid-column-gap: 24px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.leo-footer-link {
  color: #4a5768;
  font-family: Geist;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s;
}

.leo-footer-link:hover {
  color: #101d2e;
}

.leo-n-header {
  z-index: 50;
  background-color: #f7f9fa00;
  border-bottom: 1px solid #101d2e00;
  font-family: Geist;
  transition: background-color .3s, border-color .3s;
  position: sticky;
  top: 0;
}

.leo-n-header-inner {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.leo-n-brand {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #101d2e;
  flex-shrink: 0;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.leo-n-logo-slot {
  align-items: center;
  width: 24px;
  height: 36px;
  display: flex;
}

.leo-n-brand-text {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  display: flex;
}

.leo-n-wordmark {
  color: #101d2e;
  letter-spacing: -.02em;
  font-family: Geist;
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
}

.leo-m-brand-sub {
  color: #7d8999;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 10px;
  line-height: 1;
}

.leo-n-nav {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: center;
  margin-left: auto;
  display: flex;
}

.leo-n-navlink {
  color: #4e5a6b;
  letter-spacing: -.005em;
  font-family: Geist;
  font-size: 14px;
  font-weight: 450;
  text-decoration: none;
  transition: color .2s;
}

.leo-n-navlink:hover {
  color: #101d2e;
}

.leo-n-btn-sm {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  letter-spacing: -.005em;
  background-color: #101d2e;
  border-radius: 10px;
  align-items: center;
  height: 40px;
  padding-left: 16px;
  padding-right: 14px;
  font-family: Geist;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .25s;
  display: flex;
}

.leo-n-btn-sm:hover {
  background-color: #17283d;
}

.leo-n-btn-text {
  color: inherit;
}

.leo-n-arrow {
  color: #9cd8c0;
  font-size: 14px;
  line-height: 1;
  transition: transform .25s;
  display: inline-block;
}

.leo-n-hero {
  color: #192638;
  background-color: #f7f9fa;
  padding-top: 72px;
  padding-bottom: 0;
  font-family: Geist;
}

.leo-n-wrap {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}

.leo-n-hero-top {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  align-items: end;
  gap: 32px 80px;
  padding-bottom: 56px;
  display: grid;
}

.leo-n-hero-head {
  flex-direction: column;
  display: flex;
}

.leo-m-eyebrow {
  color: #5b6778;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 28px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-h1 {
  color: #101d2e;
  letter-spacing: -.045em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.03;
}

.leo-n-soft {
  color: #7d8999;
}

.leo-n-hero-side {
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 6px;
  display: flex;
}

.leo-n-lead {
  color: #4e5a6b;
  letter-spacing: -.005em;
  margin-top: 0;
  margin-bottom: 28px;
  font-family: Geist;
  font-size: 17px;
  line-height: 1.6;
}

.leo-n-btn {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #fff;
  letter-spacing: -.01em;
  background-color: #101d2e;
  border-radius: 12px;
  align-items: center;
  height: 52px;
  padding-left: 22px;
  padding-right: 20px;
  font-family: Geist;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .25s, transform .25s;
  display: flex;
}

.leo-n-btn:hover {
  background-color: #17283d;
}

.leo-n-btn-arrow {
  color: #9cd8c0;
  font-size: 16px;
  line-height: 1;
  transition: transform .25s;
  display: inline-block;
}

.leo-m-note {
  color: #7d8999;
  letter-spacing: .02em;
  margin-top: 14px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-map {
  color: #f7f9fa;
  background-color: #101d2e;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}

.leo-n-map-bar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-bottom: 1px solid #ffffff14;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 22px 32px;
  display: flex;
}

.leo-m-map-title {
  color: #9aa8b9;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-legend {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  display: flex;
}

.leo-n-legend-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.leo-n-key-passed {
  background-color: #3e6b5e;
  border-radius: 2px;
  width: 10px;
  height: 10px;
}

.leo-n-key-you {
  background-color: #9cd8c0;
  border-radius: 2px;
  width: 10px;
  height: 10px;
}

.leo-n-key-size {
  border: 1px dashed #9cd8c0;
  border-radius: 2px;
  width: 10px;
  height: 10px;
}

.leo-n-legend-text {
  color: #c3cdd8;
  font-family: Geist;
  font-size: 13px;
}

.leo-n-map-stage {
  padding: 28px 32px 0;
  position: relative;
}

.leo-n-contours {
  pointer-events: none;
  color: #ffffff12;
  width: 100%;
  height: 62%;
  position: absolute;
  top: 0;
  left: 0;
}

.leo-n-zones {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 20px;
  display: grid;
  position: relative;
}

.leo-m-zone {
  color: #7f8da0;
  letter-spacing: .12em;
  text-transform: uppercase;
  border-top: 1px solid #ffffff1f;
  padding-top: 10px;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-n-steps {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  align-items: end;
  height: 320px;
  display: grid;
  position: relative;
}

.leo-n-step {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #7f8da0;
  cursor: pointer;
  outline-style: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.leo-n-glyph {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-left: 12px;
}

.leo-n-s1 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 16%;
  padding: 12px;
  display: flex;
}

.leo-n-s2 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 25%;
  padding: 12px;
  display: flex;
}

.leo-n-s3 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 34%;
  padding: 12px;
  display: flex;
}

.leo-n-s4 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 43%;
  padding: 12px;
  display: flex;
}

.leo-n-s5 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 52%;
  padding: 12px;
  display: flex;
}

.leo-n-s6 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 61%;
  padding: 12px;
  display: flex;
}

.leo-n-s7 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 70%;
  padding: 12px;
  display: flex;
}

.leo-n-s8 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 79%;
  padding: 12px;
  display: flex;
}

.leo-n-s9 {
  background-color: #ffffff0d;
  border-top: 1px solid #ffffff24;
  border-radius: 6px 6px 0 0;
  flex-direction: column;
  justify-content: space-between;
  height: 88%;
  padding: 12px;
  display: flex;
}

.leo-n-step-name {
  color: #e9eef1;
  letter-spacing: -.01em;
  font-family: Geist;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.25;
}

.leo-m-step-num {
  color: #7f8da0;
  text-align: right;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-n-readout {
  border-top: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.4fr);
  display: grid;
}

.leo-n-read-cell {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-right: 1px solid #ffffff14;
  flex-direction: column;
  padding: 20px 32px;
  display: flex;
}

.leo-m-read-key {
  color: #7f8da0;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-n-read-val {
  color: #f7f9fa;
  letter-spacing: -.015em;
  font-family: Geist;
  font-size: 17px;
  font-weight: 500;
}

.leo-n-read-hint {
  color: #9aa8b9;
  align-items: center;
  padding: 20px 32px;
  font-family: Geist;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.leo-n-facts {
  grid-template-rows: auto;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding-top: 32px;
  padding-bottom: 96px;
  display: grid;
}

.leo-n-fact {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  border-left: 1px solid #dce3e8;
  flex-direction: column;
  padding-left: 24px;
  display: flex;
}

.leo-n-fact-num {
  color: #101d2e;
  letter-spacing: -.035em;
  font-family: Geist;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.1;
}

.leo-n-fact-label {
  color: #5b6778;
  font-family: Geist;
  font-size: 14px;
  line-height: 1.4;
}

.leo-n-sec-white {
  color: #192638;
  background-color: #fff;
  padding-top: 128px;
  padding-bottom: 128px;
  font-family: Geist;
}

.leo-n-split {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: start;
  gap: 40px 96px;
  display: grid;
}

.leo-n-split-left {
  flex-direction: column;
  display: flex;
  position: sticky;
  top: 120px;
}

.leo-n-split-right {
  flex-direction: column;
  display: flex;
}

.leo-m-label {
  color: #5b6778;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-h2 {
  color: #101d2e;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.08;
}

.leo-n-body-lg {
  color: #4e5a6b;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Geist;
  font-size: 19px;
  line-height: 1.6;
}

.leo-n-rows {
  border-top: 1px solid #dce3e8;
  flex-direction: column;
  display: flex;
}

.leo-n-row {
  border-bottom: 1px solid #dce3e8;
  grid-template-rows: auto;
  grid-template-columns: 64px minmax(0, 1fr);
  padding-top: 28px;
  padding-bottom: 28px;
  display: grid;
}

.leo-m-row-num {
  color: #7d8999;
  padding-top: 6px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-row-body {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.leo-n-h3 {
  color: #101d2e;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}

.leo-n-text {
  color: #5b6778;
  max-width: 520px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 16px;
  line-height: 1.6;
}

.leo-n-sec-soft {
  color: #192638;
  background-color: #f7f9fa;
  border-top: 1px solid #e9eef1;
  padding-top: 128px;
  padding-bottom: 128px;
  font-family: Geist;
}

.leo-n-sec-head {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  align-items: end;
  gap: 24px 80px;
  margin-bottom: 72px;
  display: grid;
}

.leo-n-sec-head-left {
  flex-direction: column;
  display: flex;
}

.leo-n-head-text {
  color: #4e5a6b;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Geist;
  font-size: 17px;
  line-height: 1.6;
}

.leo-n-sticky-grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  column-gap: 96px;
  display: grid;
}

.leo-n-sticky-col {
  position: sticky;
  top: 112px;
}

.leo-n-sheet {
  background-color: #fff;
  border: 1px solid #e1e7ec;
  border-radius: 20px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
}

.leo-n-sheet-head {
  border-bottom: 1px solid #e9eef1;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  display: flex;
}

.leo-n-sheet-title {
  color: #101d2e;
  letter-spacing: -.015em;
  font-family: Geist;
  font-size: 15px;
  font-weight: 600;
}

.leo-m-sheet-tag {
  color: #7d8999;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-n-part {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border-bottom: 1px solid #e9eef1;
  flex-direction: column;
  padding: 22px 24px;
  transition: opacity .4s, background-color .4s;
  display: flex;
}

.leo-m-part-key {
  color: #7d8999;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-n-mini-steps {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  display: grid;
}

.leo-n-ms-passed {
  background-color: #3e6b5e;
  border-radius: 2px;
  height: 8px;
}

.leo-n-ms-you {
  background-color: #101d2e;
  border-radius: 2px;
  height: 8px;
}

.leo-n-ms-size {
  border: 1px dashed #3e6b5e;
  border-radius: 2px;
  height: 8px;
}

.leo-n-ms-open {
  background-color: #e9eef1;
  border-radius: 2px;
  height: 8px;
}

.leo-n-part-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.leo-n-part-val {
  color: #101d2e;
  letter-spacing: -.015em;
  font-family: Geist;
  font-size: 16px;
  font-weight: 500;
}

.leo-n-part-meta {
  color: #7d8999;
  font-family: Geist;
  font-size: 13px;
}

.leo-n-part-link {
  color: #101d2e;
  border-bottom: 1px solid #9cd8c0;
  font-family: Geist;
  font-size: 13px;
  font-weight: 500;
}

.leo-n-lever-list {
  flex-direction: column;
  display: flex;
}

.leo-n-lever-line {
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  padding-bottom: 7px;
  display: flex;
}

.leo-n-lever-name {
  color: #4e5a6b;
  font-family: Geist;
  font-size: 14px;
}

.leo-n-tg-on {
  background-color: #101d2e;
  border-radius: 999px;
  justify-content: flex-end;
  align-items: center;
  width: 28px;
  height: 16px;
  padding: 2px;
  display: flex;
}

.leo-n-tg-off {
  background-color: #dce3e8;
  border-radius: 999px;
  justify-content: flex-start;
  align-items: center;
  width: 28px;
  height: 16px;
  padding: 2px;
  display: flex;
}

.leo-n-tg-knob {
  background-color: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.leo-n-days {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  grid-template-rows: auto;
  grid-template-columns: repeat(14, minmax(0, 1fr));
  display: grid;
}

.leo-n-day-on {
  background-color: #101d2e;
  border-radius: 3px;
  height: 22px;
}

.leo-n-day {
  background-color: #e9eef1;
  border-radius: 3px;
  height: 22px;
}

.leo-n-features {
  flex-direction: column;
  display: flex;
  position: relative;
}

.leo-n-feature {
  border-top: 1px solid #dce3e8;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 300px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.leo-m-feature-num {
  color: #7d8999;
  margin-bottom: 16px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-h3-lg {
  color: #101d2e;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: Geist;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.leo-n-text-lg {
  color: #5b6778;
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 17px;
  line-height: 1.65;
}

.leo-n-sec-dark {
  color: #f7f9fa;
  background-color: #101d2e;
  padding-top: 128px;
  padding-bottom: 112px;
  font-family: Geist;
}

.leo-m-label-light {
  color: #9aa8b9;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-h2-light {
  color: #f7f9fa;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.08;
}

.leo-n-soft-dark {
  color: #7f8da0;
}

.leo-n-head-text-light {
  color: #b3bfcc;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: Geist;
  font-size: 17px;
  line-height: 1.6;
}

.leo-n-zone-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  display: grid;
}

.leo-n-zone-col {
  flex-direction: column;
  display: flex;
}

.leo-n-zone-head {
  border-bottom: 1px solid #ffffff38;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 16px;
  display: flex;
}

.leo-m-zone-name {
  color: #f7f9fa;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-m-zone-range {
  color: #7f8da0;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-n-stage-row {
  color: #7f8da0;
  border-bottom: 1px solid #ffffff14;
  grid-template-rows: auto;
  grid-template-columns: 44px minmax(0, 1fr) 24px;
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
  transition: color .25s, padding-left .3s;
  display: grid;
}

.leo-n-stage-row:hover {
  color: #9cd8c0;
  padding-left: 6px;
}

.leo-m-stage-num {
  color: #7f8da0;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-stage-name {
  color: #f7f9fa;
  letter-spacing: -.025em;
  font-family: Geist;
  font-size: 22px;
  font-weight: 500;
}

.leo-n-stage-glyph {
  width: 22px;
  height: 22px;
}

.leo-n-dark-cta {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid #ffffff1f;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 64px;
  padding-top: 32px;
  display: flex;
}

.leo-n-dark-cta-text {
  color: #e9eef1;
  letter-spacing: -.015em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 19px;
}

.leo-n-btn-light {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #101d2e;
  letter-spacing: -.01em;
  background-color: #9cd8c0;
  border-radius: 12px;
  align-items: center;
  height: 52px;
  padding-left: 22px;
  padding-right: 20px;
  font-family: Geist;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: background-color .25s;
  display: flex;
}

.leo-n-btn-light:hover {
  background-color: #b3e3cf;
}

.leo-n-btn-arrow-dark {
  color: #101d2e;
  font-size: 16px;
  line-height: 1;
  transition: transform .25s;
  display: inline-block;
}

.leo-n-table {
  border-top: 1px solid #101d2e;
  flex-direction: column;
  display: flex;
}

.leo-n-trow {
  border-bottom: 1px solid #dce3e8;
  grid-template-rows: auto;
  grid-template-columns: 64px minmax(0, 4fr) minmax(0, 6fr) 44px;
  align-items: center;
  column-gap: 24px;
  padding: 28px 16px;
  transition: background-color .3s;
  display: grid;
}

.leo-n-trow:hover {
  background-color: #f7f9fa;
}

.leo-m-tnum {
  color: #7d8999;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-tname {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.leo-n-ticon {
  color: #101d2e;
  background-color: #f4f6f8;
  border: 1px solid #e6ebef;
  border-radius: 10px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  display: flex;
  position: relative;
}

.leo-n-tname-text {
  color: #101d2e;
  letter-spacing: -.03em;
  font-family: Geist;
  font-size: 24px;
  font-weight: 600;
}

.leo-n-tdesc {
  color: #5b6778;
  max-width: 540px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Geist;
  font-size: 16px;
  line-height: 1.6;
}

.leo-n-timeline {
  position: relative;
}

.leo-n-tl-track {
  background-color: #dce3e8;
  height: 1px;
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  overflow: hidden;
}

.leo-n-tl-fill {
  background-color: #101d2e;
  width: 100%;
  height: 100%;
}

.leo-n-tl-grid {
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 48px;
  display: grid;
  position: relative;
}

.leo-n-tl-step {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.leo-n-tl-node {
  background-color: #f7f9fa;
  border: 2px solid #101d2e;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  margin-bottom: 28px;
}

.leo-n-tl-num {
  color: #101d2e;
  letter-spacing: -.05em;
  margin-bottom: 12px;
  font-family: Geist;
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
}

.leo-n-about {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  align-items: center;
  gap: 48px 96px;
  display: grid;
}

.leo-n-about-media {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.leo-n-portrait {
  aspect-ratio: 4 / 5;
  background-color: #e9eef1;
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.leo-n-caption {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 4px;
  display: flex;
}

.leo-n-caption-name {
  color: #101d2e;
  letter-spacing: -.015em;
  font-family: Geist;
  font-size: 15px;
  font-weight: 600;
}

.leo-m-caption-role {
  color: #7d8999;
  letter-spacing: .04em;
  font-family: Geist Mono;
  font-size: 11px;
}

.leo-n-about-copy {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.leo-n-quote {
  color: #101d2e;
  letter-spacing: -.035em;
  margin-top: 0;
  margin-bottom: 32px;
  font-family: Geist;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.12;
}

.leo-n-about-text {
  color: #4e5a6b;
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Geist;
  font-size: 17px;
  line-height: 1.7;
}

.leo-n-about-foot {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-wrap: wrap;
  margin-top: 16px;
  display: flex;
}

.leo-n-textlink {
  color: #101d2e;
  border-bottom: 1px solid #c9d3db;
  padding-bottom: 3px;
  font-family: Geist;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .25s;
}

.leo-n-textlink:hover {
  border-bottom-color: #101d2e;
}

.leo-n-cta {
  background-color: #101d2e;
  padding-top: 136px;
  padding-bottom: 136px;
  font-family: Geist;
  position: relative;
  overflow: hidden;
}

.leo-n-cta-contours {
  pointer-events: none;
  color: #ffffff0f;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.leo-n-cta-inner {
  text-align: center;
  flex-direction: column;
  align-items: center;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: relative;
}

.leo-n-cta-title {
  color: #f7f9fa;
  letter-spacing: -.04em;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Geist;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.06;
}

.leo-n-cta-text {
  color: #b3bfcc;
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 36px;
  font-family: Geist;
  font-size: 18px;
  line-height: 1.6;
}

.leo-m-cta-note {
  color: #7f8da0;
  letter-spacing: .02em;
  margin-top: 16px;
  font-family: Geist Mono;
  font-size: 12px;
}

.leo-n-footer {
  background-color: #fff;
  font-family: Geist;
}

.leo-n-footer-inner {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.leo-n-footer-brand {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.leo-n-footer-by {
  color: #5b6778;
  font-family: Geist;
  font-size: 13px;
  text-decoration: none;
}

.leo-n-footer-by:hover {
  color: #101d2e;
}

.leo-n-footer-nav {
  grid-column-gap: 28px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.leo-n-footer-link {
  color: #4e5a6b;
  font-family: Geist;
  font-size: 14px;
  text-decoration: none;
  transition: color .2s;
}

.leo-n-footer-link:hover {
  color: #101d2e;
}

.leo-n-logo-img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.leo-n-portrait-img {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.leo-n-lottie-icon {
  pointer-events: none;
  position: absolute;
  inset: 4px;
}

.leo-n-stage-lottie {
  aspect-ratio: 1160 / 72;
  width: 100%;
  margin-bottom: 20px;
}

.leo-n-tl-lottie {
  z-index: 2;
  pointer-events: none;
  height: 16px;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
}

.leo-n-cta-lottie {
  width: 96px;
  height: 96px;
  margin-bottom: 20px;
}

.leo-n-guide-lottie {
  background-color: #f1f4f6;
  border-radius: 8px;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: inline-block;
}

.leo-n-feat-track {
  background-color: #dce3e8;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -48px;
}

.leo-n-feat-fill {
  transform-origin: 50% 0;
  background-color: #101d2e;
  width: 100%;
  height: 100%;
  transform: scaleY(0);
}

.leo-n-sx {
  margin-bottom: 64px;
}

.leo-n-sx-top {
  border-bottom: 1px solid #ffffff1f;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px 24px;
  padding-bottom: 20px;
  display: flex;
}

.leo-m-sx-label {
  color: #9aa8b9;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
}

.leo-n-sx-stats {
  column-gap: 48px;
  display: flex;
}

.leo-n-sx-num {
  color: #fff;
  letter-spacing: -.02em;
  font-size: 44px;
  font-weight: 500;
  line-height: 1;
}

.leo-m-sx-lab {
  color: #9aa8b9;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 10.5px;
}

.leo-n-sx-stage {
  position: relative;
}

.leo-n-analyse-lottie {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-right: 10px;
  display: inline-block;
}

.leo-m-sheet-step {
  color: #7d8999;
  letter-spacing: .06em;
  font-size: 11px;
}

.leo-n-sheet-prog {
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.leo-n-sheet-prog-fill {
  transform-origin: 0%;
  background-color: #9cd8c0;
  height: 100%;
  transform: scaleX(0);
}

.svc-hero {
  background-color: #fff;
  background-image: radial-gradient(60% 70% at 85% 10%, #eaf0f6e6 0%, #eaf0f659 45%, #fff0 100%);
  position: relative;
  overflow: hidden;
}

.svc-hero_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 6.5rem;
  display: grid;
}

.svc-hero_content {
  z-index: 2;
  max-width: 36rem;
  position: relative;
}

.svc-breadcrumb {
  grid-column-gap: .5rem;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.75rem;
  font-size: .8125rem;
  line-height: 1.4;
  display: flex;
}

.svc-breadcrumb_current {
  color: #141414;
  font-weight: 500;
}

.svc-hero_tag {
  display: inline-flex;
}

.svc-hero_heading {
  color: #141414;
  letter-spacing: -.022em;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 1.14;
}

.svc-hero_heading.ref-detail_title {
  max-width: 50rem;
  font-size: 3rem;
  line-height: 1.15;
}

.svc-hero_text {
  color: #3a4654;
  max-width: 33rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.6;
}

.svc-hero_actions {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2.25rem;
  display: flex;
}

.svc-hero_trust {
  grid-column-gap: 1.5rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  margin-top: 2rem;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.svc-hero_visual {
  width: 100%;
  min-width: 0;
  position: relative;
}

.svc-section {
  background-color: #fff;
  position: relative;
}

.svc-section.is-soft {
  background-color: #f7f9fc;
}

.svc-problem_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.svc-problem_card {
  background-color: #fff;
  border-radius: 1.25rem;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 0 1px #1414140f, 0 10px 30px -14px #172b4d2e;
}

.svc-problem_visual {
  padding-top: .75rem;
  padding-left: .75rem;
  padding-right: .75rem;
}

.svc-problem_body {
  flex-direction: column;
  flex-grow: 1;
  padding: 1.75rem 2rem 2rem;
  display: flex;
}

.svc-problem_label {
  color: #5e6b7c;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}

.svc-problem_title {
  color: #141414;
  letter-spacing: -.01em;
  margin-top: .75rem;
  margin-bottom: 0;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.3;
}

.svc-problem_text {
  color: #3a4654;
  margin-top: .75rem;
  margin-bottom: 1.5rem;
  font-size: 1rem;
  line-height: 1.65;
}

.svc-problem_solution {
  background-color: #f3f6fa;
  border-left: 3px solid #172b4d;
  border-top-right-radius: .75rem;
  border-bottom-right-radius: .75rem;
  margin-top: auto;
  padding: 1rem 1.125rem;
}

.svc-problem_solution-label {
  color: #172b4d;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
}

.svc-problem_solution-text {
  color: #3a4654;
  margin-top: .375rem;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.svc-bento_grid {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  display: grid;
}

.svc-bento_card {
  background-color: #fff;
  border-radius: 1.25rem;
  flex-direction: column;
  grid-column: span 6 / span 6;
  padding-top: .625rem;
  padding-left: .625rem;
  padding-right: .625rem;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 0 1px #1414140f, 0 10px 30px -14px #172b4d2e;
}

.svc-bento_card.is-span-7 {
  grid-column: span 7 / span 7;
}

.svc-bento_card.is-span-5 {
  grid-column: span 5 / span 5;
}

.svc-bento_card.is-span-4 {
  grid-column: span 4 / span 4;
}

.svc-bento_card.is-span-6 {
  grid-column: span 6 / span 6;
}

.svc-bento_card.is-span-6.is-dark {
  background-color: #172b4d;
  background-image: linear-gradient(160deg, #172b4d 0%, #101f38 100%);
}

.svc-bento_body {
  padding: 1.5rem 1.375rem 1.75rem;
}

.svc-bento_title {
  color: #141414;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.3;
}

.svc-bento_text {
  color: #3a4654;
  margin-top: .625rem;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.65;
}

.svc-compare_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch;
  margin-top: 3.5rem;
  display: grid;
}

.svc-compare_card {
  background-color: #f7f9fc;
  border-radius: 24px;
  padding: 2.5rem;
  box-shadow: inset 0 0 0 1px #dee5ee;
}

.svc-compare_card.is-dark {
  background-color: #101f38;
  background-image: radial-gradient(120% 80% at 100% 0, #243f64 0%, #243f6400 60%);
  box-shadow: 0 30px 60px -30px #101f388c;
}

.svc-compare_card.is-white {
  background-color: #fff;
  box-shadow: 0 0 0 1px #dee5ee;
}

.svc-compare_label {
  color: #5e6b7c;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.svc-compare_label.is-inverse {
  color: #b8c9dc;
}

.svc-compare_title {
  color: #141414;
  margin-top: 0;
  margin-bottom: 1.75rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.svc-compare_title.is-inverse {
  color: #fff;
}

.svc-compare_list {
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.svc-compare_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #dee5ee;
  align-items: flex-start;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  display: flex;
}

.svc-compare_item.is-inverse {
  border-top-color: #b8c9dc2e;
}

.svc-compare_icon {
  background-color: #eaf0f6;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
}

.svc-compare_icon.is-inverse {
  background-color: #b8c9dc29;
}

.svc-compare_copy {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}

.svc-compare_aspect {
  color: #5e6b7c;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.svc-compare_aspect.is-inverse {
  color: #b8c9dc;
}

.svc-compare_text {
  color: #3a4654;
  font-size: 1rem;
  line-height: 1.5;
}

.svc-compare_text.is-inverse {
  color: #fff;
}

.svc-fit_list {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 1.75rem;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.svc-fit_item {
  grid-column-gap: .625rem;
  grid-row-gap: .625rem;
  color: #141414;
  align-items: flex-start;
  font-size: .9375rem;
  line-height: 1.5;
  display: flex;
}

.svc-fit_check {
  background-color: #eaf0f6;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: .125rem;
  display: flex;
}

.svc-fit_link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #172b4d;
  align-items: center;
  margin-top: auto;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
}

.svc-fit_title {
  color: #141414;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.3;
}

.svc-fit_text {
  color: #3a4654;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
}

.svc-seo_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  display: grid;
}

.svc-seo_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.svc-seo_text {
  color: #3a4654;
  max-width: 34rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.6;
}

.svc-seo_visual {
  min-height: 1px;
  position: relative;
}

.svc-seo_cards {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  margin-top: 4rem;
  display: grid;
}

.svc-seo_card {
  background-color: #f3f6fa;
  border-radius: 24px;
  flex-direction: column;
  padding: 2.25rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #dee5ee;
}

.svc-seo_card.is-outline {
  background-color: #fff;
}

.svc-seo_tag {
  color: #fff;
  background-color: #172b4d;
  border-radius: 999px;
  align-self: flex-start;
  margin-bottom: 1rem;
  padding: .3125rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.svc-seo_tag.is-outline {
  color: #172b4d;
  background-color: #eaf0f6;
}

.svc-fit_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 3.5rem;
  display: grid;
}

.svc-fit_grid.is-2 {
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.svc-fit_card {
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  box-shadow: 0 0 0 1px #dee5ee;
}

.svc-fit_visual {
  padding-top: .75rem;
  padding-left: .75rem;
  padding-right: .75rem;
  position: relative;
}

.svc-fit_body {
  flex-direction: column;
  flex-grow: 1;
  padding: 1.75rem 2rem 2rem;
  display: flex;
}

.ref-detail {
  display: block;
}

.ref-detail_hero {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 5.5rem;
  display: grid;
}

.ref-detail_intro {
  z-index: 2;
  position: relative;
}

.ref-detail_crumb {
  color: #141414;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.ref-detail_meta {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-wrap: wrap;
  display: flex;
}

.ref-detail_chip {
  color: #fff;
  background-color: #172b4d;
  border-radius: 999px;
  margin-top: 0;
  margin-bottom: 0;
  padding: .3125rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_chip.is-outline {
  color: #172b4d;
  background-color: #eaf0f6;
}

.ref-detail_media {
  aspect-ratio: 4 / 3;
  background-color: #eaf0f6;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px #1414140f, 0 30px 60px -30px #172b4d73;
}

.ref-detail_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 22rem;
  align-items: start;
  display: grid;
}

.ref-detail_content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  max-width: 44rem;
  display: flex;
}

.ref-detail_block {
  flex-direction: column;
  display: flex;
}

.ref-detail_h2 {
  color: #141414;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.25;
}

.ref-detail_aside {
  position: sticky;
  top: 7rem;
}

.ref-detail_card {
  background-color: #f3f6fa;
  border-radius: 24px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #dee5ee;
}

.ref-detail_logo {
  align-items: center;
  min-height: 3rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.ref-detail_label {
  color: #5e6b7c;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .75rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_shot {
  background-color: #eaf0f6;
  border-radius: 24px;
  margin-top: 4.5rem;
  overflow: hidden;
  box-shadow: 0 0 0 1px #1414140f, 0 30px 60px -30px #172b4d59;
}

.ref-detail_img {
  width: 100%;
  height: auto;
  display: block;
}

.ref-detail_logo-img {
  width: auto;
  max-width: 12rem;
  height: auto;
  max-height: 3.5rem;
  display: block;
}

.ref-detail_hero-img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  display: block;
}

.leo-m-x-k, .leo-m-x-key, .leo-m-x-tag, .leo-m-x-title, .leo-x-arc, .leo-x-arc-soft, .leo-x-bar, .leo-x-bars, .leo-x-cell, .leo-x-day, .leo-x-days, .leo-x-disc, .leo-x-dot, .leo-x-dots, .leo-x-glow, .leo-x-guide, .leo-x-guide-link, .leo-x-guide-txt, .leo-x-horizon, .leo-x-knob, .leo-x-lever, .leo-x-lever-name, .leo-x-levers, .leo-x-main, .leo-x-main-bar, .leo-x-main-body, .leo-x-mod-curve, .leo-x-mod-plan, .leo-x-mod-ring, .leo-x-mod-txt, .leo-x-mod-val, .leo-x-orbit1, .leo-x-orbit2, .leo-x-pane, .leo-x-pane2 {
  position: relative;
}

.leo-x-portal, .leo-x-portal2 {
  position: absolute;
}

.leo-x-readout, .leo-x-ring, .leo-x-ring-big, .leo-x-ring-lot, .leo-x-ring-num, .leo-x-ring-of, .leo-x-scene, .leo-x-spark, .leo-x-stage, .leo-x-sweep, .leo-x-sweep-wrap, .leo-x-tg, .leo-x-val {
  position: relative;
}

.seo-cmp_viz {
  min-height: 1px;
  margin-bottom: 1.75rem;
}

.seo-cmp_note {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #fff;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  padding: 1.75rem 2rem;
  display: flex;
  box-shadow: 0 0 0 1px #dee5ee;
}

.seo-cmp_note-text {
  color: #3a4654;
  max-width: 44rem;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.seo-why_lead {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  background-color: #101f38;
  background-image: radial-gradient(120% 90% at 100% 0, #243f64 0%, #243f6400 60%);
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
  align-items: center;
  margin-top: 3.5rem;
  padding: 3rem;
  display: grid;
  box-shadow: 0 30px 60px -30px #101f388c;
}

.seo-why_lead-title {
  color: #fff;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1.25;
}

.seo-why_lead-text {
  color: #b8c9dc;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.seo-why_promise {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.seo-why_promise-item {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  color: #fff;
  background-color: #ffffff0d;
  border-radius: 16px;
  align-items: center;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  box-shadow: inset 0 0 0 1px #b8c9dc2e;
}

.seo-why_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 1.5rem;
  display: grid;
}

.seo-why_card {
  background-color: #f7f9fc;
  border-radius: 24px;
  flex-direction: column;
  padding: 2rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #dee5ee;
}

.seo-why_icon {
  background-color: #eaf0f6;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.seo-why_title {
  color: #141414;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.3;
}

.seo-why_text {
  color: #3a4654;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.navbar_logo-img {
  object-fit: contain;
  width: auto;
  max-width: none;
  height: 2.75rem;
  display: block;
}

.footer_logo-img {
  object-fit: contain;
  width: auto;
  max-width: none;
  height: 3.25rem;
  display: block;
}

.pm-ch_section {
  background-color: #101f38;
  position: relative;
}

.pm-ch_header {
  margin-bottom: 3.5rem;
}

.pm-ch_list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.pm-ch_card {
  background-color: #fff;
  border-radius: 1.75rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  align-items: center;
  gap: 2.5rem 3.5rem;
  padding: 3rem;
  display: grid;
}

.pm-ch_card-reverse {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
}

.pm-ch_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.pm-ch_brand {
  align-items: center;
  column-gap: .75rem;
  margin-bottom: 1.25rem;
  display: flex;
}

.pm-ch_logo {
  background-color: #fff;
  border-radius: .875rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  box-shadow: 0 0 0 1px #dee5ee, 0 8px 18px -12px #172b4d66;
}

.pm-ch_logo-svg {
  width: 1.5rem;
  height: 1.5rem;
}

.pm-ch_kicker {
  color: #56769a;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .8125rem;
  font-weight: 700;
}

.pm-ch_title {
  color: #141414;
  margin-top: 0;
  margin-bottom: .875rem;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.15;
}

.pm-ch_text {
  color: #3a4654;
  margin-bottom: 1.75rem;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.pm-ch_points {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.125rem 1.75rem;
  width: 100%;
  margin-top: 0;
  margin-bottom: 2rem;
  padding-left: 0;
  list-style-type: none;
  display: grid;
}

.pm-ch_point {
  border-left: 2px solid #dee5ee;
  flex-direction: column;
  row-gap: .25rem;
  padding-left: .875rem;
  display: flex;
}

.pm-ch_point-title {
  color: #141414;
  font-size: .9375rem;
  font-weight: 700;
  line-height: 1.35;
}

.pm-ch_point-text {
  color: #4b586a;
  font-size: .875rem;
  line-height: 1.55;
}

.pm-ch_arrow {
  width: 1rem;
  height: 1rem;
}

.pm-ch_visual {
  width: 100%;
  min-width: 0;
}

.pm-rep_visual {
  margin-bottom: 3rem;
}

.pm-rep_grid {
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.25rem;
  display: grid;
}

.pm-rep_item {
  background-color: #f7f9fc;
  border: 1px solid #dee5ee;
  border-radius: 1.25rem;
  padding: 1.75rem;
}

.pm-rep_title {
  color: #141414;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.pm-rep_text {
  color: #4b586a;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.pm-rep_note {
  background-color: #eaf0f6;
  border-radius: 1rem;
  align-items: baseline;
  gap: .25rem 1rem;
  margin-top: 1.25rem;
  padding: 1.25rem 1.5rem;
  display: flex;
}

.pm-rep_note-title {
  color: #172b4d;
  flex: none;
  font-size: .9375rem;
  font-weight: 700;
}

.pm-rep_note-text {
  color: #3a4654;
  margin-bottom: 0;
  font-size: .9375rem;
  line-height: 1.6;
}

.skp-cta {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  background-color: #fff;
  background-image: linear-gradient(135deg, #fff 0%, #f7f9fc 100%);
  border-radius: 24px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  align-items: center;
  margin-top: 4.5rem;
  padding: 2.75rem 2.75rem 2.75rem 3rem;
  display: grid;
  box-shadow: 0 0 0 1px #dee5ee, 0 24px 48px -32px #172b4d59;
}

.skp-cta.is-dark {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #101f38;
  background-image: radial-gradient(110% 90% at 100% 0, #243f64 0%, #243f6400 62%);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  padding: 3.75rem;
  box-shadow: 0 30px 60px -30px #101f388c;
}

.skp-cta_content {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.skp-cta_eyebrow {
  color: #243f64;
  letter-spacing: .02em;
  background-color: #eaf0f6;
  border-radius: 999px;
  align-items: center;
  margin-bottom: 1rem;
  padding: .375rem .75rem;
  font-size: .8125rem;
  font-weight: 600;
  display: inline-flex;
}

.skp-cta_title {
  color: #141414;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.skp-cta_text {
  color: #3a4654;
  max-width: 34rem;
  margin-top: 0;
  margin-bottom: 1.75rem;
  font-size: 1.0625rem;
  line-height: 1.65;
}

.skp-cta_actions {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.skp-cta_note {
  color: #5e6b7c;
  font-size: .875rem;
  line-height: 1.4;
}

.skp-cta_visual {
  width: 100%;
  min-width: 0;
}

.skp-cta_team {
  grid-column-gap: .875rem;
  grid-row-gap: .875rem;
  border-top: 1px solid #b8c9dc38;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
  padding-top: 1.5rem;
  display: flex;
}

.skp-cta_avatars {
  flex-shrink: 0;
  display: flex;
}

.skp-cta_avatar {
  object-fit: cover;
  border: 2px solid #172b4d;
  border-radius: 999px;
  width: 2.75rem;
  height: 2.75rem;
}

.skp-cta_avatar.is-second {
  margin-left: -.75rem;
}

.skp-cta_team-text {
  min-width: 0;
}

.skp-cta_team-name {
  color: #fff;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.35;
}

.skp-cta_team-role {
  color: #b8c9dc;
  font-size: .875rem;
  line-height: 1.4;
}

.skp-next_grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.skp-next_card {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  padding: 1.25rem 1.25rem 1.75rem;
  display: flex;
  box-shadow: 0 0 0 1px #dee5ee, 0 18px 36px -28px #172b4d59;
}

.skp-next_visual {
  background-color: #f7f9fc;
  border-radius: 14px;
  height: 9.5rem;
  margin-bottom: 1.5rem;
  position: relative;
  overflow: hidden;
}

.skp-next_step {
  color: #56769a;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  padding-left: .5rem;
  font-size: .8125rem;
  font-weight: 600;
}

.skp-next_title {
  color: #141414;
  margin-top: 0;
  margin-bottom: .625rem;
  padding-left: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.skp-next_text {
  color: #3a4654;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .9875rem;
  line-height: 1.6;
}

.skp-direct_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  display: grid;
}

.skp-direct_text {
  color: #3a4654;
  max-width: 28rem;
  margin-top: 1.25rem;
  margin-bottom: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
}

.skp-direct_list {
  grid-row-gap: .875rem;
  flex-direction: column;
  display: flex;
}

.skp-direct_item {
  grid-column-gap: 1rem;
  color: #141414;
  background-color: #fff;
  border-radius: 18px;
  align-items: center;
  padding: 1.125rem 1.25rem;
  text-decoration: none;
  transition: box-shadow .25s, transform .25s;
  display: flex;
  box-shadow: 0 0 0 1px #dee5ee, 0 14px 30px -26px #172b4d66;
}

.skp-direct_item:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 0 1px #b8c9dc, 0 18px 36px -24px #172b4d73;
}

.skp-direct_item.is-static:hover {
  transform: none;
  box-shadow: 0 0 0 1px #dee5ee, 0 14px 30px -26px #172b4d66;
}

.skp-direct_icon {
  background-color: #eaf0f6;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
}

.skp-direct_body {
  flex-grow: 1;
  min-width: 0;
}

.skp-direct_label {
  color: #5e6b7c;
  letter-spacing: .04em;
  font-size: .8125rem;
  font-weight: 600;
}

.skp-direct_value {
  color: #141414;
  overflow-wrap: anywhere;
  font-size: 1.0625rem;
  font-weight: 600;
  line-height: 1.35;
}

.skp-direct_hint {
  color: #5e6b7c;
  margin-top: .125rem;
  font-size: .875rem;
  line-height: 1.4;
}

.skp-direct_arrow {
  background-color: #f7f9fc;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.home-contact_card-title {
  color: #141414;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1.3;
}

.ref-detail_top {
  padding-bottom: 0;
}

.ref-detail_head {
  z-index: 2;
  max-width: 52rem;
  padding-top: 3rem;
  position: relative;
}

.ref-detail_eyebrow {
  grid-column-gap: .5rem;
  grid-row-gap: .25rem;
  color: #56769a;
  letter-spacing: .16em;
  text-transform: uppercase;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 2.25rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
  display: flex;
}

.ref-detail_eyebrow-dot {
  background-color: #172b4d;
  border-radius: 2px;
  width: .5rem;
  height: .5rem;
  margin-right: .25rem;
  box-shadow: 0 0 0 3px #172b4d26;
}

.ref-detail_eyebrow-text {
  color: #56769a;
}

.ref-detail_eyebrow-sep {
  color: #b8c9dc;
}

.ref-detail_stage {
  margin-top: 4rem;
  padding-bottom: 6.5rem;
  position: relative;
}

.ref-detail_stage-glow {
  z-index: 0;
  background-image: radial-gradient(60% 60% at 50% 40%, #56769a47 0%, #56769a00 70%);
  border-radius: 3rem;
  position: absolute;
  inset: 10% 6% 5rem;
}

.ref-detail_browser {
  z-index: 1;
  border-radius: 1.5rem;
  padding: .75rem;
  position: relative;
}

.ref-detail_screen {
  aspect-ratio: 16 / 9;
  border-radius: 1rem;
}

.ref-detail_badge {
  z-index: 2;
  background-color: #fff;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  min-width: 8rem;
  height: 5rem;
  padding: .875rem 1.25rem;
  display: flex;
  position: absolute;
  bottom: 4.5rem;
  left: -1.25rem;
  box-shadow: 0 0 0 1px #1414140f, 0 24px 48px -18px #172b4d66;
}

.ref-detail_facts-wrap {
  z-index: 3;
  background-color: #0000;
  margin-top: -3.5rem;
}

.ref-detail_facts {
  grid-column-gap: 2rem;
  grid-row-gap: 1.25rem;
  background-color: #fff;
  border-radius: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 11rem minmax(0, 1fr);
  align-items: center;
  padding: 1.75rem 2rem;
  display: grid;
  box-shadow: 0 0 0 1px #dee5ee, 0 24px 48px -30px #172b4d59;
}

.ref-detail_facts-title {
  color: #141414;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
}

.ref-detail_facts-grid {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.25rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
  display: grid;
}

.ref-detail_fact {
  grid-row-gap: .375rem;
  border-left: 1px solid #dee5ee;
  flex-direction: column;
  min-width: 0;
  padding-left: 1.25rem;
  display: flex;
}

.ref-detail_fact-label {
  color: #5e6b7c;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_fact-value {
  color: #141414;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_fact-chips {
  grid-column-gap: .375rem;
  grid-row-gap: .375rem;
  flex-wrap: wrap;
  display: flex;
}

.ref-detail_fact-chip {
  color: #172b4d;
  background-color: #eaf0f6;
  border-radius: 999px;
  padding: .1875rem .625rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_fact-link {
  grid-column-gap: .375rem;
  color: #172b4d;
  text-underline-offset: 3px;
  align-items: center;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: underline;
  display: inline-flex;
}

.ref-detail_fact-link-text {
  white-space: nowrap;
}

.ref-detail_split {
  grid-column-gap: 5rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 24rem;
  align-items: start;
  display: grid;
}

.ref-detail_main {
  min-width: 0;
  max-width: 46rem;
}

.ref-detail_sec-title {
  color: #141414;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1.75rem;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.ref-detail_rich {
  color: #3a4654;
  font-size: 1.0625rem;
  line-height: 1.75;
}

.ref-detail_rich.ref-detail_result {
  color: #3a4654;
}

.ref-detail_goal {
  color: #fff;
  background-color: #101f38;
  background-image: radial-gradient(120% 90% at 100% 0, #243f64 0%, #243f6400 60%);
  border-radius: 1.5rem;
  padding: 2.25rem;
  position: sticky;
  top: 7.5rem;
  box-shadow: 0 30px 60px -30px #101f388c;
}

.ref-detail_goal-icon {
  background-color: #ffffff14;
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.ref-detail_goal-title {
  color: #fff;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
}

.ref-detail_goal-rich {
  color: #d5e0ec;
  font-size: 1.0625rem;
  line-height: 1.7;
}

.ref-detail_band {
  background-color: #f7f9fc;
}

.ref-detail_side {
  min-width: 0;
  position: sticky;
  top: 7.5rem;
}

.ref-detail_side-card {
  background-color: #fff;
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: 0 0 0 1px #dee5ee, 0 24px 48px -36px #172b4d59;
}

.ref-detail_checklist {
  color: #141414;
  font-size: .9375rem;
  line-height: 1.5;
}

.ref-detail_sec-head {
  max-width: 46rem;
  margin-bottom: 3.5rem;
}

.ref-detail_sec-intro {
  color: #5e6b7c;
  margin-top: -.75rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.6;
}

.ref-detail_gallery {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
  align-items: start;
  display: grid;
  position: relative;
}

.ref-detail_shot-1 {
  min-width: 0;
  position: relative;
}

.is-tall {
  margin-top: 3.5rem;
}

.ref-detail_shot-screen {
  aspect-ratio: 693 / 501;
  background-color: #eaf0f6;
  border-radius: .75rem;
  position: relative;
  overflow: hidden;
}

.ref-detail_shot-screen.is-tall {
  aspect-ratio: 450 / 550;
}

.ref-detail_phone {
  z-index: 3;
  background-color: #101f38;
  border-radius: 2rem;
  width: 11rem;
  padding: .5rem;
  position: absolute;
  bottom: -2.5rem;
  left: -1.5rem;
  box-shadow: 0 30px 60px -24px #101f3899;
}

.ref-detail_phone-notch {
  z-index: 2;
  background-color: #101f38;
  border-radius: 999px;
  width: 3.5rem;
  height: .875rem;
  margin-left: -1.75rem;
  position: absolute;
  top: .875rem;
  left: 50%;
}

.ref-detail_phone-screen {
  aspect-ratio: 9 / 19.5;
  background-color: #eaf0f6;
  border-radius: 1.5rem;
  overflow: hidden;
}

.ref-detail_quote {
  background-color: #fff;
  border-radius: 1.5rem;
  margin: 0;
  padding: 2.25rem;
  box-shadow: 0 0 0 1px #dee5ee, 0 24px 48px -36px #172b4d59;
}

.ref-detail_quote-mark {
  margin-bottom: 1.25rem;
}

.ref-detail_quote-text {
  color: #141414;
  border-left-width: 0;
  margin-top: 0;
  margin-bottom: 1.5rem;
  padding: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.ref-detail_quote-author {
  grid-row-gap: .125rem;
  flex-direction: column;
  display: flex;
}

.ref-detail_quote-name {
  color: #141414;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_quote-role {
  color: #5e6b7c;
  font-size: .875rem;
  line-height: 1.4;
}

.ref-detail_services {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  display: grid;
}

.ref-detail_service {
  color: #141414;
  background-color: #fff;
  border-radius: 1.5rem;
  flex-direction: column;
  padding: 2rem;
  text-decoration: none;
  transition: box-shadow .35s, transform .35s;
  display: flex;
  box-shadow: 0 0 0 1px #dee5ee;
}

.ref-detail_service-icon {
  background-color: #eaf0f6;
  border-radius: .875rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.5rem;
  display: flex;
}

.ref-detail_service-title {
  color: #141414;
  margin-bottom: .5rem;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.ref-detail_service-text {
  color: #5e6b7c;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-size: .9375rem;
  line-height: 1.6;
}

.ref-detail_service-more {
  color: #172b4d;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_more-head {
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 3rem;
  display: flex;
}

.ref-detail_more-heading, .ref-detail_more {
  min-width: 0;
}

.ref-detail_cta-wrap {
  background-color: #fff;
  padding-top: 2rem;
  padding-bottom: 7rem;
}

.ref-detail_cta {
  grid-column-gap: 3rem;
  grid-row-gap: 2.5rem;
  background-color: #101f38;
  background-image: radial-gradient(90% 120% at 100% 0, #243f64 0%, #243f6400 60%);
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  padding: 4.5rem;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 40px 80px -40px #101f3899;
}

.ref-detail_cta-content {
  max-width: 40rem;
}

.ref-detail_cta-eyebrow {
  color: #b8c9dc;
  letter-spacing: .24em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  font-size: .8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_cta-title {
  color: #fff;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: 2.75rem;
  font-weight: 500;
  line-height: 1.15;
}

.ref-detail_cta-text {
  color: #d5e0ec;
  margin-top: 0;
  margin-bottom: 2.25rem;
  font-size: 1.125rem;
  line-height: 1.6;
}

.ref-detail_cta-actions {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  display: flex;
}

.ref-detail_cta-team {
  grid-column-gap: .875rem;
  background-color: #ffffff0f;
  border-radius: 1rem;
  align-items: center;
  padding: 1rem 1.25rem;
  display: flex;
  box-shadow: inset 0 0 0 1px #b8c9dc2e;
}

.ref-detail_cta-team-text {
  min-width: 0;
}

.ref-detail_flag {
  display: none;
}

.ref-detail_more-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.ref-detail_more-card {
  color: #141414;
  background-color: #fff;
  border-radius: 1.5rem;
  flex-direction: column;
  height: 100%;
  padding: .75rem .75rem 1.75rem;
  text-decoration: none;
  transition: box-shadow .35s, transform .35s;
  display: flex;
  box-shadow: 0 0 0 1px #dee5ee;
}

.ref-detail_more-screen {
  aspect-ratio: 693 / 420;
  background-color: #eaf0f6;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.ref-detail_more-img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
  transition: transform .8s;
  display: block;
}

.ref-detail_more-body {
  flex-direction: column;
  flex-grow: 1;
  padding: 0 1rem;
  display: flex;
}

.ref-detail_more-meta {
  color: #56769a;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.4;
}

.ref-detail_more-title {
  color: #141414;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
}

.ref-detail_more-text {
  color: #5e6b7c;
  flex-grow: 1;
  margin-top: 0;
  margin-bottom: 1.25rem;
  font-size: .9375rem;
  line-height: 1.6;
}

.ref-detail_more-link {
  color: #172b4d;
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.4;
}

.testimonial-card_rating {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  min-height: 1.25rem;
  margin-bottom: .75rem;
  display: flex;
}

.testimonial-card_stars {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  color: #243f64;
  line-height: 0;
  display: flex;
}

.testimonial-card_rating-value {
  color: #172b4d;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1;
}

.testimonial-card_source-row {
  grid-column-gap: 1rem;
  grid-row-gap: .25rem;
  border-top: 1px solid #eaf0f6;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.25rem;
  padding-top: 1rem;
  font-size: .8125rem;
  line-height: 1.4;
  display: flex;
}

.testimonial-card_source {
  color: #243f64;
  font-weight: 500;
  text-decoration: none;
}

.testimonial-card_source-prefix {
  color: #5e6c84;
  margin-right: .25em;
  font-weight: 400;
}

.testimonial-card_source-label {
  color: #172b4d;
  font-weight: 600;
  display: inline;
}

.testimonial-card_source-icon {
  color: #243f64;
  margin-left: .25em;
}

.testimonial-card_date {
  color: #5e6c84;
}

.itbk-page {
  color: #0e1013;
  background-color: #f4f3ef;
  font-family: Geist;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  overflow-x: clip;
}

.itbk-skip {
  z-index: 100;
  color: #f4f3ef;
  background-color: #0e1013;
  border-radius: 10px;
  padding: 12px 18px;
  font-size: 14px;
  text-decoration: none;
  position: absolute;
  top: -64px;
  left: 16px;
}

.itbk-skip:focus {
  top: 12px;
}

.itbk-nav {
  z-index: 60;
  background-color: #f4f3ef00;
  border-bottom: 1px solid #0e101300;
  transition: background-color .4s, border-color .4s;
  position: sticky;
  top: 0;
}

.itbk-nav-inner {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  max-width: 1328px;
  height: 76px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.itbk-logo-link {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.itbk-logo {
  mix-blend-mode: multiply;
  width: auto;
  height: 40px;
  display: block;
}

.itbk-nav-links {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #fff0;
  border: 0 solid #0e101314;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 4px;
  display: flex;
}

.itbk-nav-link {
  color: #3a3d44;
  border-radius: 999px;
  padding: 9px 12px;
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
  transition: color .3s;
  position: relative;
}

.itbk-nav-link:hover {
  color: #0e1013;
}

.itbk-nav-right {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  display: flex;
}

.itbk-btn-dark {
  color: #f4f3ef;
  white-space: nowrap;
  background-color: #0e1013;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  height: 46px;
  padding-left: 22px;
  padding-right: 22px;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .25s, transform .25s;
  display: inline-flex;
}

.itbk-burger {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #0e10131f;
  border-radius: 999px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  padding: 0;
  display: none;
}

.itbk-burger-line {
  background-color: #0e1013;
  width: 18px;
  height: 1.5px;
  transition: transform .3s;
  display: block;
}

.itbk-mobile-menu {
  display: none;
}

.itbk-mobile-link {
  color: #0e1013;
  letter-spacing: -.02em;
  border-bottom: 1px solid #0e101314;
  padding-top: 14px;
  padding-bottom: 14px;
  font-size: 26px;
  text-decoration: none;
  display: block;
}

.itbk-mobile-mail {
  color: #b5461a;
  margin-top: 24px;
  font-size: 16px;
  text-decoration: none;
  display: block;
}

.itbk-main {
  display: block;
}

.itbk-hero {
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

.itbk-stage {
  color: #f4f3ef;
  background-color: #0b0d10;
  border-radius: 28px;
  flex-direction: column;
  justify-content: space-between;
  min-height: 780px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.itbk-hero-inner {
  z-index: 2;
  flex-grow: 1;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  align-items: stretch;
  gap: 40px;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 14px 14px 56px;
  display: grid;
  position: relative;
}

.itbk-hero-copy {
  z-index: 3;
  align-self: center;
  max-width: none;
  padding-top: 64px;
  padding-bottom: 56px;
  position: relative;
}

.itbk-eyebrow-dark {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #c9cdd4;
  letter-spacing: .14em;
  text-transform: uppercase;
  background-color: #ffffff0a;
  border: 1px solid #ffffff1f;
  border-radius: 999px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 28px;
  padding: 8px 14px 8px 12px;
  font-size: 12px;
  line-height: 1.2;
  display: inline-flex;
}

.itbk-hero-title {
  color: #f4f3ef;
  letter-spacing: -.045em;
  white-space: nowrap;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 86px;
  font-weight: 500;
  line-height: .94;
}

.itbk-hero-lead {
  color: #a9aeb7;
  max-width: 520px;
  margin-top: 28px;
  margin-bottom: 0;
  font-size: 19px;
  line-height: 1.55;
}

.itbk-hero-actions {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  margin-top: 40px;
  display: flex;
}

.itbk-btn-primary {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #0b0d10;
  white-space: nowrap;
  background-color: #ff834f;
  border-radius: 999px;
  align-items: center;
  height: 56px;
  padding-left: 26px;
  padding-right: 9px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.itbk-btn-icon {
  color: #ff834f;
  background-color: #0b0d10;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 1;
  transition: background-color .45s, color .45s;
  display: inline-flex;
}

.itbk-btn-ghost {
  color: #f4f3ef;
  white-space: nowrap;
  border: 1px solid #fff3;
  border-radius: 999px;
  align-items: center;
  height: 56px;
  padding-left: 26px;
  padding-right: 26px;
  font-size: 16px;
  text-decoration: none;
  transition: background-color .3s, border-color .3s;
  display: inline-flex;
}

.itbk-hero-meta {
  z-index: 2;
  background-color: #0b0d1066;
  border-top: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: grid;
  position: relative;
}

.itbk-meta-item {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: #c9cdd4;
  border-right: 1px solid #ffffff14;
  align-items: baseline;
  padding: 22px 20px 22px 28px;
  font-size: 14px;
  line-height: 1.4;
  display: flex;
}

.itbk-meta-num {
  color: #ff834f;
  letter-spacing: .06em;
  font-size: 12px;
}

.itbk-meta-text {
  color: #c9cdd4;
}

.itbk-container {
  width: 100%;
  max-width: 1328px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.itbk-section-intro {
  padding-top: 168px;
  padding-bottom: 24px;
}

.itbk-intro-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 3fr 9fr;
  display: grid;
}

.itbk-label-col {
  padding-top: 10px;
}

.itbk-label {
  color: #b5461a;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.3;
  display: inline-block;
}

.itbk-statement {
  color: #0e1013;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 46px;
  font-weight: 500;
  line-height: 1.16;
}

.itbk-facts {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px solid #0e10131f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 72px;
  display: grid;
}

.itbk-fact {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  padding-top: 24px;
  display: flex;
}

.itbk-fact-k {
  color: #5e626b;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.2;
}

.itbk-fact-v {
  color: #0e1013;
  max-width: 280px;
  font-size: 17px;
  line-height: 1.45;
}

.itbk-section {
  padding-top: 120px;
  padding-bottom: 120px;
}

.itbk-section-head {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 7fr 5fr;
  align-items: end;
  margin-bottom: 56px;
  display: grid;
}

.itbk-h2 {
  color: #0e1013;
  letter-spacing: -.035em;
  max-width: 15ch;
  margin-top: 18px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.02;
}

.itbk-section-lead {
  color: #5e626b;
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.55;
}

.itbk-label-dark {
  color: #ff9a6e;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 1.3;
  display: inline-block;
}

.itbk-h2-light {
  color: #f4f3ef;
  letter-spacing: -.035em;
  max-width: 15ch;
  margin-top: 18px;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 1.02;
}

.itbk-section-lead-dark {
  color: #a9aeb7;
  max-width: 460px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.55;
}

.itbk-about-grid {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  align-items: center;
  display: grid;
}

.itbk-portrait {
  aspect-ratio: 4 / 5;
  background-color: #15181c;
  border-radius: 24px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 22px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.itbk-portrait-note {
  z-index: 2;
  color: #2a2d33;
  letter-spacing: .12em;
  text-transform: uppercase;
  background-color: #f4f3efeb;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 11px;
  line-height: 1.2;
  position: absolute;
  top: 22px;
  left: 22px;
}

.itbk-portrait-cap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ffffffdb;
  border-radius: 14px;
  flex-direction: column;
  padding: 16px 18px;
  display: flex;
  position: relative;
}

.itbk-cap-name {
  color: #0e1013;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
}

.itbk-cap-role {
  color: #5e626b;
  font-size: 13px;
  line-height: 1.4;
}

.itbk-about-text {
  color: #2a2d33;
  max-width: 560px;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.65;
}

.itbk-about-facts {
  border-top: 1px solid #0e10131f;
  max-width: 620px;
  margin-top: 40px;
}

.itbk-about-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid #0e10131a;
  grid-template-rows: auto;
  grid-template-columns: 160px 1fr;
  padding-top: 16px;
  padding-bottom: 16px;
  display: grid;
}

.itbk-about-k {
  color: #5e626b;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.5;
}

.itbk-about-v {
  color: #0e1013;
  font-size: 16px;
  line-height: 1.5;
}

.itbk-signature {
  color: #b5461a;
  letter-spacing: -.02em;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 28px;
  line-height: 1.2;
}

.itbk-shop-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

.itbk-shop {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  background-color: #fff;
  border: 1px solid #0e10131a;
  border-radius: 28px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  align-items: center;
  padding: 48px;
  display: grid;
}

.itbk-shop-labels {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.itbk-badge {
  color: #b5461a;
  letter-spacing: .1em;
  text-transform: uppercase;
  border: 1px solid #b5461a59;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.2;
}

.itbk-shop-text {
  color: #5e626b;
  max-width: 440px;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.6;
}

.itbk-btn-dark-lg {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  color: #f4f3ef;
  white-space: nowrap;
  background-color: #0e1013;
  border-radius: 999px;
  align-items: center;
  height: 56px;
  margin-top: 32px;
  padding-left: 26px;
  padding-right: 9px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .3s;
  display: inline-flex;
}

.itbk-btn-icon-light {
  color: #0b0d10;
  background-color: #ff834f;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  line-height: 1;
  transition: background-color .45s, color .45s;
  display: inline-flex;
}

.itbk-shop-rail {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.itbk-product {
  background-color: #f4f3ef;
  border-radius: 18px;
  flex-direction: column;
  padding: 14px 14px 20px;
  transition: background-color .45s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.itbk-product-meta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
  margin-top: 16px;
  padding-left: 4px;
  padding-right: 4px;
  display: flex;
  position: relative;
}

.itbk-product-status {
  color: #b5461a;
  letter-spacing: .04em;
  font-size: 11px;
}

.itbk-product-name {
  color: #0e1013;
  letter-spacing: -.01em;
  margin-top: 10px;
  margin-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.25;
  position: relative;
}

.itbk-product-desc {
  color: #5e626b;
  margin-top: 4px;
  margin-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 14px;
  line-height: 1.45;
  position: relative;
}

.itbk-contact-title {
  color: #0e1013;
  letter-spacing: -.05em;
  max-width: 12ch;
  margin-top: 24px;
  margin-bottom: 0;
  font-size: 120px;
  font-weight: 500;
  line-height: .95;
}

.itbk-mail-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #0e1013;
  letter-spacing: -.03em;
  border-top: 1px solid #0e1013;
  border-bottom: 1px solid #0e10131f;
  justify-content: space-between;
  align-items: center;
  margin-top: 64px;
  padding-top: 28px;
  padding-bottom: 28px;
  font-size: 44px;
  line-height: 1.1;
  text-decoration: none;
  transition: color .4s;
  display: flex;
}

.itbk-mail-link:hover {
  color: #b5461a;
}

.itbk-mail-text {
  overflow-wrap: anywhere;
}

.itbk-mail-arrow {
  color: #0b0d10;
  background-color: #ff834f;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  font-size: 26px;
  line-height: 1;
  transition: background-color .45s, color .45s;
  display: flex;
}

.itbk-contact-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 48px;
  display: grid;
}

.itbk-contact-item {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  display: flex;
}

.itbk-contact-k {
  color: #5e626b;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 12px;
  line-height: 1.3;
}

.itbk-contact-link {
  color: #0e1013;
  font-size: 18px;
  line-height: 1.4;
  text-decoration: none;
  transition: color .3s;
}

.itbk-contact-link:hover {
  color: #b5461a;
}

.itbk-contact-v {
  color: #0e1013;
  font-size: 18px;
  line-height: 1.4;
}

.itbk-contact-note {
  color: #5e626b;
  font-size: 14px;
  line-height: 1.45;
}

.itbk-flow {
  padding-left: 12px;
  padding-right: 12px;
}

.itbk-flow-stage {
  color: #f4f3ef;
  background-color: #0b0d10;
  border-radius: 28px;
  padding-top: 120px;
  padding-bottom: 128px;
  position: relative;
  overflow: hidden;
}

.itbk-flow-head {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 7fr 5fr;
  align-items: end;
  margin-bottom: 88px;
  display: grid;
}

.itbk-flow-track {
  position: relative;
}

.itbk-flow-line {
  background-color: #ffffff24;
  height: 1px;
  position: absolute;
  top: 27px;
  left: 28px;
  right: 28px;
  overflow: hidden;
}

.itbk-flow-pulse {
  background-color: #ff834f;
  width: 72px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
}

.itbk-flow-steps {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: grid;
  position: relative;
}

.itbk-flow-step {
  flex-direction: column;
  padding-right: 16px;
  display: flex;
  position: relative;
}

.itbk-flow-node {
  background-color: #0b0d10;
  border: 1px solid #ffffff29;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-bottom: 40px;
  transition: border-color .5s;
  display: flex;
  position: relative;
}

.itbk-flow-core {
  background-color: #ffffff59;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  transition: background-color .5s;
  display: block;
}

.itbk-flow-num {
  color: #ff9a6e;
  letter-spacing: .12em;
  margin-bottom: 14px;
  font-size: 12px;
  line-height: 1.2;
}

.itbk-flow-title {
  color: #f4f3ef;
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.15;
}

.itbk-flow-text {
  color: #a9aeb7;
  max-width: 360px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
}

.itbk-flow-meta {
  color: #8b919b;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: auto;
  padding-top: 32px;
  font-size: 11px;
  line-height: 1.3;
}

.itbk-foot {
  background-color: #f4f3ef;
  padding-bottom: 28px;
}

.itbk-foot-rule {
  background-color: #0e101324;
  height: 1px;
  position: relative;
}

.itbk-foot-main {
  grid-column-gap: 56px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  padding-top: 44px;
  padding-bottom: 44px;
  display: grid;
}

.itbk-foot-brand {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.itbk-foot-logo-link {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

.itbk-foot-logo {
  mix-blend-mode: multiply;
  width: auto;
  height: 36px;
  display: block;
}

.itbk-foot-claim {
  color: #5e626b;
  border-left: 1px solid #0e101324;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  font-size: 15px;
  line-height: 1.4;
}

.itbk-foot-nav {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  align-items: center;
  display: flex;
}

.itbk-foot-link {
  color: #2a2d33;
  white-space: nowrap;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 15px;
  line-height: 1.3;
  text-decoration: none;
  transition: color .3s;
  position: relative;
}

.itbk-foot-link:hover {
  color: #0e1013;
}

.itbk-foot-mail {
  color: #b5461a;
  white-space: nowrap;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 15px;
  line-height: 1.3;
  text-decoration: none;
  transition: color .3s;
  position: relative;
}

.itbk-foot-mail:hover {
  color: #0e1013;
}

.itbk-foot-bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #0e101314;
  justify-content: space-between;
  align-items: center;
  padding-top: 20px;
  display: flex;
}

.itbk-foot-copy {
  color: #5e626b;
  font-size: 13px;
  line-height: 1.4;
}

.itbk-foot-legal {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.itbk-foot-legal-link {
  color: #5e626b;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none;
  transition: color .3s;
  position: relative;
}

.itbk-foot-legal-link:hover {
  color: #0e1013;
}

.itbk-hero-media {
  background-color: #15181c;
  border-radius: 18px;
  min-height: 540px;
  margin: 0;
  position: relative;
  overflow: hidden;
}

.itbk-hero-mask {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.itbk-hero-shift {
  position: absolute;
  inset: 0;
}

.itbk-hero-img {
  transform-origin: 0 100%;
  object-fit: cover;
  object-position: 30% 100%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  transform: scale(1.5);
}

.itbk-hero-cap {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0b0d10d6;
  border-top: 1px solid #ffffff1f;
  align-items: center;
  padding: 14px 20px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.itbk-hero-cap-num {
  color: #ff9a6e;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.2;
}

.itbk-hero-cap-text {
  color: #dfe2e6;
  font-size: 13px;
  line-height: 1.3;
}

.itbk-hero-cap-note {
  color: #8b919b;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-left: auto;
  font-size: 10px;
  line-height: 1.2;
}

.itbk-svc-layout {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 5fr 7fr;
  align-items: start;
  display: grid;
}

.itbk-svc-figure {
  background-color: #15181c;
  border-radius: 22px;
  height: 640px;
  margin: 0;
  position: sticky;
  top: 100px;
  overflow: hidden;
}

.itbk-svc-mask {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.itbk-svc-shift {
  position: absolute;
  inset: -6% 0;
}

.itbk-svc-img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.itbk-svc-cap {
  z-index: 2;
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  background-color: #0b0d10d6;
  border-top: 1px solid #ffffff1f;
  align-items: center;
  padding: 14px 20px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.itbk-svc-cap-text {
  color: #dfe2e6;
  font-size: 13px;
  line-height: 1.3;
}

.itbk-svc-cap-note {
  color: #8b919b;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-left: auto;
  font-size: 10px;
  line-height: 1.2;
}

.itbk-svc-list {
  border-bottom: 1px solid #0e10131f;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

.itbk-svc-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #0e10131f;
  grid-template-rows: auto;
  grid-template-columns: 64px 1fr;
  padding-top: 30px;
  padding-bottom: 30px;
  display: grid;
  position: relative;
}

.itbk-svc-row-num {
  color: #b5461a;
  letter-spacing: .06em;
  padding-top: 8px;
  font-size: 13px;
  line-height: 1.2;
}

.itbk-svc-row-main {
  flex-direction: column;
  display: flex;
}

.itbk-svc-row-title {
  color: #0e1013;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.15;
  transition: color .4s;
}

.itbk-svc-row-text {
  color: #5e626b;
  max-width: 560px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.6;
}

.itbk-svc-row-tags {
  color: #2a2d33;
  letter-spacing: .04em;
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.4;
}

.itbk-portrait-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.itbk-portrait-shift {
  position: absolute;
  inset: -6% 0;
}

.itbk-portrait-img {
  object-fit: cover;
  object-position: 62% 50%;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
}

.itbk-product-media {
  aspect-ratio: 4 / 3;
  background-color: #e2e0da;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}

.itbk-product-img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
  transition: transform .9s;
  display: block;
}

@media screen and (min-width: 1280px) {
  .skp26-service-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  }

  .skp26-service-card {
    width: 60vw;
  }
}

@media screen and (max-width: 991px) {
  .skp26-nav {
    padding-left: 24px;
    padding-right: 24px;
  }

  .skp26-navlinks {
    column-gap: 16px;
  }

  .skp26-hero {
    column-gap: 30px;
    min-height: 650px;
    padding: 50px 24px 80px;
  }

  .skp26-h1 {
    letter-spacing: -1.5px;
    font-size: 50px;
  }

  .skp26-hero-art {
    column-gap: 22px;
    height: 480px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .skp26-statement-title {
    font-size: 44px;
  }

  .skp26-split {
    column-gap: 36px;
  }

  .skp26-h2 {
    font-size: 44px;
  }

  .skp26-strategy-art {
    height: 350px;
  }

  .skp26-orbit {
    width: 300px;
    height: 300px;
  }

  .skp26-orbit-inner {
    width: 250px;
    height: 250px;
  }

  .skp26-art-window {
    width: 280px;
  }

  .skp26-services {
    min-height: 0;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .skp26-service-grid {
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .skp26-service-card {
    width: calc(50% - 12px);
    min-height: 0;
  }

  .skp26-project-scene, .skp26-project-scene-light {
    padding: 40px 18px;
  }

  .skp26-project-layout {
    min-height: 250px;
  }

  .skp26-project-head {
    font-size: 26px;
  }

  .skp26-process {
    column-gap: 40px;
  }

  .skp26-contact-title {
    font-size: 60px;
  }

  .skp26-footer-grid {
    column-gap: 32px;
  }

  .sy-navlinks {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sy-navcta {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 11px 14px;
    font-size: 12px;
  }

  .sy-hero {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: 60px;
  }

  .sy-hero-copy {
    max-width: 660px;
  }

  .sy-h1 {
    font-size: 76px;
  }

  .sy-lead {
    max-width: 600px;
  }

  .sy-system {
    width: 100%;
    max-width: 650px;
    height: 470px;
    margin: 0 auto;
  }

  .sy-sector-items {
    grid-column-gap: 35px;
    grid-row-gap: 15px;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 14px;
  }

  .sy-h2-dark {
    font-size: 45px;
  }

  .sy-services {
    grid-column-gap: 5%;
    grid-row-gap: 5%;
    grid-template-rows: auto;
    grid-template-columns: .8fr 1.2fr;
  }

  .sy-h2 {
    font-size: 42px;
  }

  .sy-service-card {
    padding: 26px;
  }

  .sy-h3 {
    font-size: 27px;
  }

  .sy-expert-grid {
    grid-column-gap: 6%;
    grid-row-gap: 6%;
    grid-template-rows: auto;
    grid-template-columns: .8fr 1.2fr;
  }

  .sy-expert-figure {
    height: 320px;
  }

  .sy-portrait {
    width: 220px;
    height: 220px;
  }

  .sy-metric-value {
    font-size: 43px;
  }

  .sy-case {
    grid-column-gap: 5%;
    grid-row-gap: 5%;
  }

  .sy-case-graphic {
    height: 450px;
  }

  .sy-method-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .sy-contact-title {
    font-size: 65px;
  }

  .skph-nav-inner {
    grid-row-gap: 22px;
    flex-wrap: wrap;
  }

  .skph-nav-links {
    grid-column-gap: 12px;
    flex-wrap: wrap;
    order: 3;
    justify-content: space-between;
    width: 100%;
    display: flex;
  }

  .skph-nav-link {
    font-size: 13px;
  }

  .skph-hero-grid {
    grid-template-columns: 1fr;
  }

  .skph-split {
    grid-row-gap: 36px;
    grid-template-columns: 1fr;
  }

  .rdi-nav {
    display: none;
  }

  .rdi-hero {
    min-height: 850px;
    padding-top: 180px;
    padding-bottom: 120px;
  }

  .rdi-hero-grid {
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .rdi-h1 {
    max-width: 760px;
    font-size: 58px;
  }

  .rdi-split {
    grid-template-columns: 1fr;
    gap: 48px;
  }

  .rdi-h2 {
    font-size: 40px;
  }

  .rdi-section-heading {
    display: block;
  }

  .rdi-sidecopy {
    max-width: 640px;
    margin-top: 24px;
  }

  .rdi-feature-grid {
    grid-template-columns: 1fr 1fr;
  }

  .rdi-h2-light {
    font-size: 40px;
  }

  .rdi-steps {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .rdi-person-photo {
    height: 280px;
  }

  .rdi-contact-title {
    font-size: 48px;
  }

  .rdi-audience-row {
    grid-column-gap: 25px;
    font-size: 19px;
  }

  .rdi-integrations {
    grid-template-columns: 1fr 1fr;
  }

  .rdi-integration-label {
    grid-column-end: 3;
  }

  .rdi-mobile-menu {
    display: block;
  }

  .wp-navigation {
    display: none;
  }

  .wp-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .wp-steps, .wp-about {
    grid-template-columns: 1fr;
  }

  .navbar_inner {
    grid-column-gap: .75rem;
    height: 4.5rem;
  }

  .navbar_menu {
    display: none;
  }

  .button.is-small.navbar_cta {
    margin-left: auto;
  }

  .heading-style-h1 {
    font-size: 2.75rem;
  }

  .heading-style-h2 {
    font-size: 2.375rem;
  }

  .cta-strip {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero_visual {
    height: auto;
  }

  .hero_screen {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .hero_card, .hero_chip {
    display: none;
  }

  .home-hero_visual {
    height: 34rem;
    margin-top: 3rem;
  }

  .home-hero_browser {
    top: 1.5rem;
    left: 5%;
    right: 5%;
  }

  .home-hero_browser-screen {
    height: 27rem;
  }

  .home-hero_browser-caption, .home-hero_card.is-chart, .home-hero_card.is-check {
    display: none;
  }

  .home-hero_tile.is-google {
    top: 11rem;
    left: 1rem;
  }

  .home-hero_tile.is-webflow {
    top: 0;
    right: 1rem;
  }

  .home-hero_notice {
    top: 12rem;
    left: auto;
    right: 1.5rem;
  }

  .home-hero_feature {
    width: 21rem;
  }

  .home-hero_feature.is-left {
    bottom: 4.5rem;
    left: 0;
  }

  .home-hero_feature.is-right {
    bottom: 1.5rem;
    right: 0;
  }

  .home-services_grid {
    grid-template-columns: 1fr;
  }

  .home-services_cta {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer_top {
    grid-column-gap: 2rem;
    grid-row-gap: 3rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .footer_brand {
    grid-column: 1 / -1;
    max-width: 34rem;
  }

  .blog-hero_component {
    grid-row-gap: 2.5rem;
    grid-template-columns: 1fr;
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }

  .cta-box {
    flex-direction: column;
    align-items: flex-start;
    padding: 2.5rem;
  }

  .article-body_layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .blog-grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-section_header {
    margin-bottom: 4rem;
  }

  .testimonials_list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-contact_layout {
    grid-row-gap: 2.5rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .home-contact_intro {
    padding-top: 0;
  }

  .navbar_mobile {
    z-index: 1;
    background-color: #fff;
    border-top: 1px solid #eaf0f6;
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .leo-header-inner {
    padding: 12px 24px;
  }

  .leo-nav {
    display: none;
  }

  .leo-hero {
    padding-top: 56px;
    padding-bottom: 72px;
  }

  .leo-hero-inner {
    grid-column-gap: 56px;
    grid-row-gap: 56px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-left: 24px;
    padding-right: 24px;
  }

  .leo-h1 {
    max-width: 680px;
    font-size: 48px;
  }

  .leo-hero-lead {
    max-width: 600px;
  }

  .leo-hero-visual {
    width: 100%;
    max-width: 680px;
    padding-left: 0;
  }

  .leo-section-white {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .leo-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .leo-section-head {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 40px;
  }

  .leo-h2 {
    font-size: 38px;
  }

  .leo-problem-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-card-top {
    margin-bottom: 28px;
  }

  .leo-quote-band {
    grid-template-rows: auto;
    grid-template-columns: auto minmax(0, 1fr);
  }

  .leo-quote-side {
    border-left-width: 0;
    grid-column-start: 2;
    padding-left: 0;
  }

  .leo-section-soft {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .leo-map-layout {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-section-dark {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .leo-h2-light {
    font-size: 38px;
  }

  .leo-stairs {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    height: 300px;
  }

  .leo-stairs-annot {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .leo-principles {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-lever-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .leo-lever-card, .leo-lever-card-wide {
    grid-column: span 1 / span 1;
  }

  .leo-lever-top {
    margin-bottom: 28px;
  }

  .leo-progress {
    display: none;
  }

  .leo-steps-grid {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-step-num {
    margin-bottom: 24px;
    font-size: 40px;
  }

  .leo-step-ui {
    margin-top: 8px;
  }

  .leo-about {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-portrait-wrap {
    max-width: 520px;
  }

  .leo-portrait-frame {
    height: 520px;
  }

  .leo-cta-section {
    padding-bottom: 88px;
  }

  .leo-cta-panel {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 48px 36px;
  }

  .leo-n-header-inner {
    height: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .leo-n-nav {
    display: none;
  }

  .leo-n-hero {
    padding-top: 48px;
  }

  .leo-n-wrap {
    padding-left: 24px;
    padding-right: 24px;
  }

  .leo-n-hero-top {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-bottom: 40px;
  }

  .leo-n-h1 {
    font-size: 46px;
  }

  .leo-n-hero-side {
    max-width: 560px;
  }

  .leo-n-steps {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    height: 280px;
  }

  .leo-n-glyph {
    margin-left: 8px;
  }

  .leo-n-s1, .leo-n-s2, .leo-n-s3, .leo-n-s4, .leo-n-s5, .leo-n-s6, .leo-n-s7, .leo-n-s8, .leo-n-s9 {
    padding: 10px 8px;
  }

  .leo-n-step-name {
    font-size: 12px;
  }

  .leo-n-readout {
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .leo-n-read-cell {
    padding: 18px 24px;
  }

  .leo-n-read-hint {
    border-top: 1px solid #ffffff14;
    grid-column: 1 / 4;
  }

  .leo-n-facts {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 24px;
    padding-bottom: 72px;
  }

  .leo-n-sec-white {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .leo-n-split {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-n-split-left {
    position: static;
  }

  .leo-n-h2 {
    font-size: 36px;
  }

  .leo-n-sec-soft {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .leo-n-sec-head {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 48px;
  }

  .leo-n-sticky-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 40px;
  }

  .leo-n-sticky-col {
    max-width: 560px;
    position: static;
  }

  .leo-n-feature {
    min-height: 0;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .leo-n-h3-lg {
    font-size: 24px;
  }

  .leo-n-sec-dark {
    padding-top: 96px;
    padding-bottom: 88px;
  }

  .leo-n-h2-light {
    font-size: 36px;
  }

  .leo-n-zone-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 32px;
  }

  .leo-n-tl-track {
    display: none;
  }

  .leo-n-tl-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 0;
  }

  .leo-n-tl-step {
    border-top: 1px solid #dce3e8;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .leo-n-tl-node {
    display: none;
  }

  .leo-n-tl-num {
    margin-bottom: 4px;
    font-size: 40px;
  }

  .leo-n-about {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-n-about-media {
    max-width: 460px;
  }

  .leo-n-quote {
    font-size: 34px;
  }

  .leo-n-cta {
    padding-top: 104px;
    padding-bottom: 104px;
  }

  .leo-n-cta-title {
    font-size: 38px;
  }

  .leo-n-stage-lottie, .leo-n-tl-lottie, .leo-n-feat-track {
    display: none;
  }

  .svc-hero_layout {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 2rem;
    padding-bottom: 4.5rem;
  }

  .svc-hero_content {
    max-width: 40rem;
  }

  .svc-hero_heading {
    font-size: 2.75rem;
  }

  .svc-hero_heading.ref-detail_title {
    font-size: 2.5rem;
  }

  .svc-hero_visual {
    max-width: 40rem;
  }

  .svc-bento_card.is-span-7, .svc-bento_card.is-span-5, .svc-bento_card.is-span-4 {
    grid-column: span 6 / span 6;
  }

  .svc-bento_card.is-span-6.is-dark {
    grid-column: span 12 / span 12;
  }

  .svc-seo_layout {
    grid-row-gap: 3rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .svc-seo_visual {
    width: 100%;
    max-width: 36rem;
  }

  .svc-fit_grid, .svc-fit_grid.is-2 {
    grid-template-columns: minmax(0, 1fr);
  }

  .svc-fit_card {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    display: grid;
  }

  .svc-fit_visual {
    padding-bottom: .75rem;
  }

  .ref-detail_hero {
    grid-row-gap: 3rem;
    grid-template-columns: minmax(0, 1fr);
    padding-top: 2rem;
    padding-bottom: 4rem;
  }

  .ref-detail_layout {
    grid-row-gap: 3rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .ref-detail_aside {
    position: static;
  }

  .seo-cmp_note {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .seo-why_lead {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    padding: 2.5rem;
  }

  .seo-why_grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .navbar_logo-img {
    height: 2.375rem;
  }

  .skp-cta {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    padding: 2.25rem;
  }

  .skp-cta.is-dark {
    grid-column-gap: 2.75rem;
    grid-row-gap: 2.75rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 2.75rem;
  }

  .skp-next_grid {
    grid-column-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .skp-direct_layout {
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ref-detail_head {
    padding-top: 2rem;
  }

  .ref-detail_stage {
    margin-top: 3rem;
    padding-bottom: 5rem;
  }

  .ref-detail_badge {
    bottom: 4.75rem;
    left: 1rem;
  }

  .ref-detail_facts, .ref-detail_split {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ref-detail_main {
    max-width: none;
  }

  .ref-detail_sec-title {
    font-size: 2.125rem;
  }

  .ref-detail_goal, .ref-detail_side {
    max-width: 40rem;
    position: static;
  }

  .ref-detail_gallery {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .is-tall {
    max-width: 24rem;
    margin-top: 0;
  }

  .ref-detail_phone {
    width: 8.5rem;
    bottom: -2rem;
    left: auto;
    right: 1rem;
  }

  .ref-detail_cta {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    padding: 3rem;
  }

  .ref-detail_cta-title {
    font-size: 2.25rem;
  }

  .itbk-nav-inner {
    height: 68px;
  }

  .itbk-nav-links {
    display: none;
  }

  .itbk-burger {
    display: flex;
  }

  .itbk-stage {
    min-height: 700px;
  }

  .itbk-hero-inner {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 40px;
    padding: 72px 14px 14px;
  }

  .itbk-hero-copy {
    padding: 0 18px;
  }

  .itbk-hero-title {
    white-space: normal;
    font-size: 64px;
  }

  .itbk-hero-meta {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .itbk-meta-item {
    border-bottom: 1px solid #ffffff14;
  }

  .itbk-container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .itbk-section-intro {
    padding-top: 120px;
    padding-bottom: 16px;
  }

  .itbk-intro-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-statement {
    font-size: 36px;
  }

  .itbk-section {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .itbk-section-head {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }

  .itbk-h2, .itbk-h2-light {
    font-size: 48px;
  }

  .itbk-about-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-portrait {
    max-width: 480px;
  }

  .itbk-shop {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: 36px;
  }

  .itbk-contact-title {
    font-size: 84px;
  }

  .itbk-mail-link {
    font-size: 34px;
  }

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

  .itbk-flow-stage {
    padding-top: 96px;
    padding-bottom: 96px;
  }

  .itbk-flow-head {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-bottom: 56px;
  }

  .itbk-flow-line {
    width: 1px;
    height: auto;
    inset: 28px auto 28px 27px;
  }

  .itbk-flow-pulse {
    width: 1px;
    height: 72px;
  }

  .itbk-flow-steps {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-flow-step {
    padding-bottom: 56px;
    padding-left: 88px;
    padding-right: 0;
  }

  .itbk-flow-node {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
  }

  .itbk-flow-num {
    padding-top: 6px;
  }

  .itbk-flow-meta {
    padding-top: 20px;
  }

  .itbk-foot-main {
    grid-column-gap: 40px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    padding-top: 40px;
    padding-bottom: 36px;
  }

  .itbk-foot-brand {
    grid-column: 1 / -1;
  }

  .itbk-foot-nav {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-wrap: wrap;
  }

  .itbk-hero-media {
    aspect-ratio: 4 / 3;
    min-height: 0;
  }

  .itbk-svc-layout {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-svc-figure {
    aspect-ratio: 16 / 9;
    height: auto;
    position: relative;
    top: 0;
  }
}

@media screen and (max-width: 767px) {
  .mc-navlinks {
    display: none;
  }

  .mc-hero {
    padding-top: 55px;
    padding-bottom: 55px;
    display: block;
  }

  .mc-h1 {
    letter-spacing: -2px;
    font-size: 48px;
  }

  .mc-h2 {
    letter-spacing: -2px;
    font-size: 40px;
  }

  .mc-cards, .mc-about, .mc-project-grid, .mc-process-item {
    display: block;
  }

  .skp-proof-title {
    letter-spacing: -2px;
    font-size: 40px;
  }

  .skp-proof-grid, .skp-shop-grid {
    display: block;
  }

  .skp-shop-title {
    letter-spacing: -2px;
    font-size: 40px;
  }

  .skp-shop-visual {
    padding: 15px;
  }

  .skp-founder {
    display: block;
  }

  .skp-founder-placeholder {
    height: 290px;
  }

  .skp-faq-title {
    letter-spacing: -2px;
    font-size: 40px;
  }

  .rev-nav {
    padding: 18px 5%;
  }

  .rev-menu {
    display: none;
  }

  .rev-hero {
    padding: 65px 5%;
    display: block;
  }

  .rev-h1 {
    letter-spacing: -2px;
    font-size: 49px;
  }

  .rev-hero-visual {
    min-height: 340px;
    margin-top: 55px;
  }

  .rev-portrait {
    height: 300px;
  }

  .rev-floating {
    padding: 12px;
    font-size: 15px;
  }

  .rev-stats {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .rev-split {
    display: block;
  }

  .rev-h2 {
    letter-spacing: -2px;
    font-size: 44px;
  }

  .rev-service-row {
    grid-template-columns: 30px 1fr 25px;
    gap: 10px;
  }

  .rev-service-name {
    font-size: 20px;
  }

  .rev-service-detail {
    grid-column: 2 / 3;
  }

  .rev-feature {
    display: block;
  }

  .rev-feature-picture {
    height: 300px;
  }

  .rev-project-grid {
    display: block;
  }

  .rev-project-visual {
    min-height: 320px;
  }

  .rev-project-type {
    font-size: 55px;
  }

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

  .rev-about {
    display: block;
  }

  .rev-about-visual {
    height: 300px;
  }

  .rev-contact-h {
    letter-spacing: -2px;
    font-size: 50px;
  }

  .rev-footer {
    flex-wrap: wrap;
  }

  .rev-newmenu {
    display: none;
  }

  .skp26-nav {
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .skp26-navlinks {
    order: 3;
    justify-content: space-between;
    width: 100%;
  }

  .skp26-button {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
  }

  .skp26-hero {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 56px;
    padding-top: 45px;
    padding-bottom: 70px;
  }

  .skp26-hero-copy {
    max-width: 100%;
  }

  .skp26-h1 {
    max-width: 550px;
    font-size: 48px;
  }

  .skp26-lead {
    max-width: 540px;
  }

  .skp26-values {
    margin-top: 32px;
  }

  .skp26-hero-art {
    width: 100%;
    max-width: 540px;
    height: 420px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .skp26-statement {
    padding: 64px 24px;
  }

  .skp26-statement-title {
    margin-bottom: 48px;
    font-size: 40px;
  }

  .skp26-stats {
    column-gap: 24px;
  }

  .skp26-number {
    font-size: 48px;
  }

  .skp26-stat-label {
    font-size: 14px;
  }

  .skp26-position {
    padding: 72px 24px 64px;
  }

  .skp26-split {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 30px;
  }

  .skp26-h2 {
    font-size: 40px;
  }

  .skp26-services {
    padding: 48px 24px 72px;
  }

  .skp26-section-lead {
    font-size: 18px;
  }

  .skp26-service-card {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .skp26-team {
    padding: 72px 24px;
  }

  .skp26-team-intro {
    text-align: left;
  }

  .skp26-team-text {
    margin-bottom: 40px;
    font-size: 20px;
  }

  .skp26-team-img {
    height: 340px;
  }

  .skp26-projects {
    padding: 72px 24px;
  }

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

  .skp26-project-head {
    font-size: 36px;
  }

  .skp26-process {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 24px;
    padding: 72px 24px;
  }

  .skp26-faq {
    padding: 72px 24px;
  }

  .skp26-faq-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 20px;
    margin-top: 40px;
  }

  .skp26-contact {
    padding: 72px 24px;
  }

  .skp26-contact-title {
    font-size: 48px;
  }

  .skp26-contact-copy {
    font-size: 18px;
  }

  .skp26-contact-actions {
    flex-wrap: wrap;
  }

  .skp26-footer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .skp26-footer-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 36px;
  }

  .sy-nav {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 22px 6%;
  }

  .sy-brand {
    font-size: 25px;
  }

  .sy-navlinks {
    display: none;
  }

  .sy-navcta {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    font-size: 11px;
  }

  .sy-hero {
    grid-column-gap: 38px;
    grid-row-gap: 38px;
    padding: 55px 6%;
  }

  .sy-h1 {
    letter-spacing: -3px;
    font-size: 60px;
  }

  .sy-lead {
    font-size: 17px;
  }

  .sy-system {
    height: 440px;
  }

  .sy-sectorbar {
    padding: 25px 6%;
  }

  .sy-sector-items {
    grid-column-gap: 25px;
    grid-row-gap: 12px;
    font-size: 12px;
  }

  .sy-intro {
    padding: 65px 6%;
  }

  .sy-section-top {
    margin-bottom: 35px;
  }

  .sy-section-note {
    display: none;
  }

  .sy-intro-grid {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sy-h2-dark {
    letter-spacing: -2px;
    font-size: 43px;
  }

  .sy-body-dark {
    font-size: 17px;
  }

  .sy-services {
    grid-column-gap: 35px;
    grid-row-gap: 35px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: 65px 6%;
  }

  .sy-service-aside {
    position: static;
  }

  .sy-aside-index {
    display: none;
  }

  .sy-service-card {
    padding: 28px;
  }

  .sy-card-head {
    margin-bottom: 25px;
  }

  .sy-h3 {
    font-size: 30px;
  }

  .sy-experience {
    padding: 65px 6% 45px;
  }

  .sy-expert-grid {
    grid-column-gap: 42px;
    grid-row-gap: 42px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .sy-expert-visual {
    max-width: 100%;
  }

  .sy-expert-figure {
    height: 330px;
  }

  .sy-portrait {
    width: 250px;
    height: 250px;
  }

  .sy-metrics {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 35px;
    padding-top: 35px;
  }

  .sy-metric-value {
    font-size: 42px;
  }

  .sy-metric-copy {
    margin: 0;
    font-size: 12px;
  }

  .sy-case {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: 65px 6%;
  }

  .sy-case-graphic {
    height: 400px;
  }

  .sy-module-a {
    top: 80px;
  }

  .sy-module-b {
    top: 140px;
  }

  .sy-module-c {
    top: 200px;
  }

  .sy-module-d {
    height: 180px;
    top: 108px;
  }

  .sy-method {
    padding: 65px 6%;
  }

  .sy-method-grid {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    margin-top: 38px;
  }

  .sy-step-title {
    margin-top: 20px;
    font-size: 26px;
  }

  .sy-faq {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding: 60px 6%;
  }

  .sy-contact {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
    flex-direction: column;
    align-items: flex-start;
    padding: 65px 6%;
  }

  .sy-contact-title {
    letter-spacing: -3px;
    font-size: 60px;
  }

  .sy-contact-person {
    min-width: 0;
  }

  .sy-contact-avatar {
    width: 70px;
    height: 70px;
  }

  .sy-footer {
    padding: 40px 6% 24px;
  }

  .sy-footer-top {
    flex-wrap: wrap;
    padding-bottom: 30px;
  }

  .sy-footer-brand {
    font-size: 36px;
  }

  .sy-footer-tagline {
    font-size: 13px;
  }

  .sy-footer-bottom {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column;
  }

  .sy-metric {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: .8fr 1.2fr;
    align-items: center;
    display: grid;
  }

  .skph-hero {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .skph-h1 {
    font-size: 38px;
  }

  .skph-hero-image {
    height: 340px;
  }

  .skph-client-grid {
    justify-content: center;
  }

  .skph-client-logo {
    width: 120px;
    height: 52px;
  }

  .skph-section, .skph-section-soft {
    padding-top: 54px;
    padding-bottom: 54px;
  }

  .skph-h2 {
    font-size: 32px;
  }

  .skph-project-grid {
    grid-template-columns: 1fr;
  }

  .skph-project-image {
    height: 260px;
  }

  .skph-services-grid {
    grid-template-columns: 1fr;
  }

  .skph-service-card {
    padding: 26px;
  }

  .skph-stat-grid, .skph-process-grid {
    grid-template-columns: 1fr;
  }

  .skph-contact-title {
    font-size: 34px;
  }

  .rdi-container {
    width: 90%;
  }

  .rdi-hero {
    min-height: 780px;
    padding-top: 160px;
    padding-bottom: 100px;
  }

  .rdi-hero-grid {
    grid-template-columns: 1fr;
    gap: 45px;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .rdi-h1 {
    letter-spacing: -1px;
    font-size: 46px;
    line-height: 1.08;
  }

  .rdi-lead-light {
    max-width: 460px;
    font-size: 17px;
  }

  .rdi-metrics-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .rdi-metric {
    padding-left: 15px;
  }

  .rdi-metric-number {
    letter-spacing: -2px;
    font-size: 64px;
  }

  .rdi-percent {
    font-size: 28px;
  }

  .rdi-metric-text {
    font-size: 11px;
  }

  .rdi-metric-word {
    font-size: 24px;
  }

  .rdi-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .rdi-split {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .rdi-h2 {
    font-size: 36px;
  }

  .rdi-product-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .rdi-section-heading {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }

  .rdi-sidecopy {
    max-width: 100%;
  }

  .rdi-feature-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }

  .rdi-control-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .rdi-h2-light {
    font-size: 36px;
  }

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

  .rdi-team-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .rdi-team-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .rdi-person-photo {
    object-position: 50% 25%;
    height: 240px;
    max-height: 520px;
  }

  .rdi-person-info {
    padding: 15px;
  }

  .rdi-contact {
    padding-top: 88px;
    padding-bottom: 88px;
  }

  .rdi-contact-title {
    font-size: 40px;
  }

  .rdi-contact-actions {
    flex-direction: column;
    gap: 15px;
  }

  .rdi-footer-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .rdi-hero-media {
    opacity: .6;
    width: 100%;
  }

  .rdi-hero-shade {
    background-image: linear-gradient(90deg, #0f2e2ff2, #0f2e2f66), linear-gradient(0deg, #0f2e2f, #0000);
  }

  .rdi-audience-row {
    grid-row-gap: 12px;
    flex-direction: column;
    gap: 20px;
    font-size: 22px;
  }

  .wp-nav {
    padding: 18px 20px;
  }

  .wp-hero {
    height: auto;
    min-height: 620px;
  }

  .wp-herocontent {
    min-height: 620px;
    padding: 65px 20px;
  }

  .wp-headline {
    font-size: 64px;
  }

  .wp-marquee {
    font-size: 18px;
  }

  .wp-section {
    padding: 70px 20px;
  }

  .wp-target {
    padding: 24px 0;
    display: block;
  }

  .wp-targettitle {
    margin-top: 10px;
    font-size: 28px;
  }

  .wp-black {
    padding: 70px 20px;
  }

  .wp-cards {
    grid-template-columns: 1fr;
  }

  .wp-aboutimage {
    height: 430px;
  }

  .wp-faq {
    grid-template-columns: 1fr;
  }

  .wp-contact {
    padding: 80px 20px;
  }

  .wp-contacttitle {
    font-size: 52px;
  }

  .wp-footer {
    font-size: 10px;
  }

  .wokop-program {
    padding: 75px 20px;
  }

  .wokop-layout {
    grid-template-columns: 1fr;
  }

  .wokop-heading {
    font-size: 63px;
  }

  .padding-global {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .button.is-icon.footer_cta {
    justify-content: space-between;
    width: 100%;
    max-width: 26rem;
    min-height: 3.5rem;
    padding-left: 1.5rem;
  }

  .button.is-icon.contact-form_submit {
    width: 100%;
    min-height: 3.5rem;
    padding-right: 3.75rem;
  }

  .heading-style-h1 {
    font-size: 2.25rem;
  }

  .text-size-large {
    font-size: 1.0625rem;
  }

  .logos_list {
    grid-column-gap: 2rem;
    grid-row-gap: 1.5rem;
    justify-content: center;
  }

  .logos_logo {
    max-width: 7rem;
    height: 2.25rem;
  }

  .padding-section-large {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }

  .section_header {
    margin-bottom: 2.5rem;
  }

  .heading-style-h2 {
    font-size: 2rem;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .services_grid {
    grid-template-columns: 1fr;
  }

  .services_card {
    padding: 1.75rem 1.5rem;
  }

  .hero_content {
    padding-top: 3rem;
  }

  .hero_text {
    font-size: 1rem;
  }

  .hero_visual {
    margin-top: 2.5rem;
  }

  .home-hero_glow {
    height: 8rem;
  }

  .home-hero_component {
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .home-hero_tag {
    padding-left: .625rem;
    padding-right: .75rem;
    font-size: .6875rem;
  }

  .home-hero_text {
    font-size: 1.0625rem;
  }

  .home-hero_trust {
    grid-column-gap: 1rem;
  }

  .home-hero_visual {
    grid-row-gap: .75rem;
    flex-direction: column;
    height: auto;
    margin-top: 2.5rem;
    display: flex;
  }

  .home-hero_browser {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .home-hero_browser-screen {
    height: 16rem;
  }

  .home-hero_browser-image {
    object-position: 50% 20%;
  }

  .home-hero_browser-caption {
    display: none;
  }

  .home-hero_tile {
    border-radius: .75rem;
    width: 3.25rem;
    height: 3.25rem;
  }

  .home-hero_tile.is-google {
    top: 11rem;
    left: -.25rem;
  }

  .home-hero_tile.is-webflow {
    top: -1rem;
    right: -.25rem;
  }

  .home-hero_notice {
    display: none;
  }

  .home-hero_feature {
    width: auto;
    padding: 1rem;
    position: relative;
  }

  .home-hero_feature.is-left {
    margin-top: -3rem;
    margin-left: .75rem;
    margin-right: .75rem;
    bottom: auto;
    left: auto;
  }

  .home-hero_feature.is-right {
    margin-left: .75rem;
    margin-right: .75rem;
    bottom: auto;
    right: auto;
  }

  .home-services_header {
    margin-bottom: 2.5rem;
  }

  .home-services_card {
    padding: 1.5rem 1.25rem 1.25rem;
  }

  .home-services_visual {
    height: 13.5rem;
    margin-top: 1.5rem;
  }

  .services-visual_window {
    left: 6%;
    right: 30%;
  }

  .services-visual_phone {
    width: 5.5rem;
    right: 5%;
  }

  .services-visual_search, .services-visual_results {
    left: 6%;
    right: 6%;
  }

  .services-visual_ad {
    top: 1.25rem;
    left: 6%;
    right: 6%;
  }

  .services-visual_chips {
    grid-column-gap: .375rem;
    flex-direction: row;
    inset: auto auto 1rem 6%;
  }

  .services-visual_chip {
    grid-column-gap: .375rem;
    padding-left: .5rem;
    padding-right: .625rem;
    font-size: .6875rem;
  }

  .services-visual_wave {
    display: none;
  }

  .services-visual_product {
    width: 9.5rem;
    left: 6%;
  }

  .services-visual_cart {
    top: 7.5rem;
    right: 4%;
  }

  .home-services_cta {
    padding: 1.5rem 1.25rem;
  }

  .footer_component {
    background-image: radial-gradient(90% 45% at 100% 0, #56769a4d 0%, #14141400 70%);
    padding-top: 3.5rem;
    padding-bottom: 1.75rem;
  }

  .footer_top {
    grid-row-gap: 0;
    border-bottom-style: none;
    flex-direction: column;
    padding-bottom: 0;
    display: flex;
  }

  .footer_brand {
    grid-row-gap: 1.25rem;
    max-width: none;
    padding-bottom: 2.5rem;
  }

  .footer_text {
    color: #ffffffb3;
    max-width: 32rem;
    margin-bottom: .25rem;
    font-size: 1rem;
    line-height: 1.6;
  }

  .footer_col {
    grid-row-gap: 0;
    border-top: 1px solid #ffffff1f;
  }

  .footer_col.is-legal {
    border-bottom: 1px solid #ffffff1f;
    display: flex;
  }

  .footer_heading {
    grid-column-gap: 1rem;
    letter-spacing: .14em;
    cursor: pointer;
    justify-content: space-between;
    align-items: center;
    min-height: 3.75rem;
    margin-bottom: 0;
    font-size: .875rem;
    display: flex;
  }

  .footer_link {
    color: #ffffffbf;
    padding-top: .625rem;
    padding-bottom: .625rem;
    font-size: 1rem;
    line-height: 1.4;
    display: block;
  }

  .footer_bottom {
    grid-row-gap: 1rem;
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 1.75rem;
  }

  .footer_legal {
    grid-column-gap: 1.5rem;
    grid-row-gap: .25rem;
    flex-wrap: wrap;
  }

  .footer_legal-link {
    padding-top: .375rem;
    padding-bottom: .375rem;
  }

  .blog-hero_component {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .section_home-blog {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .home-blog_heading {
    font-size: 2rem;
  }

  .home-section_header {
    margin-bottom: 3rem;
  }

  .home-section_header.skp-next_header {
    margin-bottom: 2rem;
  }

  .home-process_step:last-child {
    padding-bottom: .5rem;
  }

  .testimonial-card {
    padding: 1.75rem 1.5rem 1.5rem;
  }

  .testimonials_list {
    grid-row-gap: 1.25rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .footer_col-panel {
    grid-template-rows: 1fr;
    grid-template-columns: minmax(0, 1fr);
    transition: grid-template-rows .32s;
    display: grid;
  }

  .footer_col-links {
    grid-row-gap: 0;
    min-height: 0;
    overflow: hidden;
  }

  .footer_heading-icon {
    background-color: #ffffff12;
    border-radius: 50%;
    flex-grow: 0;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    display: block;
    position: relative;
  }

  .home-contact_text {
    font-size: 1rem;
  }

  .home-contact_list {
    margin-top: 1.5rem;
  }

  .home-contact_team {
    margin-top: 1.75rem;
    padding-top: 1.5rem;
  }

  .home-contact_card {
    border-radius: 1.25rem;
    padding: 1.5rem 1.25rem;
  }

  .contact-form_grid {
    grid-row-gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .contact-form_field.is-full {
    grid-column: auto;
  }

  .leo-h1 {
    font-size: 40px;
  }

  .leo-hero-lead {
    font-size: 17px;
  }

  .leo-dash-body {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-bars {
    height: 140px;
  }

  .leo-float-a {
    top: 4px;
    left: 12px;
  }

  .leo-float-b {
    display: none;
  }

  .leo-stair-flag-you, .leo-stair-flag-size {
    white-space: normal;
    width: 120px;
    padding: 6px 8px;
    font-size: 11px;
  }

  .leo-footer-inner {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 24px;
  }

  .leo-n-map-bar {
    padding: 18px 16px;
  }

  .leo-n-map-stage {
    padding: 20px 16px 0;
  }

  .leo-n-zones {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .leo-n-steps {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 220px;
  }

  .leo-n-glyph {
    width: 18px;
    height: 18px;
    margin-left: auto;
    margin-right: auto;
  }

  .leo-n-step-name {
    display: none;
  }

  .leo-m-step-num {
    text-align: center;
  }

  .leo-n-trow {
    grid-template-rows: auto;
    grid-template-columns: 40px minmax(0, 1fr) 36px;
    row-gap: 12px;
    padding: 22px 4px;
  }

  .leo-n-ticon {
    width: 38px;
    height: 38px;
  }

  .leo-n-tname-text {
    font-size: 20px;
  }

  .leo-n-tdesc {
    grid-column: 2 / 4;
    grid-row-start: 2;
  }

  .leo-n-footer-inner {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 24px;
  }

  .leo-n-sx {
    margin-bottom: 48px;
  }

  .leo-n-sx-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .leo-n-sx-stats {
    column-gap: 28px;
  }

  .leo-n-sx-num {
    font-size: 32px;
  }

  .svc-hero_heading {
    font-size: 2.375rem;
  }

  .svc-hero_heading.ref-detail_title {
    font-size: 2rem;
    line-height: 1.2;
  }

  .svc-problem_grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .svc-bento_card, .svc-bento_card.is-span-7, .svc-bento_card.is-span-5, .svc-bento_card.is-span-4, .svc-bento_card.is-span-6 {
    grid-column: span 12 / span 12;
  }

  .svc-compare_grid {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 2.5rem;
  }

  .svc-compare_card {
    padding: 1.75rem 1.5rem;
  }

  .svc-fit_link {
    margin-top: 0;
  }

  .svc-seo_cards {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3rem;
  }

  .svc-fit_card {
    align-items: stretch;
    display: flex;
  }

  .svc-fit_visual {
    padding-bottom: 0;
  }

  .ref-detail_shot {
    margin-top: 3rem;
  }

  .seo-cmp_note {
    border-radius: 20px;
    padding: 1.5rem 1.25rem;
  }

  .seo-cmp_note-text {
    max-width: none;
  }

  .seo-why_lead {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    border-radius: 20px;
    margin-top: 2.5rem;
    padding: 1.75rem 1.25rem;
  }

  .seo-why_lead-title {
    margin-bottom: 1.25rem;
    font-size: 1.875rem;
    line-height: 1.2;
  }

  .seo-why_lead-text {
    font-size: 1.0625rem;
    line-height: 1.6;
  }

  .seo-why_promise {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
  }

  .seo-why_promise-item {
    grid-column-gap: .75rem;
    grid-row-gap: .75rem;
    padding: .875rem 1rem;
  }

  .seo-why_grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: minmax(0, 1fr);
  }

  .footer_logo-img {
    height: 2.875rem;
  }

  .skp-cta {
    grid-column-gap: 1.75rem;
    grid-row-gap: 1.75rem;
    border-radius: 20px;
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3rem;
    padding: 1.75rem 1.25rem;
  }

  .skp-cta.is-dark {
    grid-column-gap: 2.25rem;
    grid-row-gap: 2.25rem;
    padding: 2rem 1.25rem;
  }

  .skp-cta_title {
    font-size: 1.625rem;
  }

  .skp-cta_text {
    margin-bottom: 1.5rem;
    font-size: 1rem;
  }

  .skp-cta_actions {
    width: 100%;
  }

  .skp-cta_visual {
    max-width: none;
  }

  .skp-next_grid {
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .skp-next_visual {
    height: 8.5rem;
  }

  .skp-direct_item {
    padding: 1rem;
  }

  .skp-direct_value {
    font-size: 1rem;
  }

  .ref-detail_head {
    padding-top: 1.25rem;
  }

  .ref-detail_eyebrow {
    letter-spacing: .12em;
    margin-top: 1.5rem;
    font-size: .75rem;
  }

  .ref-detail_stage {
    margin-top: 2.5rem;
    padding-bottom: 4rem;
  }

  .ref-detail_browser {
    border-radius: 1rem;
    padding: .5rem;
  }

  .ref-detail_screen {
    aspect-ratio: 693 / 501;
    border-radius: .625rem;
  }

  .ref-detail_badge {
    border-radius: .75rem;
    min-width: 6rem;
    height: 3.75rem;
    padding: .625rem .875rem;
    bottom: 3.5rem;
    left: .75rem;
  }

  .ref-detail_facts-wrap {
    margin-top: -2.5rem;
  }

  .ref-detail_facts {
    border-radius: 1.25rem;
    padding: 1.5rem 1.25rem;
  }

  .ref-detail_facts-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .ref-detail_fact {
    padding-left: .875rem;
  }

  .ref-detail_sec-title {
    margin-bottom: 1.25rem;
    font-size: 1.875rem;
  }

  .ref-detail_rich {
    font-size: 1rem;
    line-height: 1.7;
  }

  .ref-detail_goal {
    border-radius: 1.25rem;
    padding: 1.75rem 1.5rem;
  }

  .ref-detail_goal-title {
    font-size: 1.375rem;
  }

  .ref-detail_goal-rich {
    font-size: 1rem;
  }

  .ref-detail_side-card {
    border-radius: 1.25rem;
    padding: 1.5rem 1.25rem;
  }

  .ref-detail_sec-head {
    margin-bottom: 2.25rem;
  }

  .ref-detail_sec-intro {
    font-size: 1rem;
  }

  .ref-detail_gallery {
    grid-row-gap: 1.25rem;
  }

  .is-tall {
    max-width: none;
  }

  .ref-detail_phone {
    border-radius: 1.5rem;
    width: 7rem;
    padding: .375rem;
    right: .5rem;
  }

  .ref-detail_phone-screen {
    border-radius: 1.125rem;
  }

  .ref-detail_quote {
    border-radius: 1.25rem;
    padding: 1.75rem 1.5rem;
  }

  .ref-detail_quote-text {
    font-size: 1.125rem;
  }

  .ref-detail_service {
    border-radius: 1.25rem;
    padding: 1.5rem;
  }

  .ref-detail_more-head {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 2rem;
  }

  .ref-detail_cta-wrap {
    padding-top: 1rem;
    padding-bottom: 4rem;
  }

  .ref-detail_cta {
    border-radius: 1.5rem;
    padding: 2.25rem 1.5rem;
  }

  .ref-detail_cta-title {
    font-size: 1.875rem;
  }

  .ref-detail_cta-text {
    margin-bottom: 1.75rem;
    font-size: 1rem;
  }

  .ref-detail_cta-team {
    padding: .875rem 1rem;
  }

  .ref-detail_more-list {
    grid-row-gap: 1.25rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .ref-detail_more-card {
    border-radius: 1.25rem;
    padding: .5rem .5rem 1.5rem;
  }

  .ref-detail_more-body {
    padding: 0 .75rem;
  }

  .ref-detail_more-title {
    font-size: 1.25rem;
  }

  .itbk-hero {
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .itbk-stage {
    border-radius: 22px;
    min-height: 0;
  }

  .itbk-hero-inner {
    gap: 32px;
    padding: 52px 10px 10px;
  }

  .itbk-hero-copy {
    padding-left: 12px;
    padding-right: 12px;
  }

  .itbk-hero-title {
    font-size: 52px;
  }

  .itbk-hero-lead {
    font-size: 17px;
  }

  .itbk-container {
    padding-left: 22px;
    padding-right: 22px;
  }

  .itbk-section-intro {
    padding-top: 96px;
    padding-bottom: 8px;
  }

  .itbk-statement {
    font-size: 30px;
  }

  .itbk-facts {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 48px;
  }

  .itbk-fact {
    border-bottom: 1px solid #0e10131a;
    padding-bottom: 20px;
  }

  .itbk-fact-v {
    max-width: 100%;
  }

  .itbk-section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .itbk-h2, .itbk-h2-light {
    font-size: 40px;
  }

  .itbk-section-lead-dark {
    font-size: 16px;
  }

  .itbk-about-text {
    font-size: 17px;
  }

  .itbk-signature {
    font-size: 24px;
  }

  .itbk-shop {
    border-radius: 22px;
    padding: 24px;
  }

  .itbk-shop-rail {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-contact-title {
    font-size: 60px;
  }

  .itbk-mail-link {
    margin-top: 44px;
    font-size: 26px;
  }

  .itbk-mail-arrow {
    width: 52px;
    height: 52px;
    font-size: 20px;
  }

  .itbk-flow {
    padding-left: 8px;
    padding-right: 8px;
  }

  .itbk-flow-stage {
    border-radius: 22px;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .itbk-flow-title {
    font-size: 24px;
  }

  .itbk-foot-main {
    grid-column-gap: 28px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    padding-top: 36px;
    padding-bottom: 32px;
  }

  .itbk-foot-brand {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    flex-direction: column;
    align-items: flex-start;
  }

  .itbk-foot-claim {
    border-left: 0 solid #0e101300;
    padding-left: 0;
  }

  .itbk-foot-nav {
    grid-column-gap: 24px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .itbk-foot-bottom {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .itbk-hero-media {
    aspect-ratio: 5 / 4;
    border-radius: 14px;
  }

  .itbk-hero-cap {
    padding: 12px 14px;
  }

  .itbk-svc-figure {
    aspect-ratio: 4 / 3;
    border-radius: 16px;
  }

  .itbk-svc-cap-note {
    display: none;
  }

  .itbk-svc-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 44px 1fr;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .itbk-svc-row-title {
    font-size: 24px;
  }

  .itbk-svc-row-text {
    font-size: 15px;
  }

  .itbk-product-media {
    aspect-ratio: 16 / 9;
  }
}

@media screen and (max-width: 479px) {
  .skp26-hero {
    padding-left: 20px;
    padding-right: 20px;
  }

  .skp26-h1 {
    letter-spacing: -1px;
    font-size: 42px;
    line-height: 1.05;
  }

  .skp26-lead {
    font-size: 16px;
  }

  .skp26-hero-art {
    column-gap: 22px;
    height: 340px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .skp26-portrait-a, .skp26-portrait-b {
    transform: skewX(-12deg);
  }

  .skp26-portrait-img {
    transform: skewX(12deg);
  }

  .skp26-statement-title {
    font-size: 34px;
  }

  .skp26-stats {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    row-gap: 28px;
  }

  .skp26-stat {
    align-items: center;
    column-gap: 24px;
    display: flex;
  }

  .skp26-number {
    min-width: 100px;
  }

  .skp26-stat-label {
    margin-top: 0;
  }

  .skp26-h2 {
    letter-spacing: -1px;
    font-size: 34px;
  }

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

  .skp26-service-card {
    width: 100%;
    padding-left: 28px;
    padding-right: 28px;
  }

  .skp26-service-art {
    height: 190px;
  }

  .skp26-team-img {
    height: 250px;
  }

  .skp26-project-scene, .skp26-project-scene-light {
    padding-left: 14px;
    padding-right: 14px;
  }

  .skp26-project-layout {
    min-height: 250px;
  }

  .skp26-project-left {
    padding-left: 14px;
  }

  .skp26-project-head {
    font-size: 28px;
  }

  .skp26-step-title {
    font-size: 24px;
  }

  .skp26-contact-title {
    letter-spacing: -1px;
    font-size: 40px;
  }

  .skp26-navlink-1 {
    font-size: 14px;
  }

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

  .skp26-footer-bottom {
    flex-direction: column;
    row-gap: 16px;
  }

  .skp26-logo-1 {
    font-size: 22px;
  }

  .skp26-nav-1 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .skp26-navlink-1-2 {
    font-size: 14px;
  }

  .skp26-logo-1-2 {
    font-size: 22px;
  }

  .skp26-nav-1-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sy-brand {
    font-size: 23px;
  }

  .sy-navcta {
    padding: 10px;
    font-size: 10px;
  }

  .sy-hero {
    padding-top: 45px;
  }

  .sy-eyebrow {
    letter-spacing: 1.3px;
    margin-bottom: 25px;
    font-size: 9px;
  }

  .sy-h1 {
    letter-spacing: -2.5px;
    font-size: 49px;
  }

  .sy-actions {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sy-button {
    padding: 16px 19px;
    font-size: 13px;
  }

  .sy-hero-proof {
    margin-top: 30px;
  }

  .sy-proof-text {
    font-size: 10px;
  }

  .sy-system {
    height: 405px;
  }

  .sy-system-top {
    font-size: 7px;
    top: 21px;
    left: 17px;
    right: 17px;
  }

  .sy-ring-outer {
    width: 280px;
    height: 280px;
  }

  .sy-ring-inner {
    width: 210px;
    height: 210px;
  }

  .sy-core {
    border-radius: 23px;
    width: 118px;
    height: 118px;
  }

  .sy-core-symbol {
    font-size: 45px;
  }

  .sy-core-label {
    font-size: 8px;
  }

  .sy-node-one {
    width: 133px;
    padding: 12px;
    font-size: 9px;
    top: 65px;
    left: 14px;
  }

  .sy-node-two {
    width: 122px;
    padding: 12px;
    font-size: 9px;
    top: 156px;
    right: 10px;
  }

  .sy-node-three {
    width: 137px;
    padding: 12px;
    font-size: 9px;
    bottom: 70px;
    left: 28px;
  }

  .sy-node-icon {
    margin-bottom: 4px;
    font-size: 17px;
  }

  .sy-system-bottom {
    font-size: 8px;
    left: 17px;
    right: 17px;
  }

  .sy-kicker {
    letter-spacing: 1.2px;
    font-size: 9px;
  }

  .sy-h2-dark {
    letter-spacing: -1.7px;
    font-size: 38px;
  }

  .sy-choice {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
    padding: 10px 11px;
    font-size: 11px;
  }

  .sy-answer {
    min-height: 285px;
    padding: 23px;
  }

  .sy-answer-title {
    font-size: 23px;
  }

  .sy-h2 {
    font-size: 40px;
  }

  .sy-body {
    font-size: 15px;
  }

  .sy-service-card {
    padding: 25px 23px;
  }

  .sy-card-head {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .sy-card-category {
    letter-spacing: 1px;
    font-size: 8px;
  }

  .sy-h3 {
    font-size: 28px;
  }

  .sy-tags {
    font-size: 10px;
  }

  .sy-method-grid {
    grid-column-gap: 20px;
    grid-row-gap: 28px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .sy-step-title {
    font-size: 23px;
  }

  .sy-body-dark-small {
    font-size: 13px;
  }

  .sy-contact-title {
    font-size: 52px;
  }

  .rdi-nav-wrap {
    gap: 12px;
  }

  .rdi-wordmark {
    font-size: 25px;
  }

  .rdi-button {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 10px;
    display: none;
  }

  .rdi-hero {
    min-height: 100svh;
    padding-top: 160px;
    padding-bottom: 96px;
  }

  .rdi-hero-grid {
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .rdi-kicker-gold {
    letter-spacing: 1.8px;
    font-size: 8px;
  }

  .rdi-h1 {
    letter-spacing: -.8px;
    overflow-wrap: break-word;
    font-size: 38px;
    line-height: 1.1;
  }

  .rdi-lead-light {
    max-width: 100%;
    font-size: 16px;
  }

  .rdi-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .rdi-scene {
    padding: 17px;
  }

  .rdi-hero-bottom {
    gap: 15px;
    font-size: 9px;
  }

  .rdi-metrics-grid {
    grid-template-columns: 1fr 1fr;
  }

  .rdi-h2 {
    letter-spacing: -1.2px;
    font-size: 32px;
  }

  .rdi-level {
    gap: 10px;
    padding: 16px;
  }

  .rdi-pill {
    display: none;
  }

  .rdi-level-active {
    margin-left: 0;
    padding: 25px;
  }

  .rdi-product-bar {
    padding: 10px;
    font-size: 7px;
  }

  .rdi-feature-grid {
    grid-template-columns: 1fr;
  }

  .rdi-h2-light {
    font-size: 32px;
  }

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

  .rdi-team-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }

  .rdi-person-photo {
    height: 360px;
  }

  .rdi-contact-title {
    letter-spacing: -1px;
    font-size: 34px;
  }

  .rdi-contact-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .rdi-hero-portrait {
    object-position: 60% 0%;
  }

  .rdi-integrations {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .rdi-integration-chip {
    min-height: 88px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
  }

  .rdi-hero-video {
    object-position: 70% 30%;
  }

  .button.is-small.navbar_cta {
    display: none;
  }

  .button-group {
    flex-direction: column;
    width: 100%;
  }

  .heading-style-h1 {
    font-size: 2rem;
  }

  .services_list {
    grid-template-columns: 1fr;
  }

  .hero_actions {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .cta-box {
    padding: 1.75rem 1.5rem;
  }

  .cta-box_heading {
    font-size: 1.5rem;
  }

  .leo-header-inner {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 10px 16px;
  }

  .leo-brand-logo {
    width: 20px;
    height: 32px;
  }

  .leo-brand-name {
    font-size: 17px;
  }

  .leo-brand-sub {
    display: none;
  }

  .leo-btn-nav {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 5px 5px 5px 14px;
    font-size: 13px;
  }

  .leo-btn-icon {
    width: 28px;
    height: 28px;
  }

  .leo-hero {
    padding-top: 40px;
    padding-bottom: 56px;
  }

  .leo-hero-inner {
    grid-column-gap: 44px;
    grid-row-gap: 44px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .leo-h1 {
    letter-spacing: -.04em;
    font-size: 34px;
  }

  .leo-hero-lead {
    margin-bottom: 28px;
    font-size: 16px;
  }

  .leo-hero-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .leo-btn-primary {
    justify-content: space-between;
  }

  .leo-btn-ghost {
    justify-content: center;
  }

  .leo-stats {
    margin-top: 36px;
  }

  .leo-stat-num {
    font-size: 24px;
  }

  .leo-stat-label {
    font-size: 12px;
  }

  .leo-dash-top {
    padding: 12px 14px;
  }

  .leo-dash-body {
    padding: 12px;
  }

  .leo-dash-panel-side {
    display: none;
  }

  .leo-dash-foot {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-dash-foot-item {
    border-bottom: 1px solid #ffffff12;
    border-right-width: 0;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 16px;
  }

  .leo-float-a {
    display: none;
  }

  .leo-section-white {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .leo-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .leo-h2 {
    font-size: 31px;
  }

  .leo-lead {
    font-size: 16px;
  }

  .leo-problem-card {
    padding: 22px;
  }

  .leo-h3 {
    font-size: 20px;
  }

  .leo-quote-band {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
    padding: 26px 22px;
  }

  .leo-quote-mark {
    font-size: 56px;
  }

  .leo-quote-text {
    font-size: 21px;
  }

  .leo-quote-side {
    grid-column-start: 1;
  }

  .leo-section-soft {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .leo-report {
    border-radius: 20px;
    padding: 14px;
  }

  .leo-report-head {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .leo-report-block {
    padding: 14px;
  }

  .leo-report-split {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-benefit-title {
    font-size: 17px;
  }

  .leo-inline-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .leo-section-dark {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .leo-h2-light {
    font-size: 31px;
  }

  .leo-lead-light {
    font-size: 16px;
  }

  .leo-stairs-card {
    border-radius: 20px;
    padding: 18px 14px 16px;
  }

  .leo-stairs {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 240px;
  }

  .leo-stair-check, .leo-stair-num, .leo-stair-num-you {
    font-size: 10px;
  }

  .leo-stair-flag-you {
    width: 96px;
    font-size: 10px;
    left: -6px;
  }

  .leo-stair-flag-size {
    width: 96px;
    font-size: 10px;
    left: -30px;
  }

  .leo-stairs-annot {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .leo-gap-label {
    font-size: 9px;
  }

  .leo-principle {
    padding: 20px;
  }

  .leo-lever-grid {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-lever-card, .leo-lever-card-wide {
    padding: 22px;
  }

  .leo-lever-top {
    margin-bottom: 22px;
  }

  .leo-step-card {
    padding: 22px;
  }

  .leo-portrait-frame {
    border-radius: 20px;
    height: 420px;
  }

  .leo-about-text {
    font-size: 16px;
  }

  .leo-fact-num {
    font-size: 23px;
  }

  .leo-fact-label {
    font-size: 12px;
  }

  .leo-cta-section {
    padding-top: 24px;
    padding-bottom: 72px;
  }

  .leo-cta-panel {
    border-radius: 22px;
    padding: 36px 20px 20px;
  }

  .leo-next-card {
    padding: 18px;
  }

  .leo-btn-mint {
    font-size: 15px;
  }

  .leo-footer-inner {
    padding: 28px 16px;
  }

  .leo-n-header-inner {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .leo-n-logo-slot {
    width: 20px;
    height: 30px;
  }

  .leo-n-wordmark {
    font-size: 16px;
  }

  .leo-m-brand-sub {
    display: none;
  }

  .leo-n-btn-sm {
    height: 36px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 13px;
  }

  .leo-n-hero {
    padding-top: 36px;
  }

  .leo-n-wrap {
    padding-left: 16px;
    padding-right: 16px;
  }

  .leo-m-eyebrow {
    margin-bottom: 20px;
    font-size: 11px;
  }

  .leo-n-h1 {
    letter-spacing: -.04em;
    font-size: 36px;
  }

  .leo-n-hero-side {
    align-items: stretch;
  }

  .leo-n-lead {
    font-size: 16px;
  }

  .leo-n-btn {
    justify-content: space-between;
  }

  .leo-n-map {
    border-radius: 16px;
  }

  .leo-n-legend {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
  }

  .leo-n-legend-text {
    font-size: 12px;
  }

  .leo-m-zone {
    letter-spacing: .08em;
    font-size: 9px;
  }

  .leo-n-steps {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    height: 190px;
  }

  .leo-n-glyph {
    width: 15px;
    height: 15px;
  }

  .leo-n-s1, .leo-n-s2, .leo-n-s3, .leo-n-s4, .leo-n-s5, .leo-n-s6, .leo-n-s7, .leo-n-s8, .leo-n-s9 {
    padding: 8px 2px;
  }

  .leo-n-readout {
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr);
  }

  .leo-n-read-cell {
    border-bottom: 1px solid #ffffff14;
    border-right-width: 0;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
  }

  .leo-n-read-val {
    font-size: 15px;
  }

  .leo-n-read-hint {
    border-top-width: 0;
    grid-column-end: 2;
    padding: 14px 16px;
    font-size: 13px;
  }

  .leo-n-fact {
    padding-left: 14px;
  }

  .leo-n-fact-num {
    font-size: 24px;
  }

  .leo-n-fact-label {
    font-size: 13px;
  }

  .leo-n-sec-white {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .leo-n-h2 {
    font-size: 30px;
  }

  .leo-n-body-lg {
    margin-bottom: 28px;
    font-size: 17px;
  }

  .leo-n-row {
    grid-template-rows: auto;
    grid-template-columns: 40px minmax(0, 1fr);
    padding-top: 22px;
    padding-bottom: 22px;
  }

  .leo-n-h3 {
    font-size: 19px;
  }

  .leo-n-text {
    font-size: 15px;
  }

  .leo-n-sec-soft {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .leo-n-sheet-head {
    padding: 16px 18px;
  }

  .leo-n-part {
    padding: 18px;
  }

  .leo-n-days {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
  }

  .leo-n-day-on, .leo-n-day {
    height: 18px;
  }

  .leo-n-h3-lg {
    font-size: 21px;
  }

  .leo-n-text-lg {
    font-size: 16px;
  }

  .leo-n-sec-dark {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .leo-n-h2-light {
    font-size: 30px;
  }

  .leo-n-stage-row {
    grid-template-rows: auto;
    grid-template-columns: 36px minmax(0, 1fr) 22px;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .leo-n-stage-name {
    font-size: 19px;
  }

  .leo-n-dark-cta {
    flex-direction: column;
    align-items: stretch;
  }

  .leo-n-dark-cta-text {
    font-size: 17px;
  }

  .leo-n-btn-light {
    justify-content: space-between;
  }

  .leo-n-quote {
    font-size: 28px;
  }

  .leo-n-about-text {
    font-size: 16px;
  }

  .leo-n-cta {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .leo-n-cta-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .leo-n-cta-title {
    font-size: 30px;
  }

  .leo-n-cta-text {
    font-size: 16px;
  }

  .leo-n-footer-inner {
    padding: 28px 16px;
  }

  .leo-n-cta-lottie {
    width: 72px;
    height: 72px;
  }

  .svc-hero_layout {
    grid-row-gap: 2.5rem;
    padding-top: 1.25rem;
    padding-bottom: 3.5rem;
  }

  .svc-hero_heading {
    font-size: 2rem;
    line-height: 1.18;
  }

  .svc-hero_heading.ref-detail_title {
    font-size: 1.75rem;
  }

  .svc-problem_body {
    padding: 1.5rem 1.5rem 1.75rem;
  }

  .svc-compare_title {
    font-size: 1.25rem;
  }

  .svc-seo_card {
    padding: 1.75rem 1.5rem;
  }

  .svc-fit_body {
    padding: 1.5rem 1.5rem 1.75rem;
  }

  .ref-detail_hero {
    padding-top: 1.25rem;
    padding-bottom: 3rem;
  }

  .ref-detail_h2 {
    font-size: 1.5rem;
  }

  .ref-detail_card {
    padding: 1.5rem;
  }

  .ref-detail_badge {
    min-width: 5rem;
    height: 3.25rem;
  }

  .ref-detail_facts-grid {
    grid-column-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .itbk-nav-inner {
    padding-left: 16px;
    padding-right: 16px;
  }

  .itbk-logo {
    height: 32px;
  }

  .itbk-btn-dark {
    display: none;
  }

  .itbk-hero-inner {
    gap: 28px;
    padding: 40px 8px 8px;
  }

  .itbk-hero-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .itbk-eyebrow-dark {
    letter-spacing: .1em;
    font-size: 11px;
  }

  .itbk-hero-title {
    font-size: 40px;
    line-height: 1.02;
  }

  .itbk-btn-primary {
    justify-content: space-between;
    width: 100%;
  }

  .itbk-btn-ghost {
    justify-content: center;
    width: 100%;
  }

  .itbk-hero-meta {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-meta-item {
    border-right: 0 solid #fff0;
    padding: 16px 18px 16px 20px;
  }

  .itbk-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .itbk-statement {
    font-size: 26px;
    line-height: 1.2;
  }

  .itbk-h2 {
    font-size: 34px;
    line-height: 1.06;
  }

  .itbk-section-lead {
    font-size: 16px;
  }

  .itbk-h2-light {
    font-size: 34px;
    line-height: 1.06;
  }

  .itbk-portrait {
    aspect-ratio: 1;
  }

  .itbk-about-row {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-shop {
    padding: 18px;
  }

  .itbk-btn-dark-lg {
    justify-content: space-between;
    width: 100%;
  }

  .itbk-contact-title {
    font-size: 44px;
    line-height: 1;
  }

  .itbk-mail-link {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 22px;
  }

  .itbk-contact-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-flow-line {
    top: 24px;
    left: 23px;
  }

  .itbk-flow-step {
    padding-bottom: 44px;
    padding-left: 72px;
  }

  .itbk-flow-node {
    width: 48px;
    height: 48px;
  }

  .itbk-flow-title {
    font-size: 22px;
  }

  .itbk-flow-text {
    font-size: 15px;
  }

  .itbk-h3-1 {
    font-size: 22px;
  }

  .itbk-foot-logo {
    height: 32px;
  }

  .itbk-hero-media {
    aspect-ratio: 1;
  }

  .itbk-hero-cap-note {
    display: none;
  }

  .itbk-svc-row {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .itbk-svc-row-num {
    padding-top: 0;
  }

  .itbk-svc-row-title {
    font-size: 22px;
  }
}