/* kit/chrome/chrome.css — the homepage's nav + footer styles, generated by kit/tools/extract-chrome.mjs.
   Every rule is copied verbatim from the built homepage (super-site/public, = gnar-super.vercel.app/hero-c)
   and kept only because it matched a chrome element (or html/body/:root) in one of the driven states.
   Source sheet named above each block. Do not edit by hand; re-run the extractor. */

/* ===== from /css/tokens.css ===== */
@font-face { font-family: Geist; src: url("/kit/fonts/geist-sans-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: Geist; src: url("/kit/fonts/geist-sans-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: Geist; src: url("/kit/fonts/geist-sans-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("/kit/fonts/geist-mono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Geist Pixel Line"; src: url("/kit/fonts/geist-pixel-line.woff2") format("woff2"); font-weight: 400; font-display: block; }
:root { --bg: #0f0d0d; --fg: #fff; --surface: #0f0f0f; --surface-raised: #1b1b1b; --surface-elevated: #232223; --muted: #121212; --muted-fg: #a8a8a8; --border: rgba(255,255,255,.08); --input: rgba(255,255,255,.05); --footer-surface: #000; --primary: #fff; --primary-fg: #000; --cell: #1b1c20; --accent: #fa5539; --accent-ink: #181b22; --pulse-accent: rgba(250,85,57,.5); --ring: var(--accent); --selection-bg: rgba(250,85,57,.28); --teal: #0d9b8a; --teal-bright: #00c8a0; --amber: #d4920a; --amber-bright: #e8a317; --amber-deep: #ab6400; --red: #dd4425; --guide: #bababa; --violet: #6640ff; --font-sans: "Geist",ui-sans-serif,system-ui,sans-serif; --font-geist: var(--font-sans); --font-mono: "Geist Mono",ui-monospace,monospace; --font-pixel: "Geist Pixel Line",ui-monospace,monospace; --font-display: var(--font-pixel); --text-hero: clamp(3.5rem,5.5vw,5rem); --text-headline: clamp(2.75rem,3.8vw,3rem); --text-eyebrow: .6875rem; --tracking-display: -.03em; --tracking-headline: -.02em; --tracking-eyebrow: .00625rem; --container-nav: 2000px; --container-hero: 1400px; --container-page: 1240px; --container-section: 1600px; --container-canvas: 1352px; --pad-x: 32px; --design-w: 1728px; --grid: #17181a; --radius-chip: 6px; --radius-image: 6px; --radius-menu: 10px; --radius-full: 9999px; --announcement-h: 32px; --header-h: 54px; --header-top-gap: 1.25rem; --announcement-banner-shift: 32px; --announcement-banner-height: 32px; --chrome-offset: calc(var(--header-top-gap) + var(--announcement-banner-shift) + var(--header-h)); --ease: cubic-bezier(.16,1,.3,1); --ease-std: cubic-bezier(.4,0,.2,1); --ease-wipe: cubic-bezier(.22,1,.32,1); --ease-letter: cubic-bezier(.22,1,.36,1); --ease-overshoot: cubic-bezier(.22,1.4,.36,1); --ease-inout: cubic-bezier(.65,0,.35,1); --z-announce: 55; --z-header: 50; --z-menu: 40; --z-scrim: 30; --z-pill: 15; --z-modal: 200; --grain-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E"); }
html[data-home-layout="compact"] { --pad-x: 24px; }
@media (max-width: 480px) {
html[data-home-layout="compact"] { --pad-x: 20px; }
}

/* ===== from /css/base.css ===== */
*, ::before, ::after { box-sizing: border-box; }
html { text-size-adjust: 100%; scroll-behavior: auto; }
body { margin: 0px; background: var(--bg); color: var(--fg); font-family: var(--font-sans); font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
::selection { background: var(--selection-bg); }
img, svg, video, canvas { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0px; padding: 0px; cursor: pointer; }
h1, h2, h3, h4, p { margin: 0px; }
ul { list-style: none; margin: 0px; padding: 0px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
@keyframes pulse-dot-colored { 
  0% { box-shadow: 0 0 0 0 var(--pulse-color,#0009); }
  70% { box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 6px; }
  100% { box-shadow: rgba(0, 0, 0, 0) 0px 0px; }
}

/* ===== from /css/header.css (media all) ===== */
@media all {
.hd-root, :root { --nav-desktop: 1100px; --scrim: oklch(0 0 0 / .72); --scrim-hover: oklch(0 0 0 / .78); }
}

/* ===== from /css/footer.css (media all) ===== */
@media all {
.ft { position: relative; isolation: isolate; overflow: hidden; background: var(--footer-surface); color: var(--fg); z-index: 10; }
.ft-rule { display:none; height: 1px; width: 100%; background: rgba(255, 255, 255, 0.1); mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent); }
.ft-rule-top { position: absolute; inset-inline: 0px; top: 0px; }
.ft-inner { display: flex; flex-direction: column; margin: 0px 8px; max-width: var(--container-nav); padding: 64px 8px 44px; }
@media (min-width: 810px) {
.ft-inner { margin-inline: auto; padding: 80px 44px 44px; }
}
@media (min-width: 1680px) {
.ft-inner { padding-left: 20px; padding-right: 20px; }
}
.ft-grid { display: grid; grid-template-columns: 1fr; row-gap: 48px; }
@media (min-width: 1100px) {
.ft-grid { grid-template-columns: repeat(12, minmax(0px, 1fr)); column-gap: 32px; }
}
.ft-brand { display: flex; flex-direction: column; gap: 32px; }
@media (min-width: 1100px) {
.ft-brand { grid-column: span 3; }
}
.ft-logo { display: inline-flex; align-items: center; gap: 8px; width: fit-content; color: var(--fg); transition: color 0.3s cubic-bezier(0, 0, 0.2, 1); }
.ft-badges { display: flex; flex-direction: column; gap: 14px; }
.ft-badge-eye { display: inline-flex; align-items: center; gap: 10px; }
.ft-badge-dot-wrap { position: relative; display: inline-flex; width: 8px; height: 8px; align-items: center; justify-content: center; }
.ft-badge-dot { width: 8px; height: 8px; border-radius: 2px; background: var(--accent); box-shadow: 0 0 4px 0 var(--pulse-accent); --pulse-color: var(--pulse-accent); animation: 2s ease-out 0s infinite normal none running pulse-dot-colored; }
.ft-badge-eye-label { font-family: var(--font-mono); font-size: 11px; line-height: 1; letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: rgba(255, 255, 255, 0.5); }
.ft-badge-row { display: flex; align-items: center; gap: 10px; }
.ft-badge { position: relative; display: block; }
.ft-badge-disc { position: relative; display: block; width: 40px; height: 40px; border-radius: var(--radius-full); background: rgba(255, 255, 255, 0.07); color: rgba(255, 255, 255, 0.85); }
.ft-badge-disc svg { position: absolute; inset: 0px; width: 100%; height: 100%; }
.ft-tip { pointer-events: none; position: absolute; bottom: 100%; left: 0px; z-index: 10; margin-bottom: 12px; display: flex; flex-direction: column; gap: 10px; width: 205px; border-radius: var(--radius-menu); background: var(--surface-raised); padding: 10px; opacity: 0; transform: translateY(4px) scale(0.98); transform-origin: left bottom; box-shadow: rgba(0, 0, 0, 0.18) 0px 10px 28px; transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1); }
.ft-badge:hover .ft-tip, .ft-badge:focus-visible .ft-tip, .ft-badge-more:hover .ft-tip, .ft-badge-more:focus-visible .ft-tip { opacity: 1; transform: translateY(0px) scale(1); }
.ft-tip-t { font-size: 12px; font-weight: 500; line-height: 12px; color: var(--fg); }
.ft-tip-rule { display:none; height: 1px; width: 100%; background: rgba(255, 255, 255, 0.1); mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent); }
.ft-tip-d { font-size: 12px; line-height: 16.5px; color: rgba(255, 255, 255, 0.55); }
.ft-social { display: flex; align-items: center; gap: 20px; color: var(--fg); }
.ft-social-link { display: inline-flex; align-items: center; }
.ft-social-sep { display:none; height: 18px; width: 1px; background: rgba(255, 255, 255, 0.15); }
.ft-nav { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 40px 32px; }
@media (min-width: 1100px) {
.ft-nav { grid-column: span 9; grid-template-columns: repeat(5, minmax(0px, 1fr)); row-gap: 0px; }
}
.ft-col { display: flex; flex-direction: column; }
@media (min-width: 1100px) {
.ft-col-wide { grid-column: span 2; }
}
.ft-col-head { font-family: var(--font-mono); font-size: 12px; font-weight: 500; line-height: 16px; letter-spacing: var(--tracking-eyebrow); text-transform: uppercase; color: rgba(255, 255, 255, 0.55); }
.ft-col-body { margin-top: 12px; }
.ft-col-body ul { display: flex; flex-direction: column; }
.ft-col-body li { display: flex; }
.ft-col-split { display: grid; grid-template-columns: 1fr; }
@media (min-width: 1100px) {
.ft-col-split { grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 32px; }
}
.ft-link { display: flex; width: 100%; align-items: center; padding: 8px 0px; font-family: var(--font-sans); font-size: 14px; line-height: 14px; color: var(--fg); }
.ft-bottom { margin-top: 64px; }
@media (min-width: 810px) {
.ft-bottom { margin-top: 80px; }
}
.ft-legal-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding-top: 24px; }
.ft-legal { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; }
.ft-legal a { padding: 4px 0px; font-size: 12px; line-height: 16px; color: var(--fg); }
.ft-copyright { margin-left: auto; flex-shrink: 0; font-size: 12px; line-height: 16px; color: rgba(255, 255, 255, 0.5); }
.ft-menu :is(a, button) { opacity: 1; transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); }
.ft-menu:has(:is(a, button):hover) :is(a, button) { opacity: 0.4; }
.ft-menu :is(a, button):is(:hover, :focus-visible) { opacity: 1; }
.ft-menu:has(:is(a, button):hover) :is(a, button):is(:hover, :focus-visible) { opacity: 1; }
.fr { pointer-events: none; position: fixed; inset-inline: 0px; bottom: 0px; z-index: 5; height: 0px; overflow: hidden; background: rgb(5, 5, 6); }
.fr-canvas { position: absolute; inset-inline: 0px; bottom: 0px; display: block; height: 100vh; width: 100%; font-family: var(--font-sans); color: rgb(238, 236, 230); }
.fr-vignette { position: absolute; inset: 0px; background: radial-gradient(120% 130% at 50% 100%, transparent 46%, rgba(0, 0, 0, 0.5) 100%); }
@media (prefers-reduced-motion: reduce) {
.ft-badge-dot { animation: auto ease 0s 1 normal none running none; }
.ft-tip { transition: none; }
.ft-menu :is(a, button) { transition: none; }
}
}

/* ===== from /css/overlays.css (media all) ===== */
@media all {
.nav-scrim { position: fixed; inset: 0px; z-index: var(--z-scrim); background: rgba(0, 0, 0, 0.15); backdrop-filter: blur(1px); opacity: 0; transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1); pointer-events: none; }
.nav-scrim[hidden] { display: block; }
}

/* ===== from /d/b/css/b.css ===== */
.sx-b { text-size-adjust: 100%; font-family: sans-serif; }
.sx-b { margin: 0px; }
.sx-b article, .sx-b aside, .sx-b details, .sx-b figcaption, .sx-b figure, .sx-b footer, .sx-b header, .sx-b hgroup, .sx-b main, .sx-b menu, .sx-b nav, .sx-b section, .sx-b summary { display: block; }
.sx-b a { background-color: rgba(0, 0, 0, 0); }
.sx-b a:active, .sx-b a:hover { outline: 0px; }
.sx-b img { border: 0px; }
.sx-b svg:not(:root) { overflow: hidden; }
.sx-b *, .sx-b { box-sizing: border-box; }
.sx-b { height: 100%; }
.sx-b { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); min-height: 100%; margin: 0px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; }
.sx-b img { vertical-align: middle; max-width: 100%; display: inline-block; }
.sx-b .w-inline-block { max-width: 100%; display: inline-block; }
.sx-b p { margin-top: 0px; margin-bottom: 10px; }
.sx-b ul, .sx-b ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; }
.sx-b .w-list-unstyled { padding-left: 0px; list-style: none; }
.sx-b .w-container { max-width: 940px; margin-left: auto; margin-right: auto; }
.sx-b .w-container::before, .sx-b .w-container::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.sx-b .w-container::after { clear: both; }
@media screen and (max-width: 991px) {
.sx-b .w-container { max-width: 728px; }
}
@media screen and (max-width: 479px) {
.sx-b .w-container { max-width: none; }
}
.sx-b .w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; }
.sx-b .w-dropdown-btn, .sx-b .w-dropdown-toggle, .sx-b .w-dropdown-link { vertical-align: top; color: rgb(34, 34, 34); text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; }
.sx-b .w-dropdown-toggle { user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; }
.sx-b .w-dropdown-toggle:focus { outline: 0px; }
.sx-b .w-dropdown-list { background: rgb(221, 221, 221); min-width: 100%; display: none; position: absolute; }
.sx-b .w-dropdown-list.w--open { display: block; }
@font-face { font-family: "Instrument Serif"; src: url("/kit/chrome/assets/opt/instrument-serif-italic-sub.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("/kit/chrome/assets/d/b/fonts/69c5abd7f851ed1fa1d79a6c_InstrumentSerif-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
.sx-b { --_typography---font-family--body-sans: "Inter Variable",Arial,sans-serif; --_color-token---text--dark: var(--_colors---base--true-black); --_typography---font-size--body-16: 1em; --_typography---font-weight--body: var(--_typography---all-weight--regular); --_typography---letter-spacing--body: -.024em; --_typography---font-family--heading-sans: "Inter Variable",Arial,sans-serif; --_typography---line-height--d0: 100%; --_typography---font-weight--d0: var(--_typography---all-weight--regular); --_typography---line-height--d2: 100%; --_typography---font-weight--d2: var(--_typography---all-weight--regular); --_typography---line-height--d3: 100%; --_typography---font-weight--d3: var(--_typography---all-weight--regular); --_typography---line-height--d4: 100%; --_typography---font-weight--d4: var(--_typography---all-weight--regular); --_typography---line-height--d5: 120%; --_typography---font-weight--d5: var(--_typography---all-weight--medium); --_typography---line-height--d6: 100%; --_typography---font-weight--d6: var(--_typography---all-weight--regular); --section--padding-v: 7.5em; --section--padding-h: 3em; --_radius---12: .75em; --_color-token---background--navy: var(--_colors---base--deep-navy); --_color-token---text--white: var(--_colors---base--clean-white); --_color-token---background--dark: var(--_colors---base--true-black); --_color-token---background--white: var(--_colors---base--clean-white); --_color-token---background--light: var(--_colors---base--cloud-white); --_color-token---text--light: var(--_colors---base--cloud-white); --_radius---32: 2em; --section--padded: 1.25em; --_radius---20: 1.25em; --_radius---24: 1.5em; --_radius---22: 1.375em; --container--max-width-1580: 98.75em; --content--gap: 5em; --grid--gap: 1.25em; --_spacing---80: 5em; --container--max-width-1360: 85em; --_spacing---32: 2em; --_typography---font-size--d0: 4.5em; --_typography---letter-spacing--d0: -.04em; --_typography---font-family--heading-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-size--d5: 1.75em; --_typography---letter-spacing--d5: -.03em; --_typography---font-size--d1: 4.5em; --_typography---line-height--d1: 100%; --_typography---font-weight--d1: var(--_typography---all-weight--regular); --_typography---letter-spacing--d1: -.04em; --_typography---font-size--d6: 1.25em; --_typography---letter-spacing--d6: -.02em; --_typography---font-size--d2: 5em; --_typography---letter-spacing--d2: -.04em; --_color-token---text--vermillion: var(--_colors---base--vermillion); --_typography---font-size--caption: .875rem; --_typography---line-height--caption: 110%; --_typography---font-weight--caption: 400; --_colors---utility--u-muted-72: color-mix(in srgb,currentColor 72%,transparent); --_colors---utility--u-muted-12: color-mix(in srgb,currentColor 12%,transparent); --_typography---font-size--d4: 2.5em; --_typography---letter-spacing--d4: -.02em; --_colors---utility--u-muted-40: color-mix(in srgb,currentColor 40%,transparent); --_colors---utility--u-muted-64: color-mix(in srgb,currentColor 64%,transparent); --_colors---utility--u-muted-80: color-mix(in srgb,currentColor 80%,transparent); --_colors---utility--u-muted-50: color-mix(in srgb,currentColor 50%,transparent); --_color-token---background--vermillion: var(--_colors---base--vermillion); --_typography---all-weight--medium: 500; --_typography---font-size--d3: 4em; --_typography---letter-spacing--d3: -.03em; --_radius---18: 1.125em; --_colors---base--steel-blue: #2a4a6a; --_spacing---24: 1.5em; --_color-token---text--sky-blue: var(--_colors---base--sky-blue); --_spacing---12: .75em; --_spacing---8: .5em; --_spacing---16: 1em; --_radius---rounded: 24em; --_colors---utility--u-muted-10: color-mix(in srgb,currentColor 10%,transparent); --_colors---utility--transparent: transparent; --_colors---utility--u-muted-8: color-mix(in srgb,currentColor 8%,transparent); --_typography---font-size--button: .875em; --_typography---line-height--button: 100%; --_typography---font-weight--button: 500; --_typography---letter-spacing--button: -.02em; --_colors---utility--u-muted-100: color-mix(in srgb,currentColor 100%,transparent); --_spacing---20: 1.25em; --_radius---8: .5em; --_colors---utility--u-muted-4: color-mix(in srgb,currentColor 4%,transparent); --_colors---alpha--overlay-40: #0d172a66; --_colors---utility--u-muted-16: color-mix(in srgb,currentColor 16%,transparent); --_typography---font-size--body-15: .9375em; --_radius---none: 0em; --_typography---font-size--body-18: 1.125em; --_radius---10: .625em; --_colors---alpha--overlay-24: #0d172a3d; --_spacing---40: 2.5em; --_radius---16: 1em; --_spacing---4: .25em; --_radius---4: .25em; --_colors---extended--vermillion-400: #cb351a; --_radius---6: .375em; --_colors---utility--u-muted-24: color-mix(in srgb,currentColor 24%,transparent); --_color-token---border--dark: #000; --_typography---font-size--body-12: .75em; --_colors---utility--u-muted-2: color-mix(in srgb,currentColor 2%,transparent); --_colors---utility--u-muted-20: color-mix(in srgb,currentColor 20%,transparent); --_typography-style---font-family: var(--_typography---font-family--body-sans); --_typography-style---font-size: var(--_typography---font-size--body-16); --_typography-style---line-height: var(--_typography---line-height--body); --_typography-style---font-weight: var(--_typography---font-weight--body); --_typography-style---letter-spacing: var(--_typography---letter-spacing--body); --_typography---all-weight--semi-bold: 600; --_colors---alpha--border-faint: #ffffff14; --container--max-width-1280: 80em; --_colors---utility--u-muted-6: color-mix(in srgb,currentColor 6%,transparent); --_spacing---48: 3em; --_colors---base--sky-blue: #94d5ff; --_radius---2: .125em; --_radius---14: .875em; --_effects---motion--fast: 160; --_typography---line-height--body-s: 156%; --_color-token---text--quiet: #fff6; --_effects---motion--slow: 400; --_effects---z--dropdown: 100; --_effects---z--raised: 10; --_color-token---border--faint: #ffffff14; --_effects---z--sticky: 200; --_typography---letter-spacing--caption: 0em; --_color-token---text--muted: #fff9; --_effects---motion--ease-out: "cubic-bezier(0.16, 1, 0.3, 1)"; --_color-token---border--soft: #ffffff29; --navbar--top-padding: 1.25em; --_effects---motion--base: 240; --_effects---z--toast: 400; --_typography---font-weight--body-s: 400; --_effects---z--modal: 300; --_typography---letter-spacing--body-s: -.01em; --_colors---alpha--border-soft: #ffffff29; --_typography---font-size--body-s: .875em; --_effects---z--base: 0; --_spacing---96: 6em; --_color-token---border--solid: #fff; --_spacing---128: 8em; --navbar--main-padding: 1.5em; --_colors---alpha--fg-muted: #fff9; --_effects---motion--ease-in-out: "cubic-bezier(0.65, 0, 0.35, 1)"; --_effects---border--default: 1px; --_colors---alpha--fg-quiet: #fff6; --_typography---font-family--body-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-family--label: "Inter Variable",Arial,sans-serif; --_typography---font-family--ui: "Inter Variable",Arial,sans-serif; --_colors---base--true-black: black; --_colors---base--deep-navy: #0d172a; --container--max-width-1440: 90em; --container--full: 100%; --_colors---base--royal-blue: #113271; --_colors---base--slate-grey: #6b7280; --_colors---base--cloud-white: #f5f7fa; --_colors---base--clean-white: white; --_colors---base--vermillion: #cb351a; --_colors---extended--navy-100: #e8eaf0; --_colors---extended--navy-200: #c5cad6; --_colors---extended--navy-300: #7a8499; --_colors---extended--navy-400: #3d4a63; --_colors---extended--navy-500: #1e2d47; --_colors---extended--navy-600: #0d172a; --_colors---extended--navy-700: #070e1a; --_radius---28: 1.75em; --_colors---extended--blue-100: #d4edff; --_colors---extended--blue-200: #94d5ff; --_radius---36: 2.25em; --_colors---extended--blue-300: #5aafeb; --_radius---40: 2.5em; --_colors---extended--blue-400: #2b73b8; --_radius---circle: 50%; --_colors---extended--blue-500: #113271; --_colors---extended--blue-600: #0c2254; --_colors---extended--blue-700: #071538; --_colors---extended--vermillion-100: #fde8e4; --_colors---extended--vermillion-200: #f5a99c; --_colors---extended--vermillion-300: #e56b55; --_colors---extended--vermillion-500: #a02b15; --_colors---extended--vermillion-600: #7a2010; --_colors---extended--vermillion-700: #4d140a; --_colors---extended--grey-100: #f3f4f6; --_colors---extended--grey-200: #d1d5db; --_colors---extended--grey-300: #9ca3af; --_colors---extended--grey-400: #6b7280; --_colors---extended--grey-500: #4b5563; --_colors---extended--grey-600: #374151; --_colors---extended--grey-700: #1f2937; --_typography---font-weight--ui: var(--_typography---all-weight--medium); --_typography---line-height--body: 156%; --_typography---all-weight--ultra-thin: 50; --_typography---all-weight--thin: 100; --_typography---all-weight--extra-light: 200; --_typography---all-weight--light: 300; --_typography---all-weight--regular: 400; --_typography---all-weight--bold: 700; --_typography---all-weight--extra-bold: 800; --_typography---all-weight--black: 900; --_spacing---64: 4em; --_colors---utility--u-muted-60: color-mix(in srgb,currentColor 60%,transparent); }
.sx-b .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; }
@media screen and (max-width: 991px) {
.sx-b .w-layout-blockcontainer { max-width: 728px; }
}
@media screen and (max-width: 767px) {
.sx-b .w-layout-blockcontainer { max-width: none; }
}
.sx-b { font-family: var(--_typography---font-family--body-sans); color: var(--_color-token---text--dark); font-size: var(--_typography---font-size--body-16); line-height: 1.56; font-weight: var(--_typography---font-weight--body); letter-spacing: var(--_typography---letter-spacing--body); }
.sx-b p { margin-bottom: 0px; }
.sx-b a { text-decoration: none; }
.sx-b ul { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; }
.sx-b img { object-fit: cover; width: 100%; max-width: 100%; height: 100%; display: inline-block; }
.sx-b em { font-style: italic; }
.sx-b .g-nav-w { z-index: 99999; width: 100%; position: fixed; inset: 0% 0% auto; }
.sx-b .section { z-index: 2; width: 100%; padding: var(--section--padding-v)var(--section--padding-h); flex-flow: column; display: flex; position: relative; overflow: clip; }
.sx-b .section.s-g-nav { z-index: 4; background-color: var(--_color-token---background--dark); height: 5em; color: var(--_color-token---text--white); padding-top: 0px; padding-bottom: 0px; transition: color 0.735s cubic-bezier(0.64, 0.05, 0, 1), background-color 0.735s cubic-bezier(0.64, 0.05, 0, 1); overflow: visible; }
.sx-b .section.s-g-nav:where(.w-variant-4efc7099-3895-7a00-1bb1-d2dbc2d29ccc), .sx-b .section.s-g-nav:hover { background-color: var(--_color-token---background--white); color: var(--_color-token---text--dark); }
.sx-b .s-wrapper { z-index: 4; width: 100%; height: 100%; max-width: var(--container--max-width-1580); column-gap: var(--content--gap); row-gap: var(--content--gap); flex-flow: column; flex: 1 1 0%; justify-content: flex-start; align-items: flex-start; min-height: 0.5em; margin-left: auto; margin-right: auto; display: flex; position: relative; }
.sx-b .s-wrapper.sw-g-nav { flex-flow: row; justify-content: space-between; align-items: center; }
.sx-b .u-font-accent { letter-spacing: -0.01em; font-style: italic; font-family: var(--_typography---font-family--heading-serif) !important; }
.sx-b .s-bg-w { z-index: 1; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0% 0% auto; }
.sx-b .d5 { z-index: 2; font-family: var(--_typography---font-family--heading-sans); font-size: var(--_typography---font-size--d5); line-height: var(--_typography---line-height--d5); font-weight: var(--_typography---font-weight--d5); letter-spacing: var(--_typography---letter-spacing--d5); position: relative; }
.sx-b .text-b { font-size: 1em; }
.sx-b .u-grid-custom { column-gap: var(--grid--gap); row-gap: var(--grid--gap); grid-template-rows: repeat(1, minmax(0px, 1fr)); grid-template-columns: repeat(1, minmax(0px, 1fr)); grid-auto-columns: 1fr; width: 100%; display: grid; }
.sx-b .u-primary { color: var(--_color-token---text--vermillion); }
.sx-b .label-overline { z-index: 1; font-size: var(--_typography---font-size--caption); line-height: var(--_typography---line-height--caption); font-weight: var(--_typography---font-weight--caption); letter-spacing: 0.04em; text-transform: uppercase; position: relative; }
.sx-b .d4 { font-family: var(--_typography---font-family--heading-sans); font-size: var(--_typography---font-size--d4); line-height: var(--_typography---line-height--d4); font-weight: var(--_typography---font-weight--d4); letter-spacing: var(--_typography---letter-spacing--d4); }
.sx-b .u-med { font-weight: var(--_typography---all-weight--medium) !important; }
.sx-b .u-accent-blue { color: var(--_color-token---text--sky-blue); }
.sx-b .button-link { border-radius: var(--_radius---rounded); white-space: nowrap; justify-content: center; align-items: center; display: flex; }
.sx-b .button-w { column-gap: var(--_spacing---8); row-gap: var(--_spacing---8); border-radius: var(--_radius---rounded); background-color: var(--_color-token---background--vermillion); height: 2.5em; color: var(--_color-token---text--white); justify-content: center; align-items: center; padding-left: 1.5em; padding-right: 1.5em; transition: border-color 0.735s cubic-bezier(0.64, 0.05, 0, 1), background-color 0.735s cubic-bezier(0.64, 0.05, 0, 1); display: flex; position: relative; overflow: hidden; }
.sx-b .button-w:where(.w-variant-e0e701ff-2143-ed57-f7dd-14082267dcc3) { border-style: solid; border-width: 1px; border-top-color: var(--_colors---utility--u-muted-10); border-right-color: var(--_colors---utility--u-muted-10); border-bottom-color: var(--_colors---utility--u-muted-10); border-left-color: var(--_colors---utility--u-muted-10); background-color: var(--_colors---utility--transparent); color: currentcolor; }
.sx-b .button-w:hover { background-color: rgb(163, 42, 20); }
.sx-b .button-w:hover:where(.w-variant-e0e701ff-2143-ed57-f7dd-14082267dcc3) { border-color: var(--_colors---utility--transparent); background-color: var(--_colors---utility--u-muted-8); }
.sx-b .icon { width: 1.5em; min-width: 1.5em; height: 1lh; }
.sx-b .icon._20 { width: 1.25em; min-width: 1.25em; }
.sx-b .icon._14 { width: 0.875em; min-width: 0.875em; }
.sx-b .icon._18 { width: 1.125em; min-width: 1.125em; }
.sx-b .icon._12 { width: 0.75em; min-width: 0.75em; }
.sx-b .icon._16 { width: 1em; min-width: 1em; }
.sx-b .label-button { z-index: 4; font-size: var(--_typography---font-size--button); line-height: var(--_typography---line-height--button); font-weight: var(--_typography---font-weight--button); letter-spacing: var(--_typography---letter-spacing--button); text-shadow: 0 1.4em 0 var(--_colors---utility--u-muted-100); padding-top: 0.2em; padding-bottom: 0.2em; position: relative; overflow: clip; }
.sx-b .g-footer-link-list { column-gap: var(--_spacing---24); row-gap: var(--_spacing---24); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; margin-bottom: 0px; padding-left: 0px; list-style-type: none; display: flex; }
.sx-b .g-footer-link-list.is_social-list { column-gap: var(--_radius---8); row-gap: var(--_radius---8); flex-flow: wrap; width: auto; }
.sx-b .g-footer-link-item { column-gap: var(--_spacing---8); row-gap: var(--_spacing---8); justify-content: flex-start; align-items: center; display: flex; }
.sx-b .social-link { border-radius: var(--_radius---8); background-color: var(--_colors---utility--u-muted-4); justify-content: center; align-items: center; width: 2.5em; min-width: 2.5em; height: 2.5em; min-height: 2.5em; transition: color 0.735s cubic-bezier(0.64, 0.05, 0, 1), background-color 0.735s cubic-bezier(0.64, 0.05, 0, 1); display: flex; }
.sx-b .social-link:hover { background-color: var(--_color-token---background--vermillion); color: var(--_color-token---text--white); }
.sx-b .g-footer-link { column-gap: var(--_spacing---8); row-gap: var(--_spacing---8); white-space: nowrap; justify-content: flex-start; align-items: center; display: flex; }
.sx-b .g-nav-right { column-gap: var(--_spacing---24); row-gap: var(--_spacing---24); flex: 1 1 0%; justify-content: flex-end; align-items: center; width: 100%; height: 100%; display: flex; }
.sx-b .g-nav-brand-logo { width: auto; height: 3em; }
.sx-b .g-nav-brand-link { justify-content: center; align-items: center; display: flex; }
.sx-b .g-nav-left { flex: 0 0 auto; justify-content: flex-start; align-items: center; display: flex; }
.sx-b .g-nav-menu { justify-content: center; align-items: center; height: 100%; display: flex; position: absolute; left: 50%; transform: translate(-50%); }
.sx-b .grouped-cta-w { gap: 1em; flex-flow: wrap; justify-content: flex-start; align-items: center; display: flex; }
.sx-b .g-nav-menu-list { column-gap: var(--_spacing---24); row-gap: var(--_spacing---24); justify-content: center; align-items: center; height: 100%; margin-bottom: 0px; padding-left: 0px; display: flex; }
.sx-b .g-nav-menu-item { justify-content: center; align-items: center; height: 100%; display: flex; }
.sx-b .g-nav-menu-item.is-nav-close-w { display: none; }
.sx-b .type-body-lg { font-family: var(--_typography-style---font-family); font-size: var(--_typography-style---font-size); line-height: var(--_typography-style---line-height); font-weight: var(--_typography-style---font-weight); letter-spacing: var(--_typography-style---letter-spacing); --_typography-style---font-family: var(--_typography---font-family--body-sans); --_typography-style---font-size: var(--_typography---font-size--body-18); --_typography-style---line-height: var(--_typography---line-height--body); --_typography-style---font-weight: var(--_typography---font-weight--body); --_typography-style---letter-spacing: var(--_typography---letter-spacing--body); }
.sx-b .who-featured { gap: 1.25em; border-radius: var(--_radius---20); background-color: var(--_color-token---background--navy); color: var(--_color-token---text--white); flex-flow: column; padding: 2.5em; display: flex; position: relative; overflow: hidden; }
.sx-b .who-featured.is-nav { grid-column: span 2; }
.sx-b .who-feature-row { gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; }
.sx-b .who-feature-main { z-index: 4; gap: 1.25em; flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; position: relative; }
.sx-b .who-feature-link { justify-content: center; align-items: center; width: auto; height: 3.3125em; display: flex; }
.sx-b .who-feature-links { gap: 0.5em; justify-content: flex-start; align-items: center; display: flex; }
.sx-b .who-feature-logo { border-radius: var(--_radius---4); }
.sx-b .g-nav-drop-content { z-index: 4; width: 100%; max-height: 80vh; padding: 3em var(--section--padding-h)0em; background-color: var(--_color-token---background--white); color: var(--_color-token---text--dark); flex-flow: column; display: flex; position: relative; }
.sx-b .g-n-d-content-w { width: 100%; height: 100%; max-width: var(--container--max-width-1580); flex-flow: column; flex: 1 1 0%; margin-left: auto; margin-right: auto; display: flex; }
.sx-b .g-n-d-bottom { z-index: 99; border-top: 1px solid transparent; background-color: var(--_color-token---background--white); flex-flow: row; justify-content: space-between; align-items: center; padding-top: 1em; padding-bottom: 1em; display: flex; }
.sx-b .g-n-d-contact-info { column-gap: var(--content--gap); row-gap: var(--content--gap); justify-content: flex-start; align-items: center; display: flex; }
.sx-b .g-n-d-contact-list { gap: 3em; justify-content: flex-start; align-items: center; margin-bottom: 0px; padding-left: 0px; list-style-type: none; display: flex; }
.sx-b .g-n-d-contact-list-item { column-gap: var(--_spacing---8); row-gap: var(--_spacing---8); justify-content: flex-start; align-items: center; display: flex; }
.sx-b .g-n-d-content-main { gap: 2.5em; flex-flow: column; flex: 1 1 0%; justify-content: flex-start; align-items: flex-start; width: 100%; padding-bottom: 2em; display: flex; overflow: auto; }
.sx-b .g-n-d-content-main.is-insights { gap: 4em; flex-flow: column; }
.sx-b .g-n-d-content-main.is-about { flex-flow: row; justify-content: space-between; align-items: flex-start; }
.sx-b .g-n-d-service-list { width: 100%; }
.sx-b .g-n-d-service-list.u-grid-custom { gap: 3em; grid-template-columns: repeat(5, minmax(0px, 1fr)); }
.sx-b .g-n-d-service-item { gap: 1.5em; flex-flow: column; width: 100%; display: flex; }
.sx-b .g-n-d-sub-service-list { width: 100%; }
.sx-b .g-n-d-sub-service-list.is-web-design { display: flex; }
.sx-b .g-n-d-sub-service-item { border-bottom: 1px solid var(--_colors---utility--u-muted-16); width: 100%; }
.sx-b .g-n-d-sub-service-item.is-web-design { border: 0px solid rgb(0, 0, 0); width: auto; margin-right: -5%; }
.sx-b .g-n-d-sub-service-list-w { width: 100%; }
.sx-b .g-n-d-sub-service-link { gap: 1em; width: 100%; font-size: var(--_typography---font-size--body-15); justify-content: space-between; align-items: center; padding-top: 0.5em; padding-bottom: 0.5em; transition: color 0.4s cubic-bezier(0.64, 0.05, 0, 1); display: flex; }
.sx-b .g-n-d-sub-service-link:hover { color: var(--_color-token---text--vermillion); }
.sx-b .g-n-d-sub-service-link.is-web-design { border-radius: var(--_radius---rounded); width: 3.75em; height: auto; padding-top: 0px; padding-bottom: 0px; }
.sx-b .g-n-d-sub-service-link.show-t { display: none; }
.sx-b .g-n-d-service-link { gap: 1em; border-radius: var(--_radius---12); background-color: var(--_color-token---background--dark); width: 100%; color: var(--_color-token---text--white); justify-content: space-between; align-items: center; padding: 0.625em 0.625em 0.625em 1em; transition: transform 0.4s cubic-bezier(0.64, 0.05, 0, 1); display: flex; position: relative; overflow: hidden; }
.sx-b .g-n-d-service-link:hover { transform: scale(1.015); }
.sx-b .g-n-d-service-link-icon { z-index: 2; border-radius: var(--_radius---12); flex: 0 0 auto; justify-content: center; align-items: center; width: 3.75em; height: 3.75em; display: flex; }
.sx-b .mega-menu-industries { gap: 2em; flex-flow: column; width: 100%; display: flex; }
.sx-b .g-n-d-industries { gap: 2em; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; }
.sx-b .g-n-d-industries-label { gap: 1em; justify-content: flex-start; align-items: center; display: flex; }
.sx-b .mega-menu-faqs { width: 100%; color: var(--_color-token---text--white); border-radius: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 2em; display: flex; position: relative; overflow: hidden; }
.sx-b .g-n-d-faqs-main { z-index: 4; gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; }
.sx-b .mega-menu-about-left { gap: 2em; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 37.5em; display: flex; }
.sx-b .mega-menu-about-right { gap: 1.5em; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; max-width: 46.75em; display: grid; }
.sx-b .g-n-d-team-cta { gap: 1em; border-radius: var(--_radius---20); width: 100%; color: var(--_color-token---text--white); flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 2em; display: flex; position: relative; overflow: hidden; }
.sx-b .g-nav-drop { flex-flow: column; justify-content: center; align-items: center; height: 100%; display: flex; position: static; }
.sx-b .g-nav-drop-toggle { gap: 0.25em; height: 100%; color: inherit; justify-content: center; align-items: center; padding: 0px 1em; display: flex; }
.sx-b .g-nav-drop-list { background-color: rgba(0, 0, 0, 0); width: 100vw; height: calc(-5em + 100svh); display: none; top: 5em; left: calc(50% - 50vw); }
.sx-b .g-nav-menu-button { border: 1px solid var(--_colors---utility--u-muted-16); border-radius: var(--_radius---rounded); justify-content: center; align-items: center; width: 2.5em; height: 2.5em; display: none; }
.sx-b .g-nav-close-button { border: 1px solid var(--_colors---utility--u-muted-16); border-radius: var(--_radius---rounded); justify-content: center; align-items: center; width: 2.5em; height: 2.5em; display: flex; }
.sx-b .image { width: 3840px; }
.sx-b .mega-menu-header { justify-content: space-between; align-items: center; width: 100%; display: flex; }
.sx-b .g-n-d-industries-list { gap: 0em 2em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; }
.sx-b .mega-menu-insights-faqs { gap: 0em 2em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center stretch; width: 100%; display: grid; }
.sx-b .mega-menu-overlay { z-index: 1; backdrop-filter: blur(10px); background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; display: block; position: absolute; inset: 0% 0% auto; }
.sx-b .g-nav-drop-content-w { width: 100%; height: auto; overflow: hidden; }
.sx-b .mega-menu-about-list { gap: 0em 2em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; }
.sx-b .g-n-d-team-main { z-index: 4; gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; position: relative; }
@media screen and (max-width: 991px) {
.sx-b { --section--padding-v: 6.25em; --section--padding-h: 1.5em; --section--padded: 1em; --container--max-width-1580: 98.75em; --content--gap: 4em; --grid--gap: 1em; --container--max-width-1360: 85em; --container--max-width-1280: 80em; --navbar--top-padding: 1.25em; --navbar--main-padding: 1.5em; --container--max-width-1440: 90em; --container--full: 100%; --_typography---font-family--body-sans: "Inter Variable",Arial,sans-serif; --_typography---font-size--body-16: 1em; --_typography---font-weight--body: var(--_typography---all-weight--regular); --_typography---letter-spacing--body: -.024em; --_typography---font-family--heading-sans: "Inter Variable",Arial,sans-serif; --_typography---line-height--d0: 100%; --_typography---font-weight--d0: var(--_typography---all-weight--regular); --_typography---line-height--d2: 100%; --_typography---font-weight--d2: var(--_typography---all-weight--regular); --_typography---line-height--d3: 100%; --_typography---font-weight--d3: var(--_typography---all-weight--regular); --_typography---line-height--d4: 100%; --_typography---font-weight--d4: var(--_typography---all-weight--regular); --_typography---line-height--d5: 120%; --_typography---font-weight--d5: var(--_typography---all-weight--medium); --_typography---line-height--d6: 100%; --_typography---font-weight--d6: var(--_typography---all-weight--regular); --_typography---font-size--d0: 3.8125em; --_typography---letter-spacing--d0: -.04em; --_typography---font-family--heading-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-size--d5: 1.375em; --_typography---letter-spacing--d5: -.03em; --_typography---font-size--d1: 3.8125em; --_typography---line-height--d1: 100%; --_typography---font-weight--d1: var(--_typography---all-weight--regular); --_typography---letter-spacing--d1: -.04em; --_typography---font-size--d6: 1.125em; --_typography---letter-spacing--d6: -.02em; --_typography---font-size--d2: 3.25em; --_typography---letter-spacing--d2: -.04em; --_typography---font-size--caption: .875rem; --_typography---line-height--caption: 110%; --_typography---font-weight--caption: 400; --_typography---font-size--d4: 1.875em; --_typography---letter-spacing--d4: -.02em; --_typography---all-weight--medium: 500; --_typography---font-size--d3: 2.75em; --_typography---letter-spacing--d3: -.03em; --_typography---font-size--button: .875em; --_typography---line-height--button: 100%; --_typography---font-weight--button: 500; --_typography---letter-spacing--button: -.02em; --_typography---font-size--body-15: .9375em; --_typography---font-size--body-18: 1.125em; --_typography---font-size--body-12: .75em; --_typography---all-weight--semi-bold: 600; --_typography---line-height--body-s: 156%; --_typography---letter-spacing--caption: 0em; --_typography---font-weight--body-s: 400; --_typography---letter-spacing--body-s: -.01em; --_typography---font-size--body-s: .875em; --_typography---font-family--body-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-family--label: "Inter Variable",Arial,sans-serif; --_typography---font-family--ui: "Inter Variable",Arial,sans-serif; --_typography---font-weight--ui: var(--_typography---all-weight--medium); --_typography---line-height--body: 156%; --_typography---all-weight--ultra-thin: 50; --_typography---all-weight--thin: 100; --_typography---all-weight--extra-light: 200; --_typography---all-weight--light: 300; --_typography---all-weight--regular: 400; --_typography---all-weight--bold: 700; --_typography---all-weight--extra-bold: 800; --_typography---all-weight--black: 900; }
.sx-b .s-wrapper.sw-g-nav { position: static; }
.sx-b .s-wrapper.is-nav-close-w { flex-flow: row; justify-content: space-between; align-items: center; }
.sx-b .u-hide-t { display: none; }
.sx-b .g-nav-menu { z-index: 99; background-color: var(--_color-token---background--white); width: 100svw; height: 100dvh; color: var(--_color-token---text--dark); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; inset: 0% -101% auto auto; transform: none; }
.sx-b .g-nav-menu-list { gap: 0em; flex-flow: column; flex: 1 1 0%; justify-content: flex-start; align-items: flex-start; width: 100%; height: auto; overflow: auto; }
.sx-b .g-nav-menu-item { flex: 0 0 auto; width: 100%; height: auto; }
.sx-b .g-nav-menu-item.is-nav-close-w { height: 5em; padding-right: var(--section--padding-h); padding-left: var(--section--padding-h); display: flex; }
.sx-b .who-featured { border-radius: var(--_radius---16); padding: 1.5em; }
.sx-b .who-featured.is-nav { grid-column: span 1; }
.sx-b .who-feature-links { flex-flow: wrap; }
.sx-b .who-feature-logo { width: auto; }
.sx-b .g-nav-drop-content { max-height: none; margin-top: 0px; padding-top: 1em; padding-bottom: 1em; }
.sx-b .g-n-d-bottom { gap: 1.5em; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding: 1em; }
.sx-b .g-n-d-contact-info { column-gap: var(--grid--gap); row-gap: var(--grid--gap); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; }
.sx-b .g-n-d-contact-list { gap: 1em; flex-flow: wrap; order: -1; justify-content: space-between; align-items: flex-start; width: 100%; }
.sx-b .g-n-d-content-main { overflow: visible; }
.sx-b .g-n-d-content-main.is-insights { flex-flow: column; }
.sx-b .g-n-d-content-main.is-about { gap: 1.5em; flex-flow: column; }
.sx-b .g-n-d-service-list.u-grid-custom { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.sx-b .g-n-d-sub-service-link.show-t { display: flex; }
.sx-b .mega-menu-industries { max-width: none; }
.sx-b .mega-menu-faqs { margin-top: 0px; padding: 1.5em; }
.sx-b .g-n-d-faqs-main { flex-flow: row; justify-content: space-between; align-items: center; }
.sx-b .mega-menu-about-left { max-width: none; }
.sx-b .mega-menu-about-right { gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr; grid-auto-columns: 1fr; max-width: none; display: grid; }
.sx-b .g-n-d-team-cta { gap: 1em; border-radius: var(--_radius---16); flex-flow: column; padding: 1.5em; }
.sx-b .g-nav-drop { border-bottom: 1px solid var(--_colors---utility--u-muted-12); width: 100%; }
.sx-b .g-nav-drop-toggle { width: 100%; height: 3em; padding-right: var(--section--padding-h); padding-left: var(--section--padding-h); font-size: var(--_typography---font-size--d5); justify-content: space-between; }
.sx-b .g-nav-drop-list { height: auto; display: none; position: relative; top: 0%; left: 0px; }
.sx-b .g-nav-menu-button { display: flex; }
.sx-b .g-n-d-industries-list { grid-template-columns: 1fr 1fr; }
.sx-b .mega-menu-insights-faqs { row-gap: 1.5em; grid-template-columns: 1fr 1fr 1fr; }
.sx-b .g-n-d-team-main { gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; }
}
@media screen and (max-width: 767px) {
.sx-b { --section--padding-v: 5em; --section--padding-h: 1em; --section--padded: 1em; --container--max-width-1580: 98.75em; --content--gap: 3.5em; --grid--gap: 1em; --container--max-width-1360: 85em; --container--max-width-1280: 80em; --navbar--top-padding: 1.25em; --navbar--main-padding: 1.5em; --container--max-width-1440: 90em; --container--full: 100%; --_typography---font-family--body-sans: "Inter Variable",Arial,sans-serif; --_typography---font-size--body-16: 1em; --_typography---font-weight--body: var(--_typography---all-weight--regular); --_typography---letter-spacing--body: -.024em; --_typography---font-family--heading-sans: "Inter Variable",Arial,sans-serif; --_typography---line-height--d0: 100%; --_typography---font-weight--d0: var(--_typography---all-weight--regular); --_typography---line-height--d2: 100%; --_typography---font-weight--d2: var(--_typography---all-weight--regular); --_typography---line-height--d3: 100%; --_typography---font-weight--d3: var(--_typography---all-weight--regular); --_typography---line-height--d4: 100%; --_typography---font-weight--d4: var(--_typography---all-weight--regular); --_typography---line-height--d5: 120%; --_typography---font-weight--d5: var(--_typography---all-weight--medium); --_typography---line-height--d6: 100%; --_typography---font-weight--d6: var(--_typography---all-weight--regular); --_typography---font-size--d0: 3.125em; --_typography---letter-spacing--d0: -.04em; --_typography---font-family--heading-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-size--d5: 1.25em; --_typography---letter-spacing--d5: -.03em; --_typography---font-size--d1: 3.125em; --_typography---line-height--d1: 100%; --_typography---font-weight--d1: var(--_typography---all-weight--regular); --_typography---letter-spacing--d1: -.04em; --_typography---font-size--d6: 1.25em; --_typography---letter-spacing--d6: -.02em; --_typography---font-size--d2: 2.75em; --_typography---letter-spacing--d2: -.04em; --_typography---font-size--caption: .875rem; --_typography---line-height--caption: 110%; --_typography---font-weight--caption: 400; --_typography---font-size--d4: 2em; --_typography---letter-spacing--d4: -.02em; --_typography---all-weight--medium: 500; --_typography---font-size--d3: 2.5em; --_typography---letter-spacing--d3: -.03em; --_typography---font-size--button: .875em; --_typography---line-height--button: 100%; --_typography---font-weight--button: 500; --_typography---letter-spacing--button: -.02em; --_typography---font-size--body-15: .9375em; --_typography---font-size--body-18: 1.125em; --_typography---font-size--body-12: .75em; --_typography---all-weight--semi-bold: 600; --_typography---line-height--body-s: 156%; --_typography---letter-spacing--caption: 0em; --_typography---font-weight--body-s: 400; --_typography---letter-spacing--body-s: -.01em; --_typography---font-size--body-s: .875em; --_typography---font-family--body-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-family--label: "Inter Variable",Arial,sans-serif; --_typography---font-family--ui: "Inter Variable",Arial,sans-serif; --_typography---font-weight--ui: var(--_typography---all-weight--medium); --_typography---line-height--body: 156%; --_typography---all-weight--ultra-thin: 50; --_typography---all-weight--thin: 100; --_typography---all-weight--extra-light: 200; --_typography---all-weight--light: 300; --_typography---all-weight--regular: 400; --_typography---all-weight--bold: 700; --_typography---all-weight--extra-bold: 800; --_typography---all-weight--black: 900; }
.sx-b .s-wrapper.sw-g-nav { column-gap: var(--grid--gap); row-gap: var(--grid--gap); }
.sx-b .s-wrapper.is-nav-close-w { column-gap: var(--grid--gap); row-gap: var(--grid--gap); }
.sx-b .u-hide-ml { display: none; }
.sx-b .button-w { height: 2.5em; padding-left: 1.25em; padding-right: 1.25em; }
.sx-b .g-footer-link-list { column-gap: var(--_spacing---16); row-gap: var(--_spacing---16); }
.sx-b .g-nav-brand-logo { height: 2.5em; }
.sx-b .who-featured { border-radius: var(--_radius---12); width: 100%; padding: 1.5em 1em; }
.sx-b .who-feature-link { height: 2.25em; }
.sx-b .g-n-d-bottom { gap: 1.5em; flex-flow: column; justify-content: flex-start; align-items: flex-start; }
.sx-b .g-n-d-contact-info { column-gap: var(--grid--gap); row-gap: var(--grid--gap); flex-flow: row; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; }
.sx-b .g-n-d-content-main.is-insights { gap: 1.5em; padding-bottom: 0px; }
.sx-b .g-n-d-content-main.is-about { flex-flow: column; padding-bottom: 0px; }
.sx-b .g-n-d-service-list.u-grid-custom { gap: 1.5em; grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.sx-b .g-n-d-sub-service-list { display: none; }
.sx-b .g-n-d-sub-service-item:last-child { border-bottom-width: 0px; }
.sx-b .g-n-d-sub-service-list-w { display: none; }
.sx-b .g-n-d-sub-service-link { padding-top: 0.75em; padding-bottom: 0.75em; }
.sx-b .g-n-d-service-link-icon { width: 3.125em; height: 3.125em; }
.sx-b .g-n-d-industries { gap: 1.5em; }
.sx-b .mega-menu-faqs { border-radius: 0.75em; grid-column: span 1; padding: 1em; }
.sx-b .mega-menu-about-right { gap: 0em; grid-template-columns: 1fr; }
.sx-b .g-n-d-team-cta { border: 1px solid var(--_colors---utility--u-muted-12); border-radius: var(--_radius---12); background-color: var(--_color-token---background--navy); flex-flow: row; padding: 1em; }
.sx-b .g-n-d-industries-list { grid-template-columns: 1fr; }
.sx-b .mega-menu-insights-faqs { gap: 1.5em; grid-template-columns: 1fr; }
.sx-b .mega-menu-insights-list-w, .sx-b .mega-menu-about-list, .sx-b .hero-panels-fader { display: none; }
}
@media screen and (max-width: 479px) {
.sx-b { --section--padding-v: 5em; --section--padding-h: 1em; --section--padded: 1em; --container--max-width-1580: 98.75em; --content--gap: 3.5em; --grid--gap: 1em; --container--max-width-1360: 85em; --container--max-width-1280: 80em; --navbar--top-padding: 1.25em; --navbar--main-padding: 1.5em; --container--max-width-1440: 90em; --container--full: 100%; --_typography---font-family--body-sans: "Inter Variable",Arial,sans-serif; --_typography---font-size--body-16: 1em; --_typography---font-weight--body: var(--_typography---all-weight--regular); --_typography---letter-spacing--body: -.024em; --_typography---font-family--heading-sans: "Inter Variable",Arial,sans-serif; --_typography---line-height--d0: 100%; --_typography---font-weight--d0: var(--_typography---all-weight--regular); --_typography---line-height--d2: 100%; --_typography---font-weight--d2: var(--_typography---all-weight--regular); --_typography---line-height--d3: 100%; --_typography---font-weight--d3: var(--_typography---all-weight--regular); --_typography---line-height--d4: 100%; --_typography---font-weight--d4: var(--_typography---all-weight--regular); --_typography---line-height--d5: 120%; --_typography---font-weight--d5: var(--_typography---all-weight--medium); --_typography---line-height--d6: 100%; --_typography---font-weight--d6: var(--_typography---all-weight--regular); --_typography---font-size--d0: 3.125em; --_typography---letter-spacing--d0: -.04em; --_typography---font-family--heading-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-size--d5: 1.5em; --_typography---letter-spacing--d5: -.03em; --_typography---font-size--d1: 3.125em; --_typography---line-height--d1: 100%; --_typography---font-weight--d1: var(--_typography---all-weight--regular); --_typography---letter-spacing--d1: -.04em; --_typography---font-size--d6: 1.25em; --_typography---letter-spacing--d6: -.02em; --_typography---font-size--d2: 2.75em; --_typography---letter-spacing--d2: -.04em; --_typography---font-size--caption: .875rem; --_typography---line-height--caption: 110%; --_typography---font-weight--caption: 400; --_typography---font-size--d4: 2em; --_typography---letter-spacing--d4: -.02em; --_typography---all-weight--medium: 500; --_typography---font-size--d3: 2.5em; --_typography---letter-spacing--d3: -.03em; --_typography---font-size--button: .875em; --_typography---line-height--button: 100%; --_typography---font-weight--button: 500; --_typography---letter-spacing--button: -.02em; --_typography---font-size--body-15: .9375em; --_typography---font-size--body-18: 1.125em; --_typography---font-size--body-12: .75em; --_typography---all-weight--semi-bold: 600; --_typography---line-height--body-s: 156%; --_typography---letter-spacing--caption: 0em; --_typography---font-weight--body-s: 400; --_typography---letter-spacing--body-s: -.01em; --_typography---font-size--body-s: .875em; --_typography---font-family--body-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-family--label: "Inter Variable",Arial,sans-serif; --_typography---font-family--ui: "Inter Variable",Arial,sans-serif; --_typography---font-weight--ui: var(--_typography---all-weight--medium); --_typography---line-height--body: 156%; --_typography---all-weight--ultra-thin: 50; --_typography---all-weight--thin: 100; --_typography---all-weight--extra-light: 200; --_typography---all-weight--light: 300; --_typography---all-weight--regular: 400; --_typography---all-weight--bold: 700; --_typography---all-weight--extra-bold: 800; --_typography---all-weight--black: 900; }
}
.sx-b { --size-unit: 16; --size-container-ideal: 1680; --size-container-min: 991px; --size-container-max: 1680px; --size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max)); --size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit))); font-size: var(--size-font); --color-accent: var(--_colors---accent, #5498dc); --color-bg-dark: var(--_colors---bg--dark, #0b0e14); --color-text-light: var(--_colors---text-color--light, #f2f5ff); --base---box-opacity: 50%; --shadow-blur: 3em; --address-icon-fill: var(--color-accent); --ease-bbs: cubic-bezier(.64, .05, 0, 1); --dur-bbs: .8s; --underline-top: 95%; --underline-height: 1px; --inline-underline-opacity: .48; --loop-x-duration: 60s; --loop-y-duration: 32s; --svg-dash-duration: 8s; --svg-dash-offset: 600; --image-zoom-scale: 1.12; }
@media screen and (max-width: 991px) {
.sx-b { --size-container-ideal: 834; --size-container-min: 768px; --size-container-max: 991px; }
}
@media screen and (max-width: 767px) {
.sx-b { --size-container-ideal: 430; --size-container-min: 480px; --size-container-max: 767px; }
}
@media screen and (max-width: 479px) {
.sx-b { --size-container-ideal: 430; --size-container-min: 320px; --size-container-max: 428px; }
}
@supports (color: oklch(50% .2 280)) {
.sx-b { --_colors---base--true-black: oklch(0 0 0); --_colors---base--deep-navy: oklch(.206164 .040828 262.317991); --_colors---base--vermillion: oklch(.557081 .190739 32.394864); --_colors---base--royal-blue: oklch(.334709 .115798 261.683974); --_colors---base--steel-blue: oklch(.399758 .066343 249.803151); --_colors---base--sky-blue: oklch(.844345 .088354 237.54831); --_colors---base--slate-grey: oklch(.551019 .023361 264.363742); --_colors---base--cloud-white: oklch(.975469 .004534 258.324531); --_colors---base--clean-white: oklch(1 0 89.875563); --_colors---extended--navy-100: oklch(.937243 .008351 271.325306); --_colors---extended--navy-200: oklch(.838742 .017562 267.767015); --_colors---extended--navy-300: oklch(.612455 .033979 265.17986); --_colors---extended--navy-400: oklch(.408483 .045457 263.173083); --_colors---extended--navy-500: oklch(.297277 .051757 260.91751); --_colors---extended--navy-600: oklch(.206164 .040828 262.317991); --_colors---extended--navy-700: oklch(.163417 .02798 259.941546); --_colors---extended--blue-100: oklch(.933348 .036022 239.153774); --_colors---extended--blue-200: oklch(.844345 .088354 237.54831); --_colors---extended--blue-300: oklch(.725686 .120279 241.773374); --_colors---extended--blue-400: oklch(.545249 .129015 250.712765); --_colors---extended--blue-500: oklch(.334709 .115798 261.683974); --_colors---extended--blue-600: oklch(.269511 .095461 263.436944); --_colors---extended--blue-700: oklch(.208747 .07113 264.303861); --_colors---extended--vermillion-100: oklch(.946741 .023669 30.48832); --_colors---extended--vermillion-200: oklch(.804703 .092362 29.98235); --_colors---extended--vermillion-300: oklch(.670287 .156489 31.897733); --_colors---extended--vermillion-400: oklch(.557081 .190739 32.394864); --_colors---extended--vermillion-500: oklch(.470343 .156753 32.699725); --_colors---extended--vermillion-600: oklch(.388023 .126983 32.418373); --_colors---extended--vermillion-700: oklch(.285926 .087975 32.317856); --_colors---extended--grey-100: oklch(.966956 .002874 264.541934); --_colors---extended--grey-200: oklch(.871681 .009339 258.338227); --_colors---extended--grey-300: oklch(.71366 .019176 261.324645); --_colors---extended--grey-400: oklch(.551019 .023361 264.363742); --_colors---extended--grey-500: oklch(.446112 .026312 256.801751); --_colors---extended--grey-600: oklch(.372927 .03062 259.732849); --_colors---extended--grey-700: oklch(.278078 .029596 256.847952); }
}
@supports (color: color(display-p3 1 0 0)) {
.sx-b { --_colors---base--true-black: color(display-p3 0 0 0 / 1); --_colors---base--deep-navy: color(display-p3 .05098 .090196 .164706 / 1); --_colors---base--vermillion: color(display-p3 .796078 .207843 .101961 / 1); --_colors---base--royal-blue: color(display-p3 .066667 .196078 .443137 / 1); --_colors---base--steel-blue: color(display-p3 .164706 .290196 .415686 / 1); --_colors---base--sky-blue: color(display-p3 .580392 .835294 1 / 1); --_colors---base--slate-grey: color(display-p3 .419608 .447059 .501961 / 1); --_colors---base--cloud-white: color(display-p3 .960784 .968627 .980392 / 1); --_colors---base--clean-white: color(display-p3 1 1 1 / 1); --_colors---extended--navy-100: color(display-p3 .909804 .917647 .941176 / 1); --_colors---extended--navy-200: color(display-p3 .772549 .792157 .839216 / 1); --_colors---extended--navy-300: color(display-p3 .478431 .517647 .6 / 1); --_colors---extended--navy-400: color(display-p3 .239216 .290196 .388235 / 1); --_colors---extended--navy-500: color(display-p3 .117647 .176471 .278431 / 1); --_colors---extended--navy-600: color(display-p3 .05098 .090196 .164706 / 1); --_colors---extended--navy-700: color(display-p3 .027451 .054902 .101961 / 1); --_colors---extended--blue-100: color(display-p3 .831373 .929412 1 / 1); --_colors---extended--blue-200: color(display-p3 .580392 .835294 1 / 1); --_colors---extended--blue-300: color(display-p3 .352941 .686275 .921569 / 1); --_colors---extended--blue-400: color(display-p3 .168627 .45098 .721569 / 1); --_colors---extended--blue-500: color(display-p3 .066667 .196078 .443137 / 1); --_colors---extended--blue-600: color(display-p3 .047059 .133333 .329412 / 1); --_colors---extended--blue-700: color(display-p3 .027451 .082353 .219608 / 1); --_colors---extended--vermillion-100: color(display-p3 .992157 .909804 .894118 / 1); --_colors---extended--vermillion-200: color(display-p3 .960784 .662745 .611765 / 1); --_colors---extended--vermillion-300: color(display-p3 .898039 .419608 .333333 / 1); --_colors---extended--vermillion-400: color(display-p3 .796078 .207843 .101961 / 1); --_colors---extended--vermillion-500: color(display-p3 .627451 .168627 .082353 / 1); --_colors---extended--vermillion-600: color(display-p3 .478431 .12549 .062745 / 1); --_colors---extended--vermillion-700: color(display-p3 .301961 .078431 .039216 / 1); --_colors---extended--grey-100: color(display-p3 .952941 .956863 .964706 / 1); --_colors---extended--grey-200: color(display-p3 .819608 .835294 .858824 / 1); --_colors---extended--grey-300: color(display-p3 .611765 .639216 .686275 / 1); --_colors---extended--grey-400: color(display-p3 .419608 .447059 .501961 / 1); --_colors---extended--grey-500: color(display-p3 .294118 .333333 .388235 / 1); --_colors---extended--grey-600: color(display-p3 .215686 .254902 .317647 / 1); --_colors---extended--grey-700: color(display-p3 .121569 .160784 .215686 / 1); }
}
.sx-b *, .sx-b, .sx-b ::before, .sx-b::before, .sx-b ::after, .sx-b::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; text-rendering: optimizespeed; text-size-adjust: 100%; text-decoration-skip-ink: auto; text-decoration-thickness: 8%; text-underline-offset: -8%; text-underline-position: from-font; }
.sx-b { scroll-behavior: initial; scrollbar-width: none; -webkit-font-smoothing: antialiased; }
.sx-b { width: 100vw; font-feature-settings: "liga", "calt"; }
.sx-b::-webkit-scrollbar, .sx-b ::-webkit-scrollbar { display: none; }
.sx-b svg { max-width: none; height: auto; box-sizing: border-box; vertical-align: middle; }
.sx-b a { color: inherit; }
@supports (background-color: color-mix(in srgb,black 10%,transparent)) {
.sx-b ::selection { background-color: color-mix(in srgb, currentcolor 12%, transparent 88%); color: var(--color-accent); text-shadow: none; }
}
.sx-b .link-underline { position: relative; }
.sx-b .link-underline::after { content: ""; position: absolute; top: var(--underline-top); left: 0%; height: var(--underline-height); width: 0%; background: currentcolor; transition: width var(--dur-bbs) var(--ease-bbs); }
.sx-b .link-underline:hover::after { width: 100%; }
.sx-b .link-underline:not(:hover)::after { left: auto; right: 0%; width: 0%; }
.sx-b .image-w img { transition: transform var(--dur-bbs) var(--ease-bbs); }
.sx-b .image-w:hover img { transform: scale(var(--image-zoom-scale)); }
.sx-b [data-flare-border] { --flare-color: 255, 255, 255; --flare-opacity: .3; --flare-stroke: 1px; --flare-duration: 2s; --flare-easing: cubic-bezier(.64, .05, 0, 1); position: relative; }
.sx-b [data-flare-border]::before { content: ""; position: absolute; z-index: 99; inset: 0px; padding: var(--flare-stroke); border-radius: inherit; opacity: var(--flare-opacity); background: linear-gradient(var(--flare-angle),rgba(var(--flare-color),1) 0%,rgba(var(--flare-color),0) 50%,rgba(var(--flare-color),1) 100%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); pointer-events: none; transition: --flare-angle var(--flare-duration) var(--flare-easing); }
@media (prefers-reduced-motion: reduce) {
.sx-b .image-w img, .sx-b .link-underline::after, .sx-b .inline-link-underline::after { transition-duration: 1ms !important; }
.sx-b [data-flare-border]::before { transition: none; }
}
.sx-b .s-wrapper::before, .sx-b .s-wrapper::after { display: none; }
.sx-b { --_colors---base--vermillion: #fa5539; --_colors---extended--vermillion-100: #feeae5; --_colors---extended--vermillion-200: #fdb6a7; --_colors---extended--vermillion-300: #fb7a63; --_colors---extended--vermillion-400: #fa5539; --_colors---extended--vermillion-500: #d93c1a; --_colors---extended--vermillion-600: #b12f14; --_colors---extended--vermillion-700: #7a2010; }
.sx-b svg.g-nav-brand-logo { width: auto; }
@media screen and (max-width: 767px) {
.sx-b svg.g-nav-brand-logo { height: 2.1em; }
}
.sx-b .g-nav-brand-logo .mk { transition: opacity 0.735s cubic-bezier(0.64, 0.05, 0, 1); }
.sx-b .g-nav-brand-logo .mk-dark { opacity: 0; }
.sx-b .section.s-g-nav:hover .g-nav-brand-logo .mk-dark { opacity: 1; }
.sx-b .section.s-g-nav:hover .g-nav-brand-logo .mk-light { opacity: 0; }
.sx-b img.who-feature-logo { height: 1.7em; width: auto; max-width: 8.5em; object-fit: contain; }
.sx-b .button-w[data-wf--button-w--button-type="primary-button---orange"] { color: rgb(24, 27, 34); }
.sx-b .button-w[data-wf--button-w--button-type="primary-button---orange"] .label-button { text-shadow: rgb(24, 27, 34) 0px 1.4em 0px; }

/* ===== from /css/super/super.css ===== */
:root { --announcement-banner-height: 0px; --announcement-banner-shift: 0px; --announcement-h: 0px; --header-h: 64px; }
.sx-b { width: auto; }
#siteNav { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; }
.sx-b, .sx-c, .sx-e { background: transparent; min-height: 0px; }
#siteNav.sx-b { height: auto; }
.sx-b .g-nav-drop-list .g-n-d-sub-service-item { border-bottom: 0px; }
.sx-b .g-nav-drop-list .g-n-d-sub-service-link { padding-top: 0.42em; padding-bottom: 0.42em; }
@media (max-width: 991px) {
#siteNav .g-nav-right > .grouped-cta-w > .super-secondary { display: none; }
}
:root { --sec-pad: 128px; --edge: 44px; --h2: clamp(2.25rem,1.2rem + 2.4vw,3.25rem); }
@media (max-width: 809px) {
:root { --sec-pad: 80px; --edge: 20px; }
}
.sx-b .g-nav-w, .sx-b .g-nav-w .label-button, .sx-b .g-nav-drop-list, .sx-b .g-nav-drop-list .type-body-lg, .sx-b .g-nav-drop-list .text-b { font-family: var(--font-sans) !important; }
.sx-b .g-nav-drop-list .u-font-accent, .sx-b .g-nav-drop-list .u-font-accent * { letter-spacing: -0.02em; font-family: var(--font-sans) !important; font-style: normal !important; }
.sx-b .g-nav-drop-list .mega-menu-header .d4 { font-weight: 500; color: var(--accent); }
.sx-b .g-nav-drop-list .d5 { font-weight: 500; }
.sx-b .g-nav-drop-list em { font-style: normal; }
.sx-b .g-nav-drop-list .u-accent-blue { color: rgb(255, 255, 255) !important; opacity: 0.78; }
#siteFooter .ft-lockup { display: block; color: rgb(255, 255, 255); }
#siteFooter .ft-lockup .g-nav-brand-logo { width: 170px; height: auto; color: rgb(255, 255, 255); }
#siteFooter .ft-lockup .mk-dark { opacity: 0 !important; }
#siteFooter .ft-lockup .mk-light { opacity: 1 !important; }
:root { --gap: 160px; }
@media (max-width: 809px) {
:root { --gap: 96px; }
}
#siteNav .g-nav-menu-list .label-button { font-size: 0.875rem !important; }
#siteNav .g-nav-drop-toggle:focus-visible, #howItWorks .step-btn:focus-visible { outline-offset: 3px; border-radius: 6px; outline: rgb(250, 85, 57) solid 2px !important; }
@media (min-width: 992px) {
#siteNav .super-mnav-item { display: none !important; }
}
#siteNav .super-mnav-link { display: flex; align-items: center; text-decoration: none; color: inherit; }
#siteNav .super-mnav-item { border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.sx-b .s-wrapper { margin-left: 0px !important; margin-right: 0px !important; }
#siteNav nav { padding-left: var(--edge) !important; padding-right: var(--edge) !important; }
:root { --surface-1: #151313; --line: rgba(255,255,255,.1); --radius: 14px; }
#siteFooter { background: var(--bg) !important; }
#siteNav .grouped-cta-w a.button-link:not(.super-secondary):hover .button-w { background: rgb(24, 27, 34) !important; color: rgb(255, 255, 255) !important; }
#siteFooter .ft-badge-cap { margin: 12px 0px 0px; font: 400 12px / 1.5 "Geist Mono", ui-monospace, monospace; color: rgba(255, 255, 255, 0.62); letter-spacing: 0.02em; }
@media (max-width: 991px) {
#siteNav .g-nav-menu-button, #siteNav .g-nav-close-button { min-width: 44px !important; min-height: 44px !important; }
#siteNav .grouped-cta-w a.button-link .button-w { min-height: 40px; }
}
@media (max-width: 809px) {
#siteFooter .ft-social-link { padding: 13px; margin: -13px; }
}
@media (max-width: 640px) {
#siteFooter .ft-col-wide { grid-column: 1 / -1; }
#siteFooter .ft-col-wide .ft-col-split { grid-template-columns: 1fr 1fr; column-gap: 16px; display: grid !important; }
}
#siteNav .s-wrapper { max-width: none !important; }
@media (max-width: 809px) {
#siteFooter .ft-inner { padding-left: calc(var(--edge) - 8px) !important; padding-right: calc(var(--edge) - 8px) !important; }
}
@media (max-width: 809px) {
#siteNav .g-nav-brand-link { min-height: 40px; align-items: center; display: inline-flex !important; }
}
:root { color-scheme: dark; }
a, button, [role="button"], summary { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
html.is-mnav-open { overflow: hidden; }
a.sr-only[href="#main"]:focus-visible { left: 16px; top: 12px; z-index: 100001; background: rgb(24, 27, 34); color: rgb(255, 255, 255); border-radius: 999px; font: 500 0.9375rem Geist, sans-serif; outline: rgb(250, 85, 57) solid 2px; outline-offset: 2px; position: fixed !important; width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important; margin: 0px !important; padding: 10px 16px !important; }
#siteNav:not(.is-menu-open) .section.s-g-nav:hover { background-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; }
#siteNav:not(.is-menu-open) .section.s-g-nav:hover .g-nav-brand-logo .mk-dark { opacity: 0 !important; }
#siteNav:not(.is-menu-open) .section.s-g-nav:hover .g-nav-brand-logo .mk-light { opacity: 1 !important; }
#siteNav .g-nav-drop-toggle, #siteNav .g-n-d-sub-service-link, #siteNav .g-n-d-sub-service-link .icon { transition: color 0.2s ease-out, transform 0.2s ease-out !important; }
.sx-b .g-nav-drop.w--open .g-nav-drop-content-w { max-height: calc(-76px + 100vh); overscroll-behavior: contain; overflow-y: auto !important; }
#siteNav .grouped-cta-w a.button-link:not(.super-secondary) .button-w, #heroSub .surface-form-button, .sx-b-contact .hsr button[type="submit"], #cta .cta-submit { cursor: pointer; transition: background-color 0.2s ease-out, color 0.2s ease-out, transform 0.16s ease-out !important; }
#siteNav .grouped-cta-w a.button-link:not(.super-secondary):active .button-w, #heroSub .surface-form-button:active, .sx-b-contact .hsr button[type="submit"]:active, #cta .cta-submit:active { transform: scale(0.97); }
@media (hover: hover) and (pointer: fine) {
#siteNav .grouped-cta-w a.button-link:not(.super-secondary):hover .button-w, #heroSub .surface-form-button:hover, .sx-b-contact .hsr button:hover, #cta .cta-submit:hover { background: rgb(255, 110, 85) !important; color: rgb(24, 27, 34) !important; }
#siteNav:not(.is-menu-open) .g-nav-drop-toggle:hover { color: rgb(250, 85, 57); }
#siteNav .g-n-d-sub-service-link:hover { color: rgb(250, 85, 57) !important; }
#siteNav .g-n-d-sub-service-link:hover .icon { transform: translate(4px, -4px); }
#siteFooter .ft-menu :is(a, button) { transition: color 0.2s ease-out, opacity 0.2s ease-out; }
#siteFooter .ft-menu :is(a, button):hover { color: rgb(250, 85, 57) !important; }
}
/* Tablet menu bar (LAUNCH-TODO 1.13, 2026-10-14). The bar's type is fluid (font-size = viewport / ideal), and the 480-767 band
   uses the phone ideal (430), so the 5em bar grew to 119px at 640 and 138px at 744 and covered the top of blog posts; the
   768-991 band grew to 95px at 991. Between 480 and 991 the bar now holds its 768px size (74px). Phones (<480) and desktop
   (>=992) are unchanged. */
@media screen and (min-width: 480px) and (max-width: 991px) {
#siteNav.sx-b { --size-container-ideal: 834; --size-container-min: 768px; --size-container-max: 768px; }
}