:root {
  --spc-1: 4px;
  --spc-2: 8px;
  --spc-3: 12px;
  --spc-4: 16px;
  --spc-6: 24px;
  --spc-8: 32px;
  --spc-12: 48px;
  --spc-16: 64px;
  --spc-20: 80px;
  --spc-24: 96px;
  --spc-32: 128px;
  --shadow-1: 0 1px 2px rgba(5, 1, 31, 0.4);
  --shadow-2: 0 4px 16px rgba(5, 1, 31, 0.45);
  --shadow-3: 0 12px 32px rgba(5, 1, 31, 0.5);
  --radius-lg: 12px;
  --radius-md: 8px;
  --white-rgb: 255, 255, 255;
  --nav-height: 76px;
  --radius-2xl: 14px;
  --radius-3xl: 20px;
  --content-max: 1240px;
  --ink-900-rgb: 13, 10, 38;
  --ink-950-rgb: 5, 1, 31;
  --radius-full: 9999px;
  --shadow-marketing: 0 24px 80px rgba(5, 1, 31, 0.55);
  --raspberry-500-rgb: 230, 0, 88;
  --white-alpha-strong: 0.14;
  --white-alpha-subtle: 0.06;
  --ultramarine-600-rgb: 43, 1, 170;
  --white-alpha-default: 0.08;
  --card-border-gradient: linear-gradient(135deg, rgba(230, 0, 88, 0.55), rgba(43, 1, 170, 0.35) 45%, rgba(255, 255, 255, 0.06) 100%);
  --glow-raspberry-hover: 0 0 0 1px rgba(230, 0, 88, 0.4), 0 12px 40px rgba(230, 0, 88, 0.32);
  --white-alpha-emphasis: 0.28;
  --glow-raspberry-resting: 0 0 0 1px rgba(230, 0, 88, 0.25), 0 8px 24px rgba(230, 0, 88, 0.18);
  --glow-ultramarine-hover: 0 0 0 1px rgba(43, 1, 170, 0.45), 0 12px 40px rgba(43, 1, 170, 0.35);
  --glow-ultramarine-resting: 0 0 0 1px rgba(43, 1, 170, 0.3), 0 8px 24px rgba(43, 1, 170, 0.2);
}

*, ::before, ::after {
  box-sizing: border-box;
}

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

html {
  scroll-behavior: smooth;
  text-size-adjust: 100%;
}

@media (prefers-reduced-motion: reduce) {
  html {
  scroll-behavior: auto;
  }
}

body {
  color: var(--text-on-dark-standard);
  font-size: 16px;
  margin: 0px;
  overflow-x: hidden;
  background: var(--ink-950);
  font-family: var(--font-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

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

a {
  color: inherit;
  text-decoration-line: none;
  text-decoration-color: initial;
  text-decoration-style: initial;
  text-decoration-thickness: initial;
}

button {
  cursor: pointer;
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-kerning: inherit;
  font-stretch: inherit;
  font-size-adjust: inherit;
  font-variant-caps: inherit;
  font-variant-emoji: inherit;
  font-optical-sizing: inherit;
  font-variant-numeric: inherit;
  font-feature-settings: inherit;
  font-variant-position: inherit;
  font-language-override: inherit;
  font-variant-east-asian: inherit;
  font-variant-ligatures: inherit;
  font-variant-alternates: inherit;
  font-variation-settings: inherit;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--text-on-dark-high);
  margin: 0px;
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: -0.01em;
}

p {
  margin: 0px;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  list-style-image: initial;
  list-style-position: initial;
}

.container {
  width: 100%;
  padding: 0 var(--spc-6);
  max-width: var(--content-max);
  margin: 0px auto;
}

@media (max-width: 640px) {
  .container {
  padding: 0 var(--spc-4);
  }
}

.visually-hidden {
  clip: rect(0px, 0px, 0px, 0px);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow-x: hidden;
  overflow-y: hidden;
  text-wrap-mode: nowrap;
  white-space-collapse: collapse;
}

.eyebrow-2 {
  color: var(--raspberry-300);
  display: inline-block;
  font-size: 13px;
  font-family: var(--font-display);
  font-weight: 600;
  margin-bottom: var(--spc-4);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.h1 {
  font-size: clamp(32px, 4.2vw, 50px);
  font-weight: 700;
  line-height: 1.14;
}

.h2 {
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.2;
}

.h3 {
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
}

.h4 {
  font-size: 21px;
  line-height: 1.2;
}

.text-gradient-brand {
  color: transparent;
  background: linear-gradient(180deg, var(--text-on-dark-high) 0%, var(--raspberry-200) 100%);
  background-clip: text;
}

.text-gradient-accent {
  color: transparent;
  background: linear-gradient(135deg, var(--raspberry-300), var(--raspberry-500));
  font-weight: 400;
  background-clip: text;
}

.text-accent {
  color: var(--raspberry-500);
}

.text-link {
  color: var(--text-on-dark-high);
  text-decoration-line: underline;
  transition-duration: 140ms;
  transition-property: color;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
  transition-timing-function: ease;
}

.text-link:hover {
  color: var(--raspberry-500);
}

.body-xl {
  color: var(--text-on-dark-muted);
  font-size: 19px;
  line-height: 1.55;
}

@media (max-width: 640px) {
  .body-xl {
  font-size: 17px;
  }
}

.body-lg {
  color: var(--text-on-dark-muted);
  font-size: 17px;
  line-height: 1.6;
}

@media (max-width: 640px) {
  .body-lg {
  font-size: 15px;
  }
}

.body-md {
  color: var(--text-on-dark-muted);
  font-size: 16.5px;
  line-height: 1.65;
}

@media (max-width: 640px) {
  .body-md {
  font-size: 14.5px;
  }
}

.body-sm {
  color: var(--text-on-dark-muted);
  font-size: 15.5px;
  line-height: 1.65;
}

.section-head {
  margin: 0 auto var(--spc-16);
  max-width: 640px;
  text-align: center;
}

.section-head .eyebrow-2 {
  display: block;
}

.section-head__title {
  margin-bottom: var(--spc-4);
}

.final-cta-section {
  padding-bottom: var(--spc-24);
}

@media (max-width: 640px) {
  .final-cta-section {
  padding-bottom: var(--spc-16);
  }
}

.final-cta {
  padding: var(--spc-24) var(--spc-8);
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
  text-align: center;
  border-radius: var(--radius-3xl);
}

@media (max-width: 640px) {
  .final-cta {
  padding: var(--spc-16) var(--spc-4);
  }
}

.final-cta::before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  content: "";
  position: absolute;
  background: url('/uploads/mbvQ_JbTxY-5rWuqW76Vh-graphic-wavy-abstract-marketing-v3.png') center / cover no-repeat, var(--ink-950);
}

.final-cta__title {
  margin-bottom: var(--spc-4);
}

.final-cta__subtitle {
  margin-bottom: var(--spc-8);
}

.btn {
  gap: var(--spc-2);
  display: inline-flex;
  font-size: 15px;
  align-items: center;
  font-family: var(--font-display);
  font-weight: 700;
  padding: 14px 28px;
  border-radius: var(--radius-full);
  text-wrap-mode: nowrap;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: medium;
  justify-content: center;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
  transition-delay: 0s, 0s, 0s, 0s;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: medium;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 180ms, 180ms, 180ms, 180ms;
  transition-property: transform, box-shadow, background, border-color;
  white-space-collapse: collapse;
  transition-timing-function: ease, ease, ease, ease;
}

.btn--primary {
  color: var(--text-on-dark-high);
  box-shadow: var(--glow-raspberry-resting);
  background: linear-gradient(135deg, var(--raspberry-500), var(--raspberry-600));
}

.btn--primary:hover {
  box-shadow: var(--glow-raspberry-hover);
  transform: translateY(-1px);
}

.btn--ghost {
  color: var(--text-on-dark-high);
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong)) !important;
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
  backdrop-filter: blur(8px);
}

.btn--ghost:hover {
  background: rgba(var(--white-rgb), var(--white-alpha-default));
  border-color: rgba(var(--white-rgb), var(--white-alpha-emphasis));
}

.btn--sm {
  font-size: 14.5px !important;
  margin-top: 0px !important;
  padding: 10px 20px !important;
}

.btn-row {
  gap: var(--spc-4);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.btn-row--center {
  justify-content: center;
}

.link-arrow {
  gap: var(--spc-2);
  color: var(--text-on-dark-high);
  width: fit-content;
  display: inline-flex;
  font-size: 15px;
  margin-top: var(--spc-6);
  align-items: center;
  font-family: var(--font-display);
  font-weight: 600;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 140ms;
  transition-property: color;
  transition-timing-function: ease;
}

.link-arrow:hover {
  color: var(--raspberry-500);
}

.link-arrow svg {
  width: 16px;
  height: 16px;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: ease;
}

.link-arrow:hover svg {
  transform: translateX(4px);
}

.site-nav {
  gap: var(--spc-4);
  top: var(--spc-4);
  left: 50%;
  width: calc(100% - var(--spc-12));
  z-index: 100;
  display: flex;
  max-width: var(--content-max);
  position: fixed;
  transform: translateX(-50%);
  align-items: center;
  background: rgba(var(--ink-900-rgb), 0.28);
  padding: 12px 18px;
  border-radius: var(--radius-full);
  backdrop-filter: blur(16px) saturate(140%);
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  justify-content: space-between;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  transition-delay: 0s, 0s, 0s, 0s, 0s, 0s;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
  transition-behavior: normal, normal, normal, normal, normal, normal;
  transition-duration: 240ms, 240ms, 240ms, 240ms, 240ms, 240ms;
  transition-property: background, padding, box-shadow, border-color, top, max-width;
  transition-timing-function: ease, ease, ease, ease, ease, ease;
}

.site-nav--static {
  position: relative;
}

.site-nav__brand {
  color: var(--text-on-dark-high);
  row-gap: 10px;
  display: flex;
  font-size: 19px;
  column-gap: 10px;
  align-items: center;
  flex-shrink: 0;
  font-family: var(--font-display);
  font-weight: 800;
}

.site-nav__brand img {
  width: auto;
  height: 20px;
}

#siteNav .site-nav__brand {
  width: 100px;
  height: 20px;
  position: relative;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 240ms;
  transition-property: width;
  transition-timing-function: ease;
}

.site-nav__brand-logo {
  top: 50%;
  left: 0px;
  width: auto;
  filter: blur(0px);
  height: 20px;
  opacity: 1;
  position: absolute;
  transform: translateY(-50%) scale(1) rotate(0deg);
  visibility: visible;
  transform-origin: left center;
  transition-delay: 0s, 0s, 0s, 0s;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 420ms, 420ms, 320ms, 0s;
  transition-property: opacity, transform, filter, visibility;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1), cubic-bezier(0.34, 1.56, 0.64, 1), ease, linear;
}

.site-nav__brand-mark {
  top: 50%;
  left: 0px;
  width: auto;
  filter: blur(3px);
  height: 20px;
  opacity: 0;
  position: absolute;
  transform: translateY(-50%) scale(0.35) rotate(-35deg);
  visibility: hidden;
  transform-origin: left center;
  transition-delay: 0ms, 0ms, 0ms, 420ms;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 420ms, 420ms, 320ms, 0s;
  transition-property: opacity, transform, filter, visibility;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1), cubic-bezier(0.34, 1.56, 0.64, 1), ease, linear;
}

.site-nav__links {
  gap: var(--spc-5, 20px);
  top: 50%;
  left: 50%;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
  align-items: center;
}

@media (max-width: 900px) {
  .site-nav__links {
  display: none;
  }
}

.site-nav__link {
  color: var(--text-on-dark-standard);
  row-gap: 4px;
  display: flex;
  font-size: 14.5px;
  position: relative;
  column-gap: 4px;
  text-align: left;
  align-items: center;
  font-weight: 500;
  padding: 6px 2px;
  background-clip: initial;
  background-size: initial;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: medium;
  background-color: initial;
  background-image: none;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
  transition-delay: 0s;
  background-origin: initial;
  background-repeat: initial;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: medium;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
  transition-behavior: normal;
  transition-duration: 160ms;
  transition-property: color;
  background-position-x: initial;
  background-position-y: initial;
  background-attachment: initial;
  transition-timing-function: ease;
}

.site-nav__link:hover {
  color: var(--text-on-dark-high);
}

.site-nav__link svg {
  top: 1px;
  width: 9px;
  height: 6px;
  opacity: 0.7;
  position: relative;
  flex-shrink: 0;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 200ms;
  transition-property: transform;
  transition-timing-function: ease;
}

.site-nav__dropdown {
  position: relative;
  margin-bottom: -14px;
  padding-bottom: 14px;
}

.site-nav__menu {
  top: 100%;
  left: 50%;
  opacity: 0;
  padding: var(--spc-2);
  min-width: 300px;
  position: absolute;
  box-shadow: var(--shadow-3), var(--glow-raspberry-resting);
  transform: translateX(-50%) translateY(4px);
  background: var(--ink-900);
  visibility: hidden;
  border-radius: var(--radius-lg);
  transition-delay: 0s, 0s, 0s;
  transition-behavior: normal, normal, normal;
  transition-duration: 180ms, 180ms, 180ms;
  transition-property: opacity, transform, visibility;
  transition-timing-function: ease, ease, ease;
}

.site-nav__dropdown:hover .site-nav__menu, .site-nav__dropdown:focus-within .site-nav__menu {
  opacity: 1;
  transform: translateX(-50%) translateY(0px);
  visibility: visible;
}

.site-nav__menu-item {
  gap: var(--spc-3);
  display: flex;
  align-items: flex-start;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 140ms;
  transition-property: background;
  transition-timing-function: ease;
}

.site-nav__menu-item:hover {
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
}

.site-nav__menu-icon {
  color: var(--raspberry-300);
  width: 32px;
  height: 32px;
  display: flex;
  margin-top: 1px;
  align-items: center;
  background: rgba(var(--raspberry-500-rgb), 0.12);
  flex-shrink: 0;
  border-radius: var(--radius-md);
  justify-content: center;
}

.site-nav__menu-icon svg {
  width: 18px;
  height: 18px;
}

.site-nav__menu-title {
  color: var(--text-on-dark-high);
  display: block;
  font-size: 14.5px;
  font-weight: 600;
}

.site-nav__menu-desc {
  color: var(--text-on-dark-muted);
  display: block;
  font-size: 12.5px;
  margin-top: 2px;
}

.site-nav__actions {
  gap: var(--spc-4);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.site-nav__login {
  color: var(--text-on-dark-standard);
  font-size: 14.5px;
  font-weight: 500;
}

@media (max-width: 900px) {
  .site-nav__login {
  display: none;
  }
}

.site-nav__login:hover {
  color: var(--text-on-dark-high);
}

.site-nav__toggle {
  color: var(--text-on-dark-high);
  width: 38px;
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  height: 38px;
  display: none;
  align-items: center;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMyA1SDE3TTMgMTBIMTdNMyAxNUgxNyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvc3ZnPg==") center / 20px 20px no-repeat, rgba(var(--white-rgb), var(--white-alpha-subtle));
  border-radius: var(--radius-full);
  justify-content: center;
}

@media (max-width: 900px) {
  .site-nav__toggle {
  display: flex;
  }
}

.site-nav__mobile-menu {
  top: calc(var(--nav-height) + 14px);
  left: var(--spc-4);
  right: var(--spc-4);
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  row-gap: 2px;
  z-index: 99;
  display: none;
  opacity: 0;
  padding: var(--spc-3);
  position: fixed;
  box-shadow: var(--shadow-3);
  column-gap: 2px;
  max-height: calc(100vh - var(--nav-height) - 14px - var(--spc-4));
  overflow-y: auto;
  transform: translateY(-8px);
  background: rgba(var(--ink-900-rgb), 0.96);
  visibility: hidden;
  border-radius: var(--radius-lg);
  flex-direction: column;
  transition-delay: 0s, 0s, 0s;
  transition-behavior: normal, normal, normal;
  transition-duration: 200ms, 200ms, 200ms;
  transition-property: opacity, transform, visibility;
  transition-timing-function: ease, ease, ease;
}

.site-nav__mobile-menu a {
  color: var(--text-on-dark-standard);
  display: block;
  font-size: 15px;
  padding: 12px 14px;
  border-radius: var(--radius-md);
}

.site-nav__mobile-menu a:hover {
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
}

.site-nav__mobile-menu .btn {
  width: 100%;
  margin-top: var(--spc-2);
  text-align: center;
}

.card {
  padding: var(--spc-8) var(--spc-6);
  position: relative;
  box-shadow: var(--shadow-2),
    inset 0 1px 0 rgba(var(--white-rgb), var(--white-alpha-subtle)),
    0 0 0 1px rgba(var(--raspberry-500-rgb), 0),
    0 8px 24px rgba(var(--raspberry-500-rgb), 0);
  background: radial-gradient(140% 100% at 50% -8%, rgba(var(--white-rgb), var(--white-alpha-subtle)), transparent 50%) padding-box,
    radial-gradient(65% 60% at 50% 62%, rgba(var(--ink-950-rgb), 0.4), transparent 72%) padding-box,
    linear-gradient(var(--ink-900), var(--ink-900)) padding-box,
    var(--card-border-gradient) border-box;
  border-radius: var(--radius-2xl);
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  transition-delay: 0s, 0s;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
  transition-behavior: normal, normal;
  transition-duration: 220ms, 220ms;
  transition-property: transform, box-shadow;
  transition-timing-function: ease, ease;
}

.card.reveal {
  transition-delay: 0s, 0s, 0s;
  transition-behavior: normal, normal, normal;
  transition-duration: 620ms, 620ms, 220ms;
  transition-property: opacity, transform, box-shadow;
  transition-timing-function: ease, ease, ease;
}

.card:hover {
  box-shadow: var(--shadow-3),
    inset 0 1px 0 rgba(var(--white-rgb), var(--white-alpha-subtle)),
    0 0 0 1px rgba(var(--raspberry-500-rgb), 0.25),
    0 8px 24px rgba(var(--raspberry-500-rgb), 0.18);
  transform: translateY(-3px);
}

.card__title {
  margin-bottom: var(--spc-3);
}

.shot-frame {
  position: relative;
  box-shadow: var(--shadow-marketing);
  border-radius: var(--radius-3xl);
}

.shot-frame__inner {
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--ink-900);
  border-radius: var(--radius-3xl);
}

.shot-frame__inner img {
  width: 100%;
  height: auto;
  display: block;
}

.site-footer {
  padding: var(--spc-24) 0 var(--spc-12);
  position: relative;
  border-top: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
}

.footer-grid {
  gap: var(--spc-12);
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 1fr 1.3fr;
}

@media (max-width: 900px) {
  .footer-grid {
  grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .footer-grid {
  grid-template-columns: 1fr;
  }
}

.footer-col__heading {
  color: var(--text-on-dark-faint);
  font-size: 13.5px;
  font-family: var(--font-display);
  font-weight: 600;
  margin-bottom: var(--spc-4);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.footer-col__body {
  color: var(--text-on-dark-muted);
  font-size: 14.5px;
}

.footer-col__body--narrow {
  max-width: 260px;
}

.footer-brand {
  display: flex;
  margin-bottom: var(--spc-3);
}

.footer-col a {
  color: var(--text-on-dark-muted);
  display: block;
  font-size: 14.5px;
  padding: 6px 0px;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 140ms;
  transition-property: color;
  transition-timing-function: ease;
}

.footer-col a:hover {
  color: var(--text-on-dark-high);
}

.footer-form {
  gap: var(--spc-2);
  display: flex;
  margin-top: var(--spc-4);
}

.footer-form input[type="email"] {
  color: var(--text-on-dark-high);
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  flex-grow: 1;
  font-size: 14.5px;
  min-width: 0px;
  flex-basis: 0%;
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
  flex-shrink: 1;
  font-family: var(--font-body);
  padding: 12px 16px;
  border-radius: var(--radius-full);
}

.footer-form input[type="email"]::placeholder {
  color: var(--text-on-dark-faint);
}

.footer-bottom {
  gap: var(--spc-4);
  color: var(--text-on-dark-faint);
  display: flex;
  flex-wrap: wrap;
  font-size: 13.5px;
  border-top: 1px solid rgba(var(--white-rgb), var(--white-alpha-subtle));
  margin-top: var(--spc-16);
  align-items: center;
  padding-top: var(--spc-6);
  justify-content: space-between;
}

.footer-bottom__legal {
  gap: var(--spc-6);
  display: flex;
}

.footer-bottom__right {
  gap: var(--spc-6);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.footer-bottom__social {
  gap: var(--spc-3);
  display: flex;
  align-items: center;
}

.footer-bottom__social a {
  color: var(--raspberry-500);
  display: flex;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 140ms;
  transition-property: color;
  transition-timing-function: ease;
}

.footer-bottom__social a:hover {
  color: var(--raspberry-300);
}

.footer-bottom__social svg {
  width: 18px;
  height: 18px;
}

.reveal {
  opacity: 0;
  transform: translateY(18px);
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 620ms, 620ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

.newsletter-hero {
  padding: calc(var(--nav-height) + var(--spc-16)) 0 var(--spc-24);
  text-align: center;
}

.newsletter-hero__content {
  max-width: 640px;
  margin: 0px auto;
}

.newsletter-hero__title {
  margin-bottom: var(--spc-4);
}

.newsletter-hero__subtitle {
  margin-bottom: var(--spc-8);
}

.newsletter-form {
  gap: var(--spc-2);
  display: flex;
  max-width: 460px;
  margin: 0px auto;
}

@media (max-width: 480px) {
  .newsletter-form {
  flex-direction: column;
  }
}

.newsletter-form input[type="email"] {
  color: var(--text-on-dark-high);
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  padding: var(--spc-4);
  flex-grow: 1;
  font-size: 16px;
  min-width: 0px;
  flex-basis: 0%;
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
  flex-shrink: 1;
  font-family: var(--font-body);
  border-radius: var(--radius-full);
}

.newsletter-form input[type="email"]::placeholder {
  color: var(--text-on-dark-faint);
}

.newsletter-form__note {
  color: var(--text-on-dark-faint);
  margin-top: var(--spc-4);
}

.about-hero__intro {
  margin-bottom: var(--spc-12);
}

.about-hero__intro-grid {
  gap: var(--spc-12);
  display: grid;
  margin-top: var(--spc-4);
  align-items: end;
  grid-template-columns: minmax(0px, 640px) minmax(0px, 1fr);
}

@media (max-width: 768px) {
  .about-hero__intro-grid {
  gap: var(--spc-4);
  grid-template-columns: 1fr;
  }
}

.about-hero__subtitle {
  padding-bottom: var(--spc-2);
}

.about-hero__images {
  gap: var(--spc-6);
  display: flex;
}

@media (max-width: 768px) {
  .about-hero__images {
  flex-direction: column;
  }
}

.about-hero__image {
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  box-shadow: var(--shadow-marketing);
  background: var(--photo) center / cover no-repeat,
    radial-gradient(120% 140% at 10% 0%, rgba(var(--raspberry-500-rgb), 0.35), transparent 55%),
    radial-gradient(120% 140% at 100% 100%, rgba(var(--ultramarine-600-rgb), 0.45), transparent 55%),
    var(--ink-900);
  border-radius: var(--radius-3xl);
}

.mission {
  padding: var(--spc-16) 0 var(--spc-24);
}

.stats {
  max-width: 880px;
  border-top: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  margin: 0px auto;
}

.stats__row {
  gap: var(--spc-8);
  display: grid;
  padding: var(--spc-8) 0;
  align-items: center;
  border-bottom: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  grid-template-columns: minmax(0px, 280px) minmax(0px, 1fr);
}

@media (max-width: 640px) {
  .stats__row {
  gap: var(--spc-2);
  padding: var(--spc-6) 0;
  grid-template-columns: 1fr;
  }
}

.stats__number {
  color: transparent;
  background: linear-gradient(135deg, var(--text-on-dark-high), var(--raspberry-300));
  font-family: var(--font-display);
  background-clip: text;
}

.stats__desc {
  color: var(--text-on-dark-muted);
}

.stats__row.reveal-2:nth-child(3) {
  transition-delay: 240ms, 240ms;
}

.values {
  position: relative;
}

.values__intro-track {
  height: 300vh;
  position: relative;
}

@media (max-width: 900px) {
  .values__intro-track {
  height: auto;
  }
}

.values__intro-stage {
  top: 0px;
  height: 100vh;
  display: flex;
  position: sticky;
  overflow-x: hidden;
  overflow-y: hidden;
  align-items: center;
}

@media (max-width: 900px) {
  .values__intro-stage {
  height: auto;
  padding: var(--spc-24) 0;
  position: static;
  }
}

.values__intro {
  height: 100%;
  display: flex;
  position: relative;
  --stack-x: 50%;
  --stack-y: 27%;
  text-align: center;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1440px) {
  .values__intro {
  --stack-y: 22%;
  }
}

.values__lead {
  z-index: 1;
  max-width: 720px;
  position: relative;
  margin: 0px auto;
}

.values__intro-chip[data-index="0"] {
  --photo: url('/uploads/48uZWBaeHl2sP_7DaDmaA-start-with-customer.jpg');
}

.values__image[data-index="0"] {
  --photo: url('/uploads/48uZWBaeHl2sP_7DaDmaA-start-with-customer.jpg');
}

.values__intro-chip[data-index="1"] {
  --photo: url('/uploads/3wdIUMnY2qj530L87oboL-give-af.jpg');
}

.values__image[data-index="1"] {
  --photo: url('/uploads/3wdIUMnY2qj530L87oboL-give-af.jpg');
}

.values__intro-chip[data-index="2"] {
  --photo: url('/uploads/Q8020j86xMW4XeOeI6lyl-be-open-honest.jpg');
}

.values__image[data-index="2"] {
  --photo: url('/uploads/Q8020j86xMW4XeOeI6lyl-be-open-honest.jpg');
}

.values__intro-chip[data-index="3"] {
  --photo: url('/uploads/JZvVOfW34DgrIhF3GLp91-be-human.jpg');
}

.values__image[data-index="3"] {
  --photo: url('/uploads/JZvVOfW34DgrIhF3GLp91-be-human.jpg');
}

.values__intro-chip[data-index="4"] {
  --photo: url('/uploads/RYwI3aLUFBVpP3K5ZO_8L-one-percent-better.jpg');
}

.values__image[data-index="4"] {
  --photo: url('/uploads/RYwI3aLUFBVpP3K5ZO_8L-one-percent-better.jpg');
}

.values__intro-chip {
  top: var(--y);
  left: var(--x);
  width: 160px;
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  height: 160px;
  opacity: 0;
  position: absolute;
  box-shadow: var(--shadow-3);
  transform: translate(-50%, -50%);
  background: radial-gradient(120% 140% at 20% 10%, rgba(var(--raspberry-500-rgb), 0.15), transparent 60%),
    radial-gradient(120% 140% at 90% 90%, rgba(var(--ultramarine-600-rgb), 0.2), transparent 60%),
    var(--photo) center / cover no-repeat,
    var(--ink-900);
  border-radius: var(--radius-2xl);
  transition-delay: 0s, 0s, 0s;
  transition-behavior: normal, normal, normal;
  transition-duration: 700ms, 700ms, 500ms;
  transition-property: top, left, opacity;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1), cubic-bezier(0.65, 0, 0.35, 1), ease;
}

@media (max-width: 900px) {
  .values__intro-chip {
  display: none;
  }
}

.values__intro-chip--top {
  --x: var(--stack-x);
  --y: var(--stack-y);
  transition-delay: 0ms, 0ms, 0ms;
}

.values__intro-chip--left {
  --x: 11%;
  --y: 50%;
  transition-delay: 0ms, 0ms, 150ms;
}

.values__intro-chip--right {
  --x: 89%;
  --y: 50%;
  transition-delay: 0ms, 0ms, 300ms;
}

.values__intro-chip--bottom-left {
  --x: 35%;
  --y: 73%;
  transition-delay: 0ms, 0ms, 450ms;
}

@media (min-width: 1440px) {
  .values__intro-chip--bottom-left {
  --y: 78%;
  }
}

.values__intro-chip--bottom-right {
  --x: 65%;
  --y: 73%;
  transition-delay: 0ms, 0ms, 600ms;
}

@media (min-width: 1440px) {
  .values__intro-chip--bottom-right {
  --y: 78%;
  }
}

.values__intro-chip--logo {
  --x: var(--stack-x);
  --y: var(--stack-y);
  z-index: 10;
  display: flex;
  opacity: 0;
  align-items: center;
  justify-content: center;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 600ms;
  transition-property: opacity;
  transition-timing-function: ease;
}

.values__intro-chip--logo img {
  width: 40%;
  height: 40%;
}

.values__track {
  height: 500vh;
  position: relative;
}

@media (max-width: 900px) {
  .values__track {
  height: auto;
  }
}

.values__stage {
  top: 0px;
  height: 100vh;
  display: flex;
  position: sticky;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
  align-items: center;
}

@media (max-width: 900px) {
  .values__stage {
  height: auto;
  display: block;
  padding: var(--spc-16) 0;
  position: static;
  }
}

.values__stage-inner {
  width: 100%;
  z-index: 1;
  position: relative;
}

.values__text-col {
  max-width: 520px;
  position: relative;
  min-height: 260px;
}

@media (max-width: 900px) {
  .values__text-col {
  max-width: none;
  min-height: 0px;
  }
}

.values__panel {
  top: var(--spc-12);
  left: 0px;
  right: auto;
  width: 100%;
  bottom: auto;
  opacity: 0;
  position: absolute;
  transform: translateY(18px);
  pointer-events: none;
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 480ms, 480ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

@media (max-width: 900px) {
  .values__panel {
  opacity: 1;
  position: static;
  transform: none;
  padding-bottom: var(--spc-12);
  pointer-events: auto;
  }
}

.values__panel.is-active {
  opacity: 1;
  transform: translateY(0px);
  pointer-events: auto;
}

.values__panel-title {
  margin-bottom: var(--spc-4);
}

.values__panel-desc {
  color: var(--text-on-dark-muted);
  max-width: 440px;
}

.values__visual-col {
  top: 0px;
  left: 52%;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  position: absolute;
}

@media (max-width: 900px) {
  .values__visual-col {
  display: none;
  }
}

.values__image {
  top: 0px;
  left: 0px;
  right: 0px;
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  bottom: 0px;
  opacity: 0;
  position: absolute;
  box-shadow: var(--shadow-marketing);
  transform: scale(0.92) rotate(var(--tilt, 0deg)) translateY(16px);
  background: radial-gradient(120% 140% at 15% 10%, rgba(var(--raspberry-500-rgb), 0.18), transparent 55%),
    radial-gradient(120% 140% at 100% 100%, rgba(var(--ultramarine-600-rgb), 0.22), transparent 55%),
    var(--photo) center / cover no-repeat,
    var(--ink-900);
  border-radius: var(--radius-3xl) 0 0 var(--radius-3xl);
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 620ms, 620ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

.values__image:nth-child(1) {
  --tilt: -3deg;
  z-index: 1;
}

.values__image:nth-child(2) {
  --tilt: 2deg;
  z-index: 2;
}

.values__image:nth-child(3) {
  --tilt: -2deg;
  z-index: 3;
}

.values__image:nth-child(4) {
  --tilt: 3deg;
  z-index: 4;
}

.values__image:nth-child(5) {
  --tilt: -1deg;
  z-index: 5;
}

.values__image.is-active {
  z-index: 10;
  opacity: 1;
  transform: scale(1) rotate(0deg) translateY(0px);
}

@media (max-width: 900px) {
  .values__panel:last-child {
  padding-bottom: 0px;
  }
}

.team {
  padding: calc(var(--spc-16) + 64px) 0 calc(var(--spc-24) + 64px);
}

@media (max-width: 900px) {
  .team {
  padding: calc(var(--spc-16) + 24px) 0 calc(var(--spc-24) + 24px);
  }
}

.team__grid {
  gap: var(--spc-6);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 560px) {
  .team__grid {
  grid-template-columns: 1fr;
  }
}

@media (max-width: 1000px) {
  .team__grid {
  grid-template-columns: repeat(2, 1fr);
  }
}

.team-card {
  text-align: center;
}

.team-card__photo {
  width: 96px;
  height: 96px;
  margin: 0 auto var(--spc-4);
  display: flex;
  overflow-x: hidden;
  overflow-y: hidden;
  align-items: center;
  background: linear-gradient(135deg, var(--raspberry-500), var(--ultramarine-600));
  justify-content: center;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.team-card__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.team-card__photo span {
  color: var(--text-on-dark-high);
  font-size: 22px;
  font-family: var(--font-display);
  font-weight: 700;
}

.team-card__name {
  margin-bottom: var(--spc-1);
}

.team-card__title {
  color: var(--raspberry-300);
  font-size: 13.5px;
}

.team__join {
  color: var(--text-on-dark-muted);
  margin: var(--spc-12) auto 0;
  font-size: 16.5px;
  max-width: 640px;
  text-align: center;
  line-height: 1.65;
}

.why-hero__grid {
  gap: var(--spc-12);
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0px, 460px) minmax(0px, 1fr);
}

@media (max-width: 900px) {
  .why-hero__grid {
  text-align: center;
  grid-template-columns: 1fr;
  }
}

.why-hero__title {
  margin-bottom: var(--spc-4);
}

.why-hero__subtitle {
  max-width: 480px;
  margin-bottom: var(--spc-8);
}

@media (max-width: 900px) {
  .why-hero__subtitle {
  margin-left: auto;
  margin-right: auto;
  }
}

.why-hero__visual {
  display: flex;
  opacity: 0;
  animation-name: why-hero-fade-side;
  animation-delay: 260ms;
  justify-content: center;
  animation-duration: 650ms;
  animation-fill-mode: forwards;
  animation-range-end: normal;
  animation-timeline: auto;
  animation-direction: normal;
  animation-play-state: running;
  animation-range-start: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@media (prefers-reduced-motion: reduce) {
  .why-hero__visual {
  opacity: 1 !important;
  transform: none !important;
  animation-name: none !important;
  animation-delay: 0s !important;
  transition-delay: 0s !important;
  animation-duration: auto !important;
  animation-fill-mode: none !important;
  animation-range-end: normal !important;
  animation-timeline: auto !important;
  animation-direction: normal !important;
  animation-play-state: running !important;
  transition-behavior: normal !important;
  transition-duration: 0s !important;
  transition-property: none !important;
  animation-range-start: normal !important;
  animation-iteration-count: 1 !important;
  animation-timing-function: ease !important;
  transition-timing-function: ease !important;
  }
}

.why-hero__visual img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 560px;
}

@media (max-width: 900px) {
  .why-hero__actions {
  justify-content: center;
  }
}

@keyframes why-hero-fade-up {
  0% {
    opacity: 0;
    transform: translateY(14px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes why-hero-fade-side {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}

.why-hero__content > * {
  opacity: 0;
  animation-name: why-hero-fade-up;
  animation-delay: 0s;
  animation-duration: 600ms;
  animation-fill-mode: forwards;
  animation-range-end: normal;
  animation-timeline: auto;
  animation-direction: normal;
  animation-play-state: running;
  animation-range-start: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

@media (prefers-reduced-motion: reduce) {
  .why-hero__content > * {
  opacity: 1 !important;
  transform: none !important;
  animation-name: none !important;
  animation-delay: 0s !important;
  transition-delay: 0s !important;
  animation-duration: auto !important;
  animation-fill-mode: none !important;
  animation-range-end: normal !important;
  animation-timeline: auto !important;
  animation-direction: normal !important;
  animation-play-state: running !important;
  transition-behavior: normal !important;
  transition-duration: 0s !important;
  transition-property: none !important;
  animation-range-start: normal !important;
  animation-iteration-count: 1 !important;
  animation-timing-function: ease !important;
  transition-timing-function: ease !important;
  }
}

.why-hero__content > :nth-child(1) {
  animation-delay: 40ms;
}

.why-hero__content > :nth-child(2) {
  animation-delay: 110ms;
}

.why-hero__content > :nth-child(3) {
  animation-delay: 180ms;
}

.why-hero__content > :nth-child(4) {
  animation-delay: 250ms;
}

.why-intro {
  padding: var(--spc-16) 0 0;
}

.why-features {
  padding: var(--spc-20) 0;
}

.why-features .container {
  gap: var(--spc-24);
  display: flex;
  flex-direction: column;
}

.why-feature {
  gap: var(--spc-8);
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
}

@media (max-width: 900px) {
  .why-feature {
  text-align: center;
  grid-template-columns: 1fr;
  }
}

.why-feature--reverse .why-feature__text {
  order: 2;
}

@media (max-width: 900px) {
  .why-feature--reverse .why-feature__text {
  order: initial;
  }
}

.why-feature__text.reveal-3 {
  transform: translateX(-24px);
}

@media (prefers-reduced-motion: reduce) {
  .why-feature__text.reveal-3 {
  opacity: 1 !important;
  transform: none !important;
  animation-name: none !important;
  animation-delay: 0s !important;
  transition-delay: 0s !important;
  animation-duration: auto !important;
  animation-fill-mode: none !important;
  animation-range-end: normal !important;
  animation-timeline: auto !important;
  animation-direction: normal !important;
  animation-play-state: running !important;
  transition-behavior: normal !important;
  transition-duration: 0s !important;
  transition-property: none !important;
  animation-range-start: normal !important;
  animation-iteration-count: 1 !important;
  animation-timing-function: ease !important;
  transition-timing-function: ease !important;
  }
}

.why-feature__media.reveal-3 {
  transform: translateX(24px);
  transition-delay: 90ms;
}

@media (prefers-reduced-motion: reduce) {
  .why-feature__media.reveal-3 {
  opacity: 1 !important;
  transform: none !important;
  animation-name: none !important;
  animation-delay: 0s !important;
  transition-delay: 0s !important;
  animation-duration: auto !important;
  animation-fill-mode: none !important;
  animation-range-end: normal !important;
  animation-timeline: auto !important;
  animation-direction: normal !important;
  animation-play-state: running !important;
  transition-behavior: normal !important;
  transition-duration: 0s !important;
  transition-property: none !important;
  animation-range-start: normal !important;
  animation-iteration-count: 1 !important;
  animation-timing-function: ease !important;
  transition-timing-function: ease !important;
  }
}

.why-feature--reverse .why-feature__text.reveal-3 {
  transform: translateX(24px);
  transition-delay: 90ms;
}

.why-feature--reverse .why-feature__media.reveal-3 {
  transform: translateX(-24px);
  transition-delay: 0ms;
}

.why-feature__title {
  margin-bottom: var(--spc-4);
}

.why-feature__body {
  max-width: 440px;
  margin-bottom: var(--spc-6);
}

@media (max-width: 900px) {
  .why-feature__body {
  margin-left: auto;
  margin-right: auto;
  }
}

.why-feature__media img {
  width: 100%;
  height: auto;
  display: block;
}

.why-crosslink {
  padding: var(--spc-24) 0;
}

.why-crosslink__grid {
  gap: var(--spc-6);
  display: grid;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}

@media (max-width: 640px) {
  .why-crosslink__grid {
  grid-template-columns: 1fr;
  }
}

.why-crosslink__card {
  display: flex;
  min-height: 300px;
  align-items: flex-start;
  flex-direction: column;
  text-decoration-line: none;
  text-decoration-color: initial;
  text-decoration-style: initial;
  text-decoration-thickness: initial;
}

.why-crosslink__card:nth-child(2) {
  transition-delay: 120ms, 120ms, 0ms;
}

.why-crosslink__title-row {
  gap: var(--spc-3);
  display: flex;
  align-items: center;
  margin-bottom: var(--spc-4);
}

.why-crosslink__icon {
  color: var(--raspberry-300);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  background: rgba(var(--raspberry-500-rgb), 0.12);
  flex-shrink: 0;
  border-radius: var(--radius-md);
  justify-content: center;
}

.why-crosslink__icon svg {
  width: 22px;
  height: 22px;
}

.why-crosslink__link {
  margin-top: auto;
}

.contact-form {
  gap: var(--spc-4);
  width: 100%;
  display: flex;
  padding: var(--spc-8);
  max-width: 480px;
  box-shadow: var(--shadow-marketing);
  background: radial-gradient(140% 100% at 50% -8%, rgba(var(--white-rgb), var(--white-alpha-subtle)), transparent 50%) padding-box,
    linear-gradient(var(--ink-900), var(--ink-900)) padding-box,
    var(--card-border-gradient) border-box;
  border-radius: var(--radius-3xl);
  flex-direction: column;
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
}

.contact-form__row {
  gap: var(--spc-4);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 480px) {
  .contact-form__row {
  grid-template-columns: 1fr;
  }
}

.contact-form__field {
  display: flex;
}

.contact-form input, .contact-form textarea {
  color: var(--text-on-dark-high);
  width: 100%;
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  font-size: 15px;
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
  font-family: var(--font-body);
  padding: 14px 16px;
  border-radius: var(--radius-lg);
}

.contact-form textarea {
  resize: vertical;
  min-height: 120px;
}

.contact-form input::placeholder, .contact-form textarea::placeholder {
  color: var(--text-on-dark-faint);
}

.contact-form input:focus, .contact-form textarea:focus {
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
  border-color: rgba(var(--raspberry-500-rgb), 0.55);
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

.contact-form__submit {
  width: 100%;
  margin-top: var(--spc-2);
}

.customer-hero {
  padding: calc(var(--nav-height) + var(--spc-12)) 0 var(--spc-24);
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
}

.customer-hero::before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  filter: blur(10px);
  z-index: -1;
  content: "";
  position: absolute;
  background: radial-gradient(55% 45% at 15% 10%, rgba(var(--raspberry-500-rgb), 0.4), transparent 70%),
    radial-gradient(55% 45% at 80% 5%, rgba(var(--ultramarine-600-rgb), 0.5), transparent 70%),
    var(--ink-950);
}

.customer-hero__top {
  gap: var(--spc-12);
  display: grid;
  align-items: center;
  margin-bottom: var(--spc-16);
  grid-template-columns: minmax(0px, 460px) minmax(0px, 1fr);
}

@media (max-width: 768px) {
  .customer-hero__top {
  grid-template-columns: 1fr;
  }
}

.customer-hero__title {
  font-size: clamp(26px, 3vw, 36px);
  margin-bottom: var(--spc-6);
}

.customer-hero__visual img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: var(--shadow-marketing);
  border-radius: var(--radius-3xl);
}

.customer-about {
  gap: var(--spc-12);
  display: grid;
  margin-bottom: var(--spc-16);
  grid-template-columns: minmax(0px, 280px) minmax(0px, 1fr);
}

@media (max-width: 768px) {
  .customer-about {
  grid-template-columns: 1fr;
  }
}

.customer-about__logo img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-lg);
  margin-bottom: var(--spc-3);
}

.customer-about__title {
  margin-bottom: var(--spc-2);
}

@media (max-width: 768px) {
  .customer-hero__visual {
  order: -1;
  }
}

@media (max-width: 768px) {
  .customer-about__logo {
  max-width: 280px;
  }
}

.customer-about__tagline {
  color: var(--text-on-dark-muted);
  font-style: italic;
  margin-bottom: var(--spc-4);
}

.customer-about__text > * + * {
  margin-top: var(--spc-4);
}

.customer-quote {
  gap: var(--spc-6);
  display: grid;
  align-items: start;
  grid-template-columns: auto minmax(0px, 1fr);
}

@media (max-width: 640px) {
  .customer-quote {
  grid-template-columns: 1fr;
  }
}

.customer-quote__avatar {
  width: 88px;
  height: 88px;
  display: block;
  object-fit: cover;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}

.customer-quote__body {
  border-left: 2px solid var(--raspberry-500);
  padding-left: var(--spc-6);
}

@media (max-width: 640px) {
  .customer-quote__body {
  padding-left: var(--spc-4);
  }
}

.customer-quote__text {
  margin-bottom: var(--spc-3);
}

.customer-quote__name {
  color: var(--text-on-dark-high);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.customer-quote__title {
  color: var(--text-on-dark-faint);
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.customer-stats {
  padding: var(--spc-20) 0;
}

.customer-stats__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
  .customer-stats__grid {
  gap: var(--spc-8);
  grid-template-columns: 1fr;
  }
}

.customer-stat {
  padding: 0 var(--spc-8);
  border-left: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
}

@media (max-width: 768px) {
  .customer-stat {
  border-top: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  padding: var(--spc-8) 0px 0px;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
  }
}

.customer-stat:first-child {
  padding-left: 0px;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
}

@media (max-width: 768px) {
  .customer-stat:first-child {
  padding-top: 0px;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: medium;
  }
}

.customer-stat__icon {
  color: var(--raspberry-300);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  background: rgba(var(--raspberry-500-rgb), 0.12);
  border-radius: var(--radius-md);
  margin-bottom: var(--spc-4);
  justify-content: center;
}

.customer-stat__icon svg {
  width: 20px;
  height: 20px;
}

.customer-stat__title {
  margin-bottom: var(--spc-2);
}

.customer-story {
  padding: var(--spc-16) 0 var(--spc-24);
}

.customer-story .container > * + * {
  margin-top: var(--spc-12);
}

.story-block {
  gap: var(--spc-8);
  display: grid;
  align-items: start;
  grid-template-columns: minmax(0px, 220px) minmax(0px, 1fr);
}

@media (max-width: 768px) {
  .story-block {
  gap: var(--spc-4);
  grid-template-columns: 1fr;
  }
}

.story-block__head {
  gap: var(--spc-3);
  display: flex;
  align-items: center;
}

.story-block__icon {
  color: var(--raspberry-300);
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  background: rgba(var(--raspberry-500-rgb), 0.12);
  flex-shrink: 0;
  border-radius: var(--radius-md);
  justify-content: center;
}

.story-block__icon svg {
  width: 20px;
  height: 20px;
}

.story-block__intro {
  margin-bottom: var(--spc-4);
}

.story-block__list {
  gap: var(--spc-4);
  display: flex;
  flex-direction: column;
}

.story-block__list li {
  color: var(--text-on-dark-muted);
}

.story-block__list strong {
  color: var(--text-on-dark-high);
}

.customer-story__screenshot {
  max-width: 900px;
  margin: 0px auto;
}

.customer-story__screenshot img {
  width: 100%;
  height: auto;
  display: block;
  box-shadow: var(--shadow-marketing);
  border-radius: var(--radius-2xl);
}

.hero-2 {
  padding: calc(var(--nav-height) + var(--spc-6)) 0 var(--spc-24);
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
}

.hero-2::before {
  top: -20%;
  left: -10%;
  right: -10%;
  bottom: auto;
  filter: blur(10px);
  height: 900px;
  z-index: -1;
  content: "";
  position: absolute;
  background: radial-gradient(48% 60% at 28% 20%, rgba(var(--raspberry-500-rgb), 0.42), transparent 70%),
    radial-gradient(50% 65% at 75% 10%, rgba(var(--ultramarine-600-rgb), 0.55), transparent 70%),
    radial-gradient(60% 60% at 50% 60%, rgba(var(--ink-950-rgb), 0.9), var(--ink-950) 80%);
}

.hero__stage {
  z-index: 1;
  display: flex;
  position: relative;
  min-height: 440px;
  flex-direction: column;
  pointer-events: none;
  justify-content: center;
}

.hero__particles {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%;
  z-index: 0;
  position: absolute;
}

.hero__content {
  z-index: 1;
  max-width: 780px;
  position: relative;
  margin: 0px auto;
  text-align: center;
  pointer-events: none;
}

.hero__content > * {
  pointer-events: auto;
}

.hero__title {
  margin-bottom: var(--spc-4);
}

.hero__subtitle {
  margin: 0 auto var(--spc-8);
  max-width: 560px;
}

.hero__visual {
  z-index: 1;
  max-width: 1080px;
  position: relative;
  margin-top: -8px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 720px) {
  .hero__visual {
  margin-top: var(--spc-12);
  }
}

.steps {
  padding: var(--spc-24) 0;
  position: relative;
}

.steps__grid {
  gap: var(--spc-6);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 900px) {
  .steps__grid {
  grid-template-columns: 1fr;
  }
}

.steps__grid .card.reveal {
  transform: translateX(-28px);
}

.steps__grid .card-2:nth-child(3) {
  transition-delay: 280ms, 280ms, 0ms;
}

@media (max-width: 900px) {
  .steps__grid .card-2:nth-child(3) {
  transition-delay: 180ms, 180ms, 0ms;
  }
}

.step-number {
  color: var(--raspberry-300);
  font-size: 14.5px;
  font-family: var(--font-display);
  font-weight: 800;
  margin-bottom: var(--spc-4);
  letter-spacing: 0.08em;
}

.showcase {
  position: relative;
}

.showcase__track {
  height: 400vh;
  position: relative;
}

@media (max-width: 900px) {
  .showcase__track {
  height: auto;
  }
}

.showcase__stage {
  top: var(--nav-height);
  height: max(680px, calc(100vh - var(--nav-height) - var(--spc-6)));
  display: flex;
  position: sticky;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
  align-items: center;
}

@media (max-width: 900px) {
  .showcase__stage {
  height: auto;
  display: block;
  padding: var(--spc-16) 0;
  position: static;
  overflow-x: visible;
  overflow-y: visible;
  }
}

.showcase__stage::before {
  top: -15%;
  left: -10%;
  right: -10%;
  bottom: -15%;
  filter: blur(20px);
  z-index: -1;
  content: "";
  position: absolute;
  background: radial-gradient(38% 55% at 20% 32%, rgba(var(--raspberry-500-rgb), 0.16), transparent 70%);
}

@media (max-width: 900px) {
  .showcase__stage::before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  filter: blur(30px);
  }
}

.showcase__stage-inner {
  gap: var(--spc-8);
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0px, 0.75fr) minmax(0px, 1.25fr);
}

@media (max-width: 900px) {
  .showcase__stage-inner {
  display: block;
  }
}

.showcase__text-col {
  position: relative;
  min-height: 300px;
}

@media (max-width: 900px) {
  .showcase__text-col {
  min-height: 0px;
  }
}

.showcase__panel {
  top: 0px;
  left: 0px;
  right: auto;
  width: 100%;
  bottom: auto;
  display: flex;
  opacity: 0;
  position: absolute;
  transform: translateX(28px);
  flex-direction: column;
  pointer-events: none;
  justify-content: center;
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 420ms, 420ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

@media (max-width: 900px) {
  .showcase__panel {
  opacity: 1;
  padding: 0 0 var(--spc-16);
  position: static;
  transform: none;
  pointer-events: auto;
  }
}

.showcase__item-title {
  font-size: clamp(24px, 3vw, 32px);
  margin-bottom: var(--spc-4);
}

.showcase__item-visual {
  display: none;
}

@media (max-width: 900px) {
  .showcase__item-visual {
  display: block;
  margin-top: var(--spc-6);
  }
}

.showcase__visual-col {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}

@media (max-width: 900px) {
  .showcase__visual-col {
  display: none;
  }
}

.showcase__visual-col::before {
  top: -26%;
  left: -26%;
  right: -26%;
  bottom: -26%;
  filter: blur(36px);
  z-index: -1;
  content: "";
  position: absolute;
  background: radial-gradient(58% 58% at 50% 50%, rgba(var(--ultramarine-600-rgb), 0.42), transparent 72%);
}

.showcase__flip-stage {
  width: 100%;
  max-width: 1040px;
  aspect-ratio: 1710 / 1260;
  perspective: 1800px;
}

.showcase__img {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%;
  display: block;
  position: absolute;
  object-fit: contain;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 260ms;
  transition-property: opacity;
  transition-timing-function: ease;
}

@media (max-width: 900px) {
  .showcase__panel:last-child {
  padding-bottom: 0px;
  }
}

.lp-nav {
  padding: var(--spc-6) 0;
}

.lp-nav__inner {
  gap: var(--spc-6);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lp-nav__brand img {
  width: auto;
  height: 24px;
  display: block;
}

.lp-nav__actions {
  gap: var(--spc-6);
  display: flex;
  align-items: center;
}

.lp-nav__link {
  color: var(--text-on-dark-standard);
  font-size: 14.5px;
  font-weight: 500;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 160ms;
  transition-property: color;
  transition-timing-function: ease;
}

@media (max-width: 560px) {
  .lp-nav__link {
  display: none;
  }
}

.lp-nav__link:hover {
  color: var(--text-on-dark-high);
}

.lp-hero {
  display: flex;
  padding: var(--spc-12) 0 var(--spc-16);
  position: relative;
  isolation: isolate;
  min-height: 480px;
  overflow-x: hidden;
  overflow-y: hidden;
  align-items: center;
}

@media (max-width: 768px) {
  .lp-hero {
  padding: var(--spc-8) 0 var(--spc-16);
  min-height: 0px;
  }
}

.lp-hero__scroll {
  left: 50%;
  color: var(--text-on-dark-standard);
  bottom: var(--spc-4);
  display: flex;
  opacity: 0.8;
  position: absolute;
  transform: translateX(-50%);
  animation-name: lp-hero-scroll-bounce;
  animation-delay: 0s;
  transition-delay: 0s;
  animation-duration: 1800ms;
  animation-fill-mode: none;
  animation-range-end: normal;
  animation-timeline: auto;
  animation-direction: normal;
  animation-play-state: running;
  transition-behavior: normal;
  transition-duration: 160ms;
  transition-property: opacity;
  animation-range-start: normal;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  transition-timing-function: ease;
}

@media (prefers-reduced-motion: reduce) {
  .lp-hero__scroll {
  animation-name: none;
  animation-delay: 0s;
  animation-duration: auto;
  animation-fill-mode: none;
  animation-range-end: normal;
  animation-timeline: auto;
  animation-direction: normal;
  animation-play-state: running;
  animation-range-start: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  }
}

.lp-hero__scroll:hover {
  opacity: 1;
}

.lp-hero__scroll svg {
  width: 22px;
  height: 22px;
}

@keyframes lp-hero-scroll-bounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0px);
  }
  50% {
    transform: translateX(-50%) translateY(6px);
  }
}

.lp-hero__media {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  position: absolute;
}

.lp-hero__media img {
  width: 100%;
  filter: grayscale(100%) brightness(0.85) contrast(1.08);
  height: 100%;
  object-fit: cover;
  object-position: 70% 45%;
}

.lp-hero__tint {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.9;
  position: absolute;
  background: linear-gradient(115deg, var(--raspberry-600) 0%, var(--ultramarine-600) 100%);
  mix-blend-mode: color;
}

.lp-hero__media::after {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  content: "";
  position: absolute;
  background: linear-gradient(100deg, rgba(var(--ink-950-rgb), 0.94) 0%, rgba(var(--ink-950-rgb), 0.72) 40%, rgba(var(--ink-950-rgb), 0.32) 75%);
}

@media (max-width: 768px) {
  .lp-hero__media::after {
  background: linear-gradient(180deg, rgba(var(--ink-950-rgb), 0.94) 0%, rgba(var(--ink-950-rgb), 0.8) 55%, rgba(var(--ink-950-rgb), 0.55) 100%);
  }
}

.lp-hero__content {
  max-width: 620px;
  position: relative;
}

.lp-hero__title {
  margin-bottom: var(--spc-4);
}

.lp-hero__subtitle + .lp-hero__subtitle {
  margin-top: var(--spc-4);
}

.lp-features {
  padding: var(--spc-24) 0 var(--spc-6);
}

.lp-cards {
  gap: var(--spc-6);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 900px) {
  .lp-cards {
  grid-template-columns: 1fr;
  }
}

.lp-card {
  text-align: center;
}

.lp-card__icon {
  width: 100%;
  height: auto;
  margin: 0 auto var(--spc-6);
  display: block;
  max-width: 220px;
}

.lp-callout__inner {
  gap: var(--spc-6);
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  display: flex;
  padding: var(--spc-8);
  margin-top: var(--spc-6);
  align-items: center;
  background: linear-gradient(135deg, rgba(var(--raspberry-500-rgb), 0.16), rgba(var(--ultramarine-600-rgb), 0.18));
  border-radius: var(--radius-2xl);
  justify-content: space-between;
}

@media (max-width: 700px) {
  .lp-callout__inner {
  padding: var(--spc-6);
  align-items: flex-start;
  flex-direction: column;
  }
}

.lp-callout__title {
  margin-bottom: var(--spc-1);
}

.lp-callout__subtitle {
  color: var(--text-on-dark-muted);
}

.lp-case-study {
  padding: var(--spc-24) 0;
}

.lp-case-study__grid {
  gap: var(--spc-12);
  display: grid;
  align-items: center;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr);
}

@media (max-width: 768px) {
  .lp-case-study__grid {
  grid-template-columns: 1fr;
  }
}

.lp-case-study__title {
  margin-bottom: var(--spc-6);
}

.lp-case-study__image img {
  width: 100%;
  height: auto;
  box-shadow: var(--shadow-marketing);
  border-radius: var(--radius-3xl);
}

@media (max-width: 768px) {
  .lp-case-study__image {
  order: -1;
  }
}

.adv-hero {
  padding: var(--spc-8) 0 var(--spc-16);
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--ink-950);
}

.hero__particles {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%;
  z-index: 0;
  position: absolute;
}

.hero__content-2 > * {
  pointer-events: auto;
}

.adv-hero__title {
  margin-bottom: var(--spc-6);
}

.adv-hero__lead {
  color: var(--text-on-dark-high);
  display: block;
  font-size: clamp(20px, 2.6vw, 28px);
  font-family: var(--font-heading);
  font-weight: 800;
  line-height: 1.2;
}

.adv-hero__tail {
  color: var(--text-on-dark-high);
  display: block;
  font-size: clamp(20px, 2.6vw, 28px);
  font-family: var(--font-heading);
  font-weight: 800;
  line-height: 1.2;
}

.adv-hero__loop {
  color: var(--text-on-dark-high);
  display: block;
  font-size: clamp(52px, 9vw, 108px);
  font-family: var(--font-heading);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: -0.01em;
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 220ms, 220ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

@media (max-width: 640px) {
  .adv-hero__loop {
  font-size: clamp(38px, 15vw, 64px);
  }
}

.adv-hero__subtitle + .adv-hero__subtitle {
  margin-top: var(--spc-4);
}

.adv-hero .btn-2 {
  margin-top: var(--spc-8);
}

.cm-hero {
  padding: var(--spc-8) 0 var(--spc-16);
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
}

.cm-hero__title {
  text-align: center;
}

.cm-hero__mask-wrap {
  width: 100%;
  display: block;
  max-width: 1100px;
  position: relative;
  margin: 0px auto;
  aspect-ratio: 1500 / 443;
}

.cm-hero__video {
  top: 0px;
  left: 0px;
  right: 0px;
  width: 100%;
  bottom: 0px;
  height: 100%;
  mask-clip: border-box;
  mask-mode: match-source;
  mask-size: 100% 100%;
  position: absolute;
  mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNTAwIiBoZWlnaHQ9IjQ0MyIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzA5MDAyMiIgZD0iTTM0NC44NDMgMjQ3bC0yNS40NDEgMTY4aDQ3LjA0bDEyLjk2LTk2LjQ4IDQ0LjQwMSA5Ni45NmgxMy42NzlsNDQuNjQtOTcuMiAxMi45NiA5Ni43Mmg0Ni44MDFsLTI1LjItMTY4aC00Ni4wOGwtMzkuODQgOTEuNDRMMzkxLjE2MiAyNDd6bTI2OS42MiAwLTY2IDE2OGg0OS42OGw5LjM2LTI3LjEyaDU5LjUxOWw5LjEyMSAyNy4xMmg1MS4xMmwtNjcuNDQtMTY4em0xMjguOTE0IDB2MTY4aDQ2LjMydi03NC4xNmw0OC4yNCA3NC4xNmg1NC45NmwtNTguOC04Ni40IDUzLjc2LTgxLjZoLTUzLjc2bC00NC40IDcxLjA0VjI0N3ptMTYyLjQyMiAwdjE2OGgxMDkuNjgxdi00MC4wOGgtNjMuNjAxdi0yNS4yaDU1LjIwMVYzMTEuOGgtNTUuMjAxdi0yNC43Mmg2MS40NDFWMjQ3em0xMzYuMTcxIDB2MTY4aDQ2LjMydi01MS4zNmgxNi44bDI3LjM2IDUxLjM2aDUxLjZsLTMzLjM2LTYwLjk2YzE2LjU2LTkuODQgMjYuNjQtMjYuODggMjYuNjQtNDcuNTIgMC0zNS4wNC0yNi40LTU5LjUyLTYyLjQtNTkuNTJ6TTY1NS43NDMgMzUxLjY0aC0zNi45NmwxOC4yMzktNTIuMDh6bTQ1My42NjctNjMuMzZjMTIuOTYgMCAyMC40IDcuNjggMjAuNCAxOC4yNCAwIDEwLjMxOS03LjQ0IDE4LjI0LTIwLjQgMTguMjRoLTIxLjEydi0zNi40OHpNMzIwLjExMSAyMi45MmMtNTEuMTIgMC04OS4yOCAzNy45Mi04OS4yOCA4OC4zMiAwIDUwLjE2IDM4LjE2IDg4LjA4IDg5LjI4IDg4LjA4IDQ0LjY0IDAgNzguOTYtMzAgODUuNDQtNzQuMTZoLTQ3LjI4Yy00LjggMTguNzItMTkuNDQgMzAuOTYtMzguMTYgMzAuOTYtMjMuNzYgMC00MS4yOC0xOC45Ni00MS4yOC00NC44OHMxNy41Mi00NS4xMiA0MS4yOC00NS4xMmMxNy43NiAwIDMyLjE2IDExLjI4IDM3LjkyIDI4LjMyaDQ3LjA0Yy02Ljk2LTQyLjQ4LTQxLjA0LTcxLjUyLTg0Ljk2LTcxLjUybTcyNS4xNDkgMGMtNTEuNTk4IDAtODkuMDM4IDM3LjItODkuMDM4IDg4LjMyczM4LjE2IDg4LjA4IDg5LjUxOCA4OC4wOGM1Mi41NiAwIDg4LjU2LTM5LjEyIDg4LjU2LTk0LjA4aC05Mi4xNnYyOS4yOGg0MS43NmMtNS4yOCAxMi45NTktMjAuNCAyMS42LTM4LjE2IDIxLjYtMjUuNDQgMC00Mi0xOC4yNC00Mi00NC44OCAwLTI2Ljg4IDE2LjgtNDUuMTIgNDItNDUuMTIgMTcuMDQgMCAzMi4xNiA5LjEyIDM4LjE2IDIzLjI4aDQ4LjcyYy03LjItMzguODgtNDMuMi02Ni40OC04Ny4zNi02Ni40OE00MjcuNjc0IDI3djE2OGg0Ni44di02NC4zMmg1MC40VjE5NWg0Ni41NlYyN2gtNDYuNTZ2NjAuNzJoLTUwLjRWMjd6bTIyNS45MyAwLTY2IDE2OGg0OS42NzlsOS4zNjEtMjcuMTJoNTkuNTE5bDkuMTIgMjcuMTJoNTEuMTJMNjk4Ljk2NCAyN3ptMTI4LjkxNCAwdjE2OGg0NC44Nzl2LTkwLjk2bDY2LjcyIDkwLjk2aDM4LjQwMVYyN2gtNDQuODh2ODguMzJMODIzLjA3NyAyN3ptMzc1LjAwMiAwdjE2OGgxMDkuNjh2LTQwLjA4aC02My42di0yNS4yaDU1LjJWOTEuOGgtNTUuMlY2Ny4wOGg2MS40NFYyN3pNNjk0Ljg4NCAxMzEuNjRoLTM2Ljk2bDE4LjIzOS01Mi4wOHoiLz48L3N2Zz4=");
  object-fit: cover;
  mask-origin: border-box;
  mask-repeat: no-repeat;
  mask-composite: add;
  -webkit-mask-position-x: center;
  -webkit-mask-position-y: center;
}

.cm-hero__subtitle {
  max-width: 640px;
  margin: 0px auto;
}

.cm-hero__subtitle + .cm-hero__subtitle {
  margin-top: var(--spc-4);
}

.cm-hero__body {
  gap: var(--spc-8);
  margin: var(--spc-16) auto 0;
  display: grid;
  max-width: 980px;
  text-align: left;
  align-items: center;
  grid-template-columns: minmax(0px, 380px) minmax(0px, 1fr);
}

@media (max-width: 768px) {
  .cm-hero__body {
  text-align: center;
  grid-template-columns: 1fr;
  }
}

.cm-hero .adv-hero__lead {
  color: var(--ultramarine-300);
}

.cm-hero .adv-hero__tail {
  color: var(--ultramarine-300);
}

.cm-hero__image {
  position: relative;
  box-shadow: var(--shadow-marketing);
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: var(--radius-2xl);
}

.cm-hero__image::before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  content: "";
  position: absolute;
  background: linear-gradient(180deg, var(--ultramarine-300) 0%, var(--ultramarine-700) 100%);
  mix-blend-mode: lighten;
}

.cm-hero__image img {
  width: 100%;
  height: auto;
  display: block;
}

.cm-hero__text .btn-2 {
  margin-top: var(--spc-6);
}

.pricing-top {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
}

.pricing-top::before {
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: -1;
  content: "";
  opacity: 0.6;
  position: absolute;
  mask-image: linear-gradient(black 0%, black 65%, transparent 96%);
  background: url('/uploads/pbNFiftvSh__4Z7av-bCu-graphic-pricing-ribbon-v2.png') center top / contain no-repeat, var(--ink-950);
}

.hero--pricing {
  padding-top: var(--spc-8);
  padding-bottom: var(--spc-4);
}

.hero--pricing::before {
  content: none;
}

.hero__note {
  color: var(--text-on-dark-faint);
  font-size: 14.5px;
  margin-top: var(--spc-4);
}

.pricing-plans {
  padding: 0 0 var(--spc-24);
}

.pricing-plans__grid {
  gap: var(--spc-6);
  display: grid;
  align-items: stretch;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 640px) {
  .pricing-plans__grid {
  grid-template-columns: 1fr;
  }
}

@media (min-width: 641px) and (max-width: 1100px) {
  .pricing-plans__grid {
  grid-template-columns: repeat(2, 1fr);
  }
}

.pricing-card {
  height: 100%;
  display: flex;
  padding: var(--spc-6);
  position: relative;
  box-shadow: var(--shadow-2), inset 0 1px 0 rgba(var(--white-rgb), var(--white-alpha-default));
  background: radial-gradient(140% 100% at 50% -8%, rgba(var(--white-rgb), var(--white-alpha-default)), transparent 50%) padding-box,
    linear-gradient(rgba(var(--ink-950-rgb), 0.62), rgba(var(--ink-950-rgb), 0.62)) padding-box,
    var(--card-border-gradient) border-box;
  border-radius: var(--radius-2xl);
  flex-direction: column;
  backdrop-filter: blur(28px) saturate(110%);
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
}

.pricing-card__head {
  min-height: 92px;
  margin-bottom: var(--spc-6);
}

.pricing-card__name {
  margin-bottom: var(--spc-2);
}

.pricing-card__tagline {
  color: var(--text-on-dark-muted);
}

.pricing-card__price-block {
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  padding: var(--spc-4);
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
  border-radius: var(--radius-lg);
  margin-bottom: var(--spc-6);
}

.pricing-card__price {
  gap: var(--spc-2);
  display: flex;
  align-items: baseline;
  margin-bottom: var(--spc-4);
}

.pricing-card__amount {
  color: var(--text-on-dark-high);
  font-size: 30px;
  font-family: var(--font-display);
  font-weight: 800;
  line-height: 1;
}

.pricing-card__period {
  color: var(--text-on-dark-faint);
  font-size: 12.5px;
  line-height: 1.3;
}

.pricing-card__cta {
  width: 100%;
}

.pricing-card__features {
  gap: var(--spc-3);
  display: flex;
  flex-grow: 1;
  flex-basis: 0%;
  flex-shrink: 1;
  flex-direction: column;
  list-style-type: none;
  list-style-image: initial;
  list-style-position: initial;
}

.pricing-card__features li {
  color: var(--text-on-dark-muted);
  font-size: 14.5px;
  position: relative;
  line-height: 1.5;
  padding-left: 26px;
}

.pricing-card__features li::before {
  top: 2px;
  left: 0px;
  width: 18px;
  height: 18px;
  content: "";
  position: absolute;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E60058'/%3E%3Cpath d='M6 10.3l2.4 2.4L14 7.3' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.pricing-plans__grid .pricing-card.reveal-5:nth-child(3) {
  transition-delay: 180ms, 180ms;
}

.pricing-plans__grid .pricing-card.reveal-5:nth-child(4) {
  transition-delay: 270ms, 270ms;
}

.pricing-note {
  color: var(--text-on-dark-faint);
  font-size: 14.5px;
  margin-top: var(--spc-8);
  text-align: center;
}

.pricing-boxes {
  padding: 0 0 var(--spc-24);
}

.pricing-boxes__grid {
  gap: var(--spc-6);
  display: grid;
  grid-template-columns: 1fr 1fr;
}

@media (max-width: 768px) {
  .pricing-boxes__grid {
  grid-template-columns: 1fr;
  }
}

.pricing-box {
  text-align: left;
}

.pricing-box__icon {
  color: var(--raspberry-300);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  background: rgba(var(--raspberry-500-rgb), 0.12);
  border-radius: var(--radius-md);
  margin-bottom: var(--spc-4);
  justify-content: center;
}

.pricing-box__icon svg {
  width: 24px;
  height: 24px;
}

.pricing-box__title {
  margin-bottom: var(--spc-3);
}

.pricing-box p {
  margin-bottom: var(--spc-6);
}

.pricing-box__cta {
  display: inline-flex;
}

.compare-plans {
  padding: 0 0 var(--spc-24);
}

.compare-plans__title {
  text-align: center;
  margin-bottom: var(--spc-12);
}

.compare-table {
  width: 100%;
}

@media (max-width: 900px) {
  .compare-table {
  overflow-x: auto;
  }
}

.compare-table__grid {
  display: grid;
  min-width: 900px;
  grid-template-columns: minmax(220px, 1.6fr) repeat(4, minmax(140px, 1fr));
}

.compare-table__corner {
  top: 0px;
  z-index: 2;
  padding: var(--spc-4) var(--spc-3) var(--spc-6);
  position: sticky;
  background: var(--ink-950);
  border-bottom: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
}

.compare-table__plan {
  gap: var(--spc-3);
  top: 0px;
  z-index: 2;
  display: flex;
  padding: var(--spc-4) var(--spc-3) var(--spc-6);
  position: sticky;
  text-align: center;
  align-items: center;
  background: var(--ink-950);
  border-bottom: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  flex-direction: column;
}

.compare-table__plan-name {
  color: var(--text-on-dark-high);
  font-size: 17px;
  font-family: var(--font-display);
  font-weight: 700;
}

.compare-table__group {
  color: var(--raspberry-300);
  padding: var(--spc-6) var(--spc-3) var(--spc-2);
  font-size: 13px;
  font-family: var(--font-display);
  font-weight: 700;
  border-bottom: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  grid-column-end: -1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  grid-column-start: 1;
}

.compare-table__row {
  display: grid;
  border-bottom: 1px solid rgba(var(--white-rgb), var(--white-alpha-subtle));
  grid-column-end: -1;
  grid-column-start: 1;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 150ms;
  transition-property: background;
  grid-template-columns: subgrid;
  transition-timing-function: ease;
}

.compare-table__row--alt {
  background: rgba(var(--white-rgb), 0.025);
}

.compare-table__row:hover {
  background: rgba(var(--raspberry-500-rgb), 0.08);
}

.compare-table__label {
  color: var(--text-on-dark-standard);
  display: flex;
  padding: var(--spc-3);
  font-size: 14.5px;
  align-items: center;
}

.compare-table__value {
  color: var(--text-on-dark-muted);
  display: flex;
  padding: var(--spc-3);
  font-size: 14.5px;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.compare-table__label--value {
  color: var(--text-on-dark-high);
  font-weight: 600;
}

.compare-table__value--check {
  position: relative;
}

.compare-table__value--check::before {
  width: 20px;
  height: 20px;
  content: "";
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2310B981'/%3E%3Cpath d='M6 10.3l2.4 2.4L14 7.3' stroke='%2305011F' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.compare-table__value--dash::before {
  color: var(--text-on-dark-faint);
  content: "—";
}

.faq {
  padding: 0 0 var(--spc-24);
}

.faq__title {
  text-align: center;
  margin-bottom: var(--spc-12);
}

.faq__list {
  gap: var(--spc-4);
  display: flex;
  max-width: 820px;
  margin: 0px auto;
  flex-direction: column;
}

.faq-item {
  box-shadow: var(--shadow-2);
  background: radial-gradient(140% 100% at 50% -8%, rgba(var(--white-rgb), var(--white-alpha-subtle)), transparent 50%) padding-box,
    linear-gradient(var(--ink-900), var(--ink-900)) padding-box,
    var(--card-border-gradient) border-box;
  border-radius: var(--radius-2xl);
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  transition-delay: 0s;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
  transition-behavior: normal;
  transition-duration: 220ms;
  transition-property: box-shadow;
  transition-timing-function: ease;
}

.faq-item__q {
  gap: var(--spc-4);
  color: var(--text-on-dark-high);
  width: 100%;
  cursor: pointer;
  display: flex;
  padding: var(--spc-4) var(--spc-6);
  font-size: 16.5px;
  text-align: left;
  align-items: center;
  font-family: var(--font-display);
  font-weight: 600;
  background-clip: initial;
  background-size: initial;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: medium;
  justify-content: space-between;
  background-color: initial;
  background-image: none;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
  background-origin: initial;
  background-repeat: initial;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: medium;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
  background-position-x: initial;
  background-position-y: initial;
  background-attachment: initial;
}

.faq-item__icon {
  width: 32px;
  height: 32px;
  position: relative;
  box-shadow: var(--glow-raspberry-resting);
  background: linear-gradient(135deg, var(--raspberry-500), var(--raspberry-600));
  flex-shrink: 0;
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 420ms, 220ms;
  transition-property: transform, box-shadow;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1), ease;
}

.faq-item__icon span {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  background: var(--text-on-dark-high);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.faq-item__icon span:first-child {
  width: 14px;
  height: 2px;
}

.faq-item__icon span:last-child {
  width: 2px;
  height: 14px;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 320ms;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}

.faq-item__wrap {
  display: grid;
  transition-delay: 0s;
  grid-template-rows: 0fr;
  transition-behavior: normal;
  transition-duration: 420ms;
  transition-property: grid-template-rows;
  transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
}

.faq-item__a {
  min-height: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.faq-item__a p {
  color: var(--text-on-dark-muted);
  margin: 0 var(--spc-6) var(--spc-4);
  opacity: 0;
  font-size: 15.5px;
  transform: translateY(-6px);
  line-height: 1.65;
  padding-top: var(--spc-1);
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 280ms, 280ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

.legal-hero {
  padding: calc(var(--nav-height) + var(--spc-16)) 0 var(--spc-12);
  border-bottom: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
}

.legal-hero__meta {
  color: var(--text-on-dark-faint);
  margin-top: var(--spc-4);
}

.legal-content {
  padding: var(--spc-16) 0 var(--spc-24);
}

.legal-article {
  max-width: 760px;
  margin: 0px auto;
}

.legal-intro > * + * {
  margin-top: var(--spc-4);
}

.legal-intro {
  margin-bottom: var(--spc-12);
}

.legal-callout {
  margin-bottom: var(--spc-12);
}

.legal-callout__title {
  margin-bottom: var(--spc-4);
}

.legal-callout__intro {
  margin-bottom: var(--spc-6);
}

.legal-callout__list > * + * {
  border-top: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  margin-top: var(--spc-6);
  padding-top: var(--spc-6);
}

.legal-callout__q {
  color: var(--text-on-dark-high);
  font-weight: 600;
}

.legal-callout__link {
  color: var(--raspberry-300);
  display: inline-block;
  margin-top: var(--spc-2);
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 140ms;
  transition-property: color;
  transition-timing-function: ease;
}

.legal-callout__link:hover {
  color: var(--raspberry-500);
}

.legal-toc {
  margin-bottom: var(--spc-16);
}

.legal-toc__title {
  margin-bottom: var(--spc-6);
}

.legal-toc__grid {
  gap: var(--spc-3);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

@media (max-width: 640px) {
  .legal-toc__grid {
  grid-template-columns: 1fr;
  }
}

.legal-toc__grid a {
  color: var(--text-on-dark-standard);
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  display: flex;
  padding: var(--spc-3) var(--spc-4);
  font-size: 15px;
  min-height: 56px;
  align-items: center;
  background: rgba(var(--white-rgb), var(--white-alpha-subtle));
  line-height: 1.4;
  border-radius: var(--radius-md);
  transition-delay: 0s, 0s, 0s;
  transition-behavior: normal, normal, normal;
  transition-duration: 140ms, 140ms, 140ms;
  transition-property: color, background, border-color;
  transition-timing-function: ease, ease, ease;
}

.legal-toc__grid a:hover {
  color: var(--raspberry-300);
  background: rgba(var(--raspberry-500-rgb), 0.1);
  border-color: rgba(var(--raspberry-500-rgb), 0.35);
}

.legal-section {
  padding: var(--spc-8) 0;
  border-top: 1px solid rgba(var(--white-rgb), var(--white-alpha-default));
  scroll-margin-top: calc(var(--nav-height) + var(--spc-6));
}

.legal-section:first-of-type {
  padding-top: 0px;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: medium;
}

.legal-section__title {
  margin-bottom: var(--spc-4);
}

.legal-section > * + * {
  margin-top: var(--spc-4);
}

.legal-inshort {
  color: var(--text-on-dark-muted);
}

.legal-inshort strong {
  color: var(--raspberry-300);
  font-weight: 600;
}

.legal-subhead {
  color: var(--text-on-dark-high);
  font-weight: 700;
}

.legal-list {
  gap: var(--spc-2);
  display: flex;
  flex-direction: column;
}

.legal-list li {
  color: var(--text-on-dark-muted);
  font-size: 15.5px;
  position: relative;
  line-height: 1.65;
  padding-left: var(--spc-6);
}

.legal-list li::before {
  top: 10px;
  left: 4px;
  width: 5px;
  height: 5px;
  content: "";
  position: absolute;
  background: var(--raspberry-500);
  border-radius: var(--radius-full);
}

.legal-address {
  color: var(--text-on-dark-muted);
  font-style: normal;
  line-height: 1.65;
}

.legal-back-to-top {
  color: var(--text-on-dark-faint);
  display: inline-block;
  margin-top: var(--spc-8);
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 140ms;
  transition-property: color;
  transition-timing-function: ease;
}

.legal-back-to-top:hover {
  color: var(--raspberry-300);
}

.about-hero-2 {
  padding: calc(var(--nav-height) + var(--spc-16)) 0 var(--spc-16);
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
}

.why-hero-2 {
  padding: calc(var(--nav-height) + var(--spc-20)) 0 var(--spc-20);
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  overflow-y: hidden;
}

.eyebrow-2 {
  color: var(--raspberry-300);
  display: block;
  font-size: 13px;
  font-family: var(--font-display);
  font-weight: 600;
  margin-bottom: var(--spc-6);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.h4-2 {
  font-size: 28px;
  line-height: 1.2;
  margin-bottom: 0px;
}

.body-sm-2 {
  color: var(--text-on-dark-muted);
  font-size: 15.5px;
  line-height: 1.65;
  margin-bottom: var(--spc-6);
}

.section-head-2 {
  margin: 0 auto var(--spc-16);
  max-width: 980px;
  text-align: center;
}

.section-head-3 {
  margin: 0 auto var(--spc-16);
  max-width: 880px;
  text-align: center;
}

.section-head__title-2 {
  margin-bottom: var(--spc-4);
  text-wrap-mode: initial;
  text-wrap-style: balance;
}

.btn-2 {
  gap: var(--spc-2);
  display: inline-flex;
  font-size: 15px;
  margin-top: var(--spc-6);
  align-items: center;
  font-family: var(--font-display);
  font-weight: 700;
  padding: 14px 28px;
  border-radius: var(--radius-full);
  text-wrap-mode: nowrap;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: medium;
  justify-content: center;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
  transition-delay: 0s, 0s, 0s, 0s;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: medium;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
  transition-behavior: normal, normal, normal, normal;
  transition-duration: 180ms, 180ms, 180ms, 180ms;
  transition-property: transform, box-shadow, background, border-color;
  white-space-collapse: collapse;
  transition-timing-function: ease, ease, ease, ease;
}

.card-2 {
  padding: var(--spc-8) var(--spc-6);
  position: relative;
  box-shadow: var(--shadow-2),
    inset 0 1px 0 rgba(var(--white-rgb), var(--white-alpha-subtle)),
    0 0 0 1px rgba(var(--raspberry-500-rgb), 0),
    0 8px 24px rgba(var(--raspberry-500-rgb), 0);
  background: radial-gradient(140% 100% at 50% -8%, rgba(var(--white-rgb), var(--white-alpha-subtle)), transparent 50%) padding-box,
    radial-gradient(65% 60% at 50% 62%, rgba(var(--ink-950-rgb), 0.4), transparent 72%) padding-box,
    linear-gradient(var(--ink-900), var(--ink-900)) padding-box,
    var(--card-border-gradient) border-box;
  border-radius: var(--radius-2xl);
  border-top-color: transparent;
  border-top-style: solid;
  border-top-width: 1px;
  border-left-color: transparent;
  border-left-style: solid;
  border-left-width: 1px;
  transition-delay: 140ms, 140ms, 0ms;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: transparent;
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
  transition-behavior: normal, normal;
  transition-duration: 220ms, 220ms;
  transition-property: transform, box-shadow;
  transition-timing-function: ease, ease;
}

@media (max-width: 900px) {
  .card-2 {
  transition-delay: 90ms, 90ms, 0ms;
  }
}

.showcase__flip-card-2 {
  width: 100%;
  height: 100%;
  box-shadow: var(--shadow-marketing);
  transform: translateX(0px) rotateY(0deg);
  will-change: transform;
  border-radius: var(--radius-3xl);
  transform-style: preserve-3d;
}

.showcase__flip-card__inner-2 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  background: var(--ink-900);
  border-radius: var(--radius-3xl);
}

.reveal-2 {
  opacity: 0;
  transform: translateY(18px);
  transition-delay: 120ms, 120ms;
  transition-behavior: normal, normal;
  transition-duration: 620ms, 620ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

.reveal-3 {
  opacity: 0;
  transform: translateY(18px);
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 640ms, 640ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

.reveal-4 {
  opacity: 0;
  transform: translateX(-28px);
  transition-delay: 0s, 0s;
  transition-behavior: normal, normal;
  transition-duration: 620ms, 620ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

.reveal-5 {
  opacity: 0;
  transform: translateX(-28px);
  transition-delay: 90ms, 90ms;
  transition-behavior: normal, normal;
  transition-duration: 620ms, 620ms;
  transition-property: opacity, transform;
  transition-timing-function: ease, ease;
}

.is-active-2 {
  opacity: 1;
  transform: translateX(0px);
  pointer-events: auto;
}

.hero__stage-2 {
  z-index: 1;
  display: flex;
  position: relative;
  min-height: 420px;
  flex-direction: column;
  pointer-events: none;
  justify-content: center;
}

.hero__stage-3 {
  z-index: 1;
  display: flex;
  position: relative;
  min-height: 0px;
  flex-direction: column;
  pointer-events: none;
  justify-content: center;
}

.hero__content-2 {
  z-index: 1;
  max-width: 720px;
  position: relative;
  margin: 0px auto;
  text-align: center;
  pointer-events: none;
}

.hero__title-2 {
  margin-top: calc(var(--spc-6) + 12px);
  margin-bottom: var(--spc-4);
}

.lp-nav__cta {
  margin-top: 0px !important;
}

.blog-card__jurisdiction {
  color: rgb(255, 255, 255) !important;
  background: var(--ultramarine-700) !important;
}

.blog-filters-card {
  top: 100px;
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  position: sticky;
  margin-top: 32px;
  padding: 24px;
  border-radius: var(--radius-2xl);
}

@media (max-width: 900px) {
  .blog-filters-card {
  position: static;
  }
}

.blog-filter-dropdown {
  position: relative;
  margin-bottom: 20px;
}

.blog-filter-dropdown:last-child {
  margin-bottom: 0px;
}

.blog-filter-trigger {
  color: var(--text-on-dark-high);
  width: 100%;
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  cursor: pointer;
  display: block;
  font-size: 14.5px;
  text-align: left;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTIgOCIgZmlsbD0ibm9uZSI+PHBhdGggZD0iTTEgMS41TDYgNi41TDExIDEuNSIgc3Ryb2tlPSIjRTYwMDU4IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PC9zdmc+") right 16px center / 12px 8px no-repeat, rgba(var(--white-rgb), var(--white-alpha-subtle));
  font-family: var(--font-body);
  padding: 12px 36px 12px 16px;
  border-radius: var(--radius-full);
}

.blog-filter-panel {
  top: calc(100% + 8px);
  left: 0px;
  right: 0px;
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  z-index: 20;
  position: absolute;
  box-shadow: var(--shadow-3);
  max-height: 260px;
  overflow-y: auto;
  background: var(--ink-900);
  padding: 12px;
  border-radius: var(--radius-lg);
}

.blog-filter-option {
  color: var(--text-on-dark-standard);
  cursor: pointer;
  row-gap: 10px;
  display: flex;
  font-size: 14.5px;
  column-gap: 10px;
  align-items: center;
  padding: 8px 4px;
}

.blog-filter-option input {
  width: 16px;
  height: 16px;
  accent-color: var(--raspberry-500);
}

@media (max-width: 900px) {
  .blog-layout {
  grid-template-columns: 1fr !important;
  }
}

.blog-card-list {
  opacity: 0;
  transition-delay: 0s;
  transition-behavior: normal;
  transition-duration: 160ms;
  transition-property: opacity;
  transition-timing-function: ease;
}

.blog-share__btn {
  color: var(--text-on-dark-high);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  background: var(--ultramarine-600);
  border-radius: var(--radius-md);
  justify-content: center;
}

.blog-share {
  row-gap: 8px;
  display: flex;
  column-gap: 8px;
  margin: 24px 0px;
}

.blog-body {
  color: var(--text-on-dark-muted);
  font-size: 16.5px;
  font-family: var(--font-body);
  line-height: 1.7;
}

.blog-share__btn svg {
  width: 18px;
  height: 18px;
}

.blog-body h2 {
  color: var(--text-on-dark-high);
  font-size: 28px;
  margin: 40px 0px 16px;
  font-family: var(--font-heading);
  font-weight: 700;
}

.blog-body h3 {
  color: var(--text-on-dark-high);
  font-size: 22px;
  margin: 32px 0px 12px;
  font-family: var(--font-heading);
  font-weight: 700;
}

.blog-body p {
  margin: 0px 0px 20px;
}

.blog-body ul, .blog-body ol {
  margin: 0px 0px 20px;
  padding-left: 24px;
}

.blog-body li {
  margin-bottom: 8px;
}

.blog-body a {
  color: var(--raspberry-300);
  text-decoration-line: underline;
  text-decoration-color: initial;
  text-decoration-style: dotted;
  text-underline-offset: 3px;
  text-decoration-thickness: initial;
}

.blog-body blockquote {
  color: var(--text-on-dark-standard);
  font-style: italic;
  margin: 24px 0px;
  border-left: 3px solid var(--raspberry-500);
  padding-left: 20px;
}

.blog-body img {
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 24px 0px;
  border-radius: var(--radius-lg);
}

.blog-body table {
  width: 100%;
  margin: 24px 0px;
  border-collapse: collapse;
}

.blog-body th, .blog-body td {
  border: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  text-align: left;
  padding: 10px 14px;
}

.blog-body hr {
  border-top: 1px solid rgba(var(--white-rgb), var(--white-alpha-strong));
  margin: 32px 0px;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: medium;
  border-left-color: currentcolor;
  border-left-style: none;
  border-left-width: medium;
  border-image-slice: 100%;
  border-image-width: 1;
  border-right-color: currentcolor;
  border-right-style: none;
  border-right-width: medium;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-source: none;
}

.blog-body ol {
  list-style-type: decimal;
  list-style-image: initial;
  list-style-position: initial;
}

.blog-featured {
  row-gap: 40px;
  display: grid;
  column-gap: 40px;
  margin-top: 32px;
  align-items: start;
  grid-template-columns: minmax(260px, 1fr) minmax(320px, 1.4fr);
}

@media (max-width: 900px) {
  .blog-featured {
  grid-template-columns: 1fr;
  }
}

.blog-featured__media {
  display: block;
  overflow-x: hidden;
  overflow-y: hidden;
  border-radius: var(--radius-2xl);
}

.blog-featured__media img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
}

.blog-featured__pills {
  row-gap: 8px;
  display: flex;
  column-gap: 8px;
  margin: 12px 0px 16px;
}

.blog-readmore {
  margin-top: 16px !important;
}

.blog-page-top {
  padding: calc(var(--nav-height) + var(--spc-6)) 0 80px !important;
}

.hero {
  margin-bottom: 20px;
}

.blog-card__date {
  display: block;
}

.blog-featured-wrap {
  display: none;
}

.blog-featured__flag {
  display: none;
}

.blog-card__flag {
  display: none;
}

.blog-featured__date {
  display: block;
}

.blog-featured__title {
  font-size: 28px;
  line-height: 1.25;
}

.blog-card__title {
  font-size: 28px;
  line-height: 1.3;
}

.site-nav__dropdown:hover .site-nav__link svg, .site-nav__dropdown:focus-within .site-nav__link svg {
  transform: rotate(180deg);
}

.about-hero__image--wide {
  --photo: url('/uploads/OTIQKb4W3BdsVaEhtqroG-hero-left.jpg');
  flex-grow: 1.7;
  flex-basis: 0%;
  flex-shrink: 1;
  aspect-ratio: 16 / 9.2;
  background-position-x: center;
  background-position-y: 15%;
}

.about-hero__image--tall {
  --photo: url('/uploads/N3bDB9UPZ5jgiifyMn6lH-hero-right.jpg');
  flex-grow: 1;
  flex-basis: 0%;
  flex-shrink: 1;
  aspect-ratio: 4 / 4.6;
}