@charset "UTF-8";
:root {
  --gx-orange: #ff6a1a;
  --gx-ink: #171717;
  --gx-muted: #67625d;
  --gx-paper: #ffffff;
  --gx-warm: #f1efe9;
  --gx-line: #171717;
  --gx-radius: 0;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: #171717;
  background: #fff;
  font-family: "Inter", Arial, sans-serif;
  font-weight: 700;
  line-height: 1.45;
}
body.has-sticky-header {
  padding-top: 120px;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

p {
  margin: 0;
  color: #67625d;
  font-size: clamp(0.9rem, 1.6vw, 1rem);
  font-weight: 700;
}

h1,
h2,
h3 {
  margin: 0;
  color: #171717;
  font-family: "Archivo", sans-serif;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 0.9;
}

.container {
  width: calc(100% - 32px);
  max-width: 1200px;
  padding-right: 0;
  padding-left: 0;
}

.skip-link {
  position: absolute;
  top: -100px;
  left: 16px;
  z-index: 999;
  padding: 10px 14px;
  color: #fffdf8;
  background: #171717;
}
.skip-link:focus {
  top: 16px;
}

.section-light,
.section-warm,
.section-dark {
  padding: clamp(70px, 9vw, 85px) 0;
  border-bottom: 3px solid #111111;
}

.section-light {
  background: #fff;
}

.section-warm {
  background: #f1efe9;
}

.section-dark {
  color: #fffdf8;
  background: #10100f;
}
.section-dark h2,
.section-dark h3,
.section-dark p,
.section-dark span {
  color: #fffdf8;
}

.section-padding-lg {
  padding-top: 150px;
  padding-bottom: 150px;
}

.site-header {
  position: relative;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.98);
  border-top: 2px solid #171717;
  border-bottom: 2px solid transparent;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.site-header.is-scrolled {
  position: fixed;
  right: 0;
  left: 0;
  border-bottom-color: #171717;
  box-shadow: 0 6px 0 rgba(23, 23, 23, 0.08);
}
.site-header.is-scrolled .navbar {
  min-height: 80px;
  padding: 10px 0;
}
.site-header .navbar {
  min-height: 100px;
  padding: 10px 0;
}
.site-header .navbar-nav .nav-link {
  position: relative;
  color: #111111;
  padding-right: 13px;
  padding-left: 13px;
  font-size: 12px;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
}
.site-header .navbar-nav .nav-link::after {
  position: absolute;
  right: 13px;
  bottom: 0;
  left: 13px;
  height: 2px;
  content: "";
  background: #111111;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 220ms ease;
}
.site-header .navbar-nav .nav-link:hover, .site-header .navbar-nav .nav-link:focus-visible, .site-header .navbar-nav .nav-link.active, .site-header .navbar-nav .nav-link[aria-current=page] {
  color: #111111;
}
.site-header .navbar-nav .nav-link:hover::after, .site-header .navbar-nav .nav-link:focus-visible::after, .site-header .navbar-nav .nav-link.active::after, .site-header .navbar-nav .nav-link[aria-current=page]::after {
  transform: scaleX(1);
}
.site-header .navbar-toggler {
  border: 2px solid #171717;
  border-radius: 0;
  box-shadow: none;
  outline: none;
}

.site-header--bordered {
  border-bottom-color: #171717;
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  color: #171717;
  line-height: 1;
}
.brand-mark img {
  display: block;
  width: 142px;
  height: auto;
}

.nav-actions,
.nav-utility,
.cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
}

.nav-utility {
  order: 3;
  margin-left: auto;
}

.nav-actions {
  order: 4;
  flex-wrap: nowrap;
  margin-left: 18px;
}

.site-header .navbar-collapse {
  order: 2;
}

.login-link {
  color: #171717;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}

.language-select {
  display: inline-flex;
  width: 95px;
  height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 10px;
  color: #171717;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font: 800 14px/1 "Archivo", sans-serif;
  text-transform: uppercase;
}
.language-select::after {
  display: none;
}

.language-icon {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.language-menu {
  min-width: 168px;
  margin-top: 10px;
  padding: 8px;
  background: #fffdf8;
  border: 3px solid #171717;
  border-radius: 0;
  box-shadow: 6px 6px 0 #171717;
}
.language-menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  color: #111111;
  border-radius: 0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  transition: background-color 180ms ease, color 180ms ease, padding-left 180ms ease;
}
.language-menu .dropdown-item:hover, .language-menu .dropdown-item:focus, .language-menu .dropdown-item.active {
  color: #fffdf8;
  background: #111111;
}
.language-menu .dropdown-item:hover, .language-menu .dropdown-item:focus {
  padding-left: 14px;
}
.language-menu .dropdown-item img {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  object-fit: contain;
}

.chevron-icon {
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-right: 2px solid #171717;
  border-bottom: 2px solid #171717;
  transform: translateY(-2px) rotate(45deg);
}

.btn {
  --bs-btn-border-radius: 0;
  --bs-btn-font-weight: 900;
  --bs-btn-padding-x: 20px;
  --bs-btn-padding-y: 10px;
  border-width: 2px;
  box-shadow: 4px 4px 0 #171717;
  font-size: 0.86rem;
  line-height: 1;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
}

.btn-submit {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding-right: 14px;
  padding-left: 26px;
  box-shadow: 7px 7px 0 #171717;
  font-size: 1rem;
}
.btn-submit:hover, .btn-submit:focus-visible {
  box-shadow: 7px 7px 0 #ff6a1a;
}

.nav-actions .btn-submit {
  width: auto;
  min-width: 190px;
  height: 50px;
  min-height: 50px;
  justify-content: center;
  padding: 0 8px 0 18px;
  border: 3px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
}
.nav-actions .btn-submit:hover, .nav-actions .btn-submit:focus-visible {
  box-shadow: 4px 4px 0 #ff6a1a;
}

.btn-arrow {
  position: relative;
  display: inline-grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid #fffdf8;
}
.btn-arrow img {
  display: block;
  width: 12px;
  height: 12px;
}

.btn-sm {
  --bs-btn-padding-x: 14px;
  --bs-btn-padding-y: 8px;
  font-size: 0.76rem;
}

.btn-orange {
  --bs-btn-bg: #ff6a1a;
  --bs-btn-border-color: #171717;
  --bs-btn-color: #fffdf8;
  --bs-btn-hover-bg: #171717;
  --bs-btn-hover-border-color: #171717;
  --bs-btn-hover-color: #fffdf8;
}

.btn-outline-dark {
  --bs-btn-border-color: #171717;
  --bs-btn-color: #171717;
  --bs-btn-hover-bg: #171717;
  --bs-btn-hover-border-color: #171717;
  --bs-btn-hover-color: #fffdf8;
  background: #fffdf8;
}

.btn-outline-shadow {
  display: inline-flex;
  min-width: 165px;
  height: 60px;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: #111111;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.16px;
}
.btn-outline-shadow:hover, .btn-outline-shadow:focus-visible {
  color: #fff;
  background: #111111;
  box-shadow: 5px 5px 0 #ff6a1a;
}

.eyebrow {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
  padding: 9px 13px;
  color: #fffdf8;
  background: #ff6a1a;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font-size: 11px;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
  transform-origin: center;
  animation: eyebrowFocusTilt 1900ms ease-in-out infinite;
}

.dark-eyebrow {
  background: transparent;
  color: #ff6a1a;
  border-color: #ff6a1a;
  box-shadow: none;
}

.hero-section {
  padding-top: clamp(50px, 6.5vw, 50px);
  padding-bottom: clamp(78px, 9vw, 115px);
}
.hero-section h1 {
  max-width: 1040px;
  margin: 0 auto;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: clamp(50px, 7.25vw, 84px);
  font-weight: 900;
  letter-spacing: clamp(-3.64px, -0.25vw, -1.8px);
  line-height: 0.95;
}

.hero-shell {
  max-width: 1100px;
}

.lead-text {
  max-width: 690px;
  margin-top: 30px;
  margin-bottom: 22px;
  color: #3A3A36;
  font-size: 20px;
  font-weight: 500;
  line-height: 29px;
}

.live-query {
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr) 89px;
  width: 592px;
  max-width: 100%;
  height: 50px;
  margin-bottom: 20px;
  border: 3px solid #111111;
  box-shadow: 7px 7px 0 #111111;
  text-align: left;
  text-transform: uppercase;
}
.live-query > span {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 0;
  border-right: 3px solid #111111;
}
.live-query > span:last-child {
  border-right: 0;
}

.live-query__source {
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
}

.live-query__time {
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.22px;
}

.live-query__source {
  gap: 10px;
  justify-content: start;
  padding: 0 15px !important;
  color: #fffdf8;
  background: #ff6a1a;
  white-space: nowrap;
}
.live-query__source i {
  width: 9px;
  height: 9px;
  margin-top: -1px;
  flex: 0 0 auto;
  background: #65FFA5;
  border-radius: 50%;
  animation: livePulse 1400ms ease-out infinite;
}

.live-query__prompt {
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  padding: 0 15px !important;
  white-space: nowrap;
  text-transform: none;
}
.live-query__prompt small {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 7px;
  color: #6F6D65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
}
.live-query__prompt small img {
  display: block;
  width: 10px;
  height: 10px;
}

.live-query__typed {
  display: inline-block;
  min-width: 239px;
}
.live-query__typed::after {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 2px;
  content: "";
  background: #111111;
  transform: translateY(2px);
  animation: typingCursor 850ms steps(2, start) infinite;
}

.live-query__time {
  justify-content: center;
  padding: 0 6px !important;
  color: #6F6D65;
  white-space: nowrap;
  text-transform: lowercase;
}

@keyframes livePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(99, 255, 183, 0.72);
  }
  70% {
    box-shadow: 0 0 0 7px rgba(99, 255, 183, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(99, 255, 183, 0);
  }
}
@keyframes typingCursor {
  0%, 45% {
    opacity: 1;
  }
  46%, 100% {
    opacity: 0;
  }
}
.hero-submit {
  width: 260px;
  min-width: 260px;
  height: 60px;
  min-height: 60px;
  justify-content: center;
  padding: 0 10px 0 20px;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.16px;
}
.hero-submit:hover, .hero-submit:focus-visible {
  box-shadow: 5px 5px 0 #ff6a1a;
}

.hero-benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin: 26px 0 0;
  padding: 0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  list-style: none;
  text-transform: uppercase;
}
.hero-benefits li {
  position: relative;
  padding-left: 20px;
}
.hero-benefits li::before {
  position: absolute;
  top: 45%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  background: #ff6a1a;
  border: 1px solid #171717;
  transform: translateY(-50%);
}

.about-hero {
  padding: 116px 0 98px;
}

.about-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(460px, 534px);
  gap: 70px;
  align-items: center;
}

.about-hero__content {
  padding-bottom: 4px;
}
.about-hero__content .eyebrow {
  margin-bottom: 30px;
}
.about-hero__content h1 {
  max-width: 560px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 72px;
  font-weight: 900;
  letter-spacing: -2.24px;
  line-height: 66.2px;
}

.about-hero__lead {
  max-width: 535px;
  margin-top: 30px;
  color: #3A3A36;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.45;
}

.about-hero__button {
  margin-top: 30px;
}

.about-hero__visual {
  margin: 0;
  padding: 12px;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 7px 7px 0 #111111;
}
.about-hero__visual img {
  display: block;
  width: 100%;
}

.about-facts {
  padding: 128px 0 116px;
  background: #111111;
}

.about-facts__heading {
  margin-bottom: 42px;
}
.about-facts__heading .eyebrow {
  margin-bottom: 25px;
}
.about-facts__heading h2 {
  color: #fff;
}

.about-facts__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 2px solid #d8d8d8;
  border-left: 2px solid #d8d8d8;
}

.about-fact {
  min-height: 172px;
  padding: 31px 29px 28px;
  border-right: 2px solid #d8d8d8;
  border-bottom: 2px solid #d8d8d8;
}
.about-fact strong {
  display: block;
  color: #ff6a1a;
  font-family: "Archivo", sans-serif;
  font-size: 56px;
  font-weight: 900;
  letter-spacing: -1.96px;
  line-height: 0.9;
}
.about-fact h3 {
  margin-top: 13px;
  color: #fff;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.2;
}

.about-facts .about-fact p {
  margin-top: 10px;
  color: #817f76;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.84px;
  line-height: 1.35;
}

.about-story {
  padding: 112px 0 126px;
}

.about-story__heading {
  margin-bottom: 58px;
}
.about-story__heading .eyebrow {
  margin-bottom: 25px;
}

.about-story__chapters {
  border: 3px solid #111111;
  box-shadow: 9px 9px 0 #111111;
}

.about-story__chapter {
  display: grid;
  grid-template-columns: 250px minmax(0, 1fr);
  min-height: 245px;
}
.about-story__chapter + .about-story__chapter {
  border-top: 3px solid #111111;
}

.about-story__label {
  padding: 75px 0 30px 50px;
}
.about-story__label span {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  color: #111111;
  background: #ff6a1a;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.about-story__content {
  max-width: 845px;
  padding: 70px 52px 38px 48px;
}
.about-story__content h3 {
  color: #111111;
  font-size: 30px;
  line-height: 1.05;
  letter-spacing: -1.05px;
}
.about-story__content p {
  margin-top: 15px;
  color: #3A3A36;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

/* ---------------------------------------------------------------------------
   About -> "From invisible to recommended" (client design, 2026-09-10).

   Replaced the founders section. Three steps inside ONE bordered frame, not
   three cards side by side: the dividing lines are shared, so there is a
   single 3px outline around the whole row and a single line between each
   step. Three separate boxes would double every internal line, which is
   visible at this border weight and is not what the design shows.
   --------------------------------------------------------------------------- */
.about-steps {
  padding: 112px 0 120px;
}

.about-steps__heading {
  margin-bottom: 58px;
}
.about-steps__heading .eyebrow {
  margin-bottom: 25px;
}

.about-steps__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 3px solid #111111;
}

.about-step {
  min-width: 0;
  padding: 42px 38px 46px;
  /* The shared divider. Only between steps, never on the outer edge, which
     already has the frame's own border. */
}
.about-step + .about-step {
  border-left: 3px solid #111111;
}
.about-step h3 {
  margin: 0 0 16px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: clamp(22px, 1.9vw, 26px);
  font-weight: 900;
  letter-spacing: -0.7px;
  line-height: 1.15;
}

.about-step__number {
  margin: 0 0 20px;
  color: #ff6a1a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1;
  text-transform: uppercase;
}

.about-step__body {
  margin: 0;
  color: #67625d;
  /* Stated rather than inherited. These sit inside an <li>, which picks up a
     700 weight from the list styling further up — bold body copy, where the
     design and every other paragraph on this page are 500. */
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
}

/* The third step is the arrival, and the design gives it the weight. */
.about-step--dark {
  background: #111111;
}
.about-step--dark h3 {
  color: #fff;
}
.about-step--dark .about-step__body {
  color: #c9c4bc;
}

.about-steps__action {
  display: flex;
  justify-content: center;
  margin-top: 52px;
  /*
   * The house recipe for a section's call to action, as `.cta-section
   * .cta-primary` and `.hero-submit` state it: 60px tall, a 3px rule, and a
   * 5px shadow that turns orange on hover while `.btn-orange` fills the
   * button black.
   *
   * The base `.btn-submit` is 7px, and nothing on the site uses it unchanged
   * — every button measured came out at 5px through one of these local
   * blocks. Repeating it here keeps this button the same size as the rest;
   * the day somebody unifies the recipe, this is one of the places to fold in.
   */
}
.about-steps__action .btn {
  height: 60px;
  min-height: 60px;
  justify-content: center;
  padding: 0 14px 0 24px;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.16px;
}
.about-steps__action .btn:hover, .about-steps__action .btn:focus-visible {
  box-shadow: 5px 5px 0 #ff6a1a;
}

.pricing-hero {
  padding: 102px 0 78px;
  border-bottom: 3px solid #111111;
}

.pricing-hero .pricing-hero__heading {
  margin-bottom: 25px;
}
.pricing-hero .pricing-hero__heading .eyebrow {
  margin-bottom: 26px;
}
.pricing-hero .pricing-hero__heading > p:not(.eyebrow) {
  max-width: 650px;
  margin: 25px auto 0;
  color: #6f6d65;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.pricing-tabs {
  width: fit-content;
  margin: 0 auto;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
}
.pricing-tabs .nav-item {
  margin: 0;
}
.pricing-tabs .nav-link {
  min-width: 108px;
  height: 42px;
  padding: 0 20px;
  color: #111111;
  background: #fff;
  border: 0;
  border-radius: 0;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 42px;
}
.pricing-tabs .nav-link.active {
  color: #fff;
  background: #111111;
}
.pricing-tabs .nav-link:focus-visible {
  outline: 3px solid #ff6a1a;
  outline-offset: -3px;
}

.pricing-plans {
  padding: 96px 0 92px;
}

.pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}

.pricing-card {
  display: flex;
  min-width: 0;
  flex-direction: column;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 7px 7px 0 #111111;
}

.pricing-card__main {
  display: flex;
  min-height: 480px;
  flex-direction: column;
  padding: 28px 26px 25px;
}
.pricing-card__main > small {
  margin-top: 17px;
  color: #6f6d65;
  font-size: 12px;
  font-weight: 600;
}

.pricing-card__title {
  display: flex;
  min-height: 28px;
  align-items: center;
  gap: 11px;
}
.pricing-card__title > span {
  color: #ff6a1a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
}
.pricing-card__title h2 {
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1.68px;
  line-height: 1;
  text-transform: uppercase;
}
.pricing-card__title b {
  margin-left: auto;
  padding: 7px 10px;
  color: #fff;
  background: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.pricing-card__description {
  min-height: 62px;
  margin-top: 10px;
  padding-bottom: 18px;
  color: #6f6d65;
  border-bottom: 2px dashed #d1d0cb;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
}

.pricing-card__price {
  display: flex;
  min-height: 80px;
  align-items: flex-end;
  gap: 8px;
  padding: 20px 0 24px;
}
.pricing-card__price strong {
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 58px;
  font-weight: 900;
  letter-spacing: -2.32px;
  line-height: 0.82;
}
.pricing-card__price span {
  color: #6f6d65;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.pricing-card__stats {
  display: grid;
  gap: 13px;
}
.pricing-card__stats > div {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  min-height: 60px;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border: 2px dashed #111111;
}
.pricing-card__stats i {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  background: #ff6a1a;
  border: 2px solid #111111;
  font-style: normal;
}
.pricing-card__stats i img {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.pricing-card__stats span {
  color: #111111;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.pricing-card__button {
  display: inline-flex;
  width: 100%;
  height: 50px;
  min-height: 50px;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  color: #111111;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 800;
}
.pricing-card__button:hover, .pricing-card__button:focus-visible {
  box-shadow: 5px 5px 0 #ff6a1a;
}

.pricing-card--featured .pricing-card__button {
  background: #ff6a1a;
  color: #fff;
}
.pricing-card--featured .pricing-card__button:hover, .pricing-card--featured .pricing-card__button:focus-visible {
  color: #fff;
  background: #111111;
}

.pricing-card__included {
  flex: 1 1 auto;
  min-height: 221px;
  padding: 27px 26px 15px;
  background: #ebe8df;
  border-top: 3px solid #111111;
}
.pricing-card__included h3 {
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.05px;
  line-height: 1;
  text-transform: uppercase;
}
.pricing-card__included ul {
  display: grid;
  gap: 13px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}
.pricing-card__included li {
  font-family: "Archivo", sans-serif;
  position: relative;
  padding-left: 25px;
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
}
.pricing-card__included li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #ff6a1a;
  content: "✓";
  font-size: 16px;
  font-weight: 900;
}

.pricing-card--featured .pricing-card__included {
  background: #ff6a1a;
}
.pricing-card--featured .pricing-card__included h3,
.pricing-card--featured .pricing-card__included li {
  color: #fff;
}
.pricing-card--featured .pricing-card__included li::before {
  color: #fff;
}

.enterprise-plan {
  display: flex;
  min-height: 132px;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 32px;
  padding: 26px 30px;
  border: 3px dashed #111111;
}
.enterprise-plan h2 {
  margin-top: 14px;
  color: #111111;
  font-size: 43px;
  line-height: 0.9;
}
.enterprise-plan h2 small {
  color: #6f6d65;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.enterprise-plan__label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.enterprise-plan__label-icon {
  color: #ff6a1a;
  font-style: normal;
}

.enterprise-plan__link {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #ff6a1a;
  font-family: "Archivo", sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  transition: color 180ms ease;
}
.enterprise-plan__link:hover, .enterprise-plan__link:focus-visible {
  color: #111111;
}
.enterprise-plan__link:hover .enterprise-plan__arrow, .enterprise-plan__link:focus-visible .enterprise-plan__arrow {
  color: #ff6a1a;
  background: #111111;
}

.enterprise-plan__arrow {
  display: grid;
  width: 38px;
  height: 38px;
  place-items: center;
  color: #fff;
  background: #ff6a1a;
  font-family: "Inter", Arial, sans-serif;
  font-style: normal;
  transition: color 180ms ease, background-color 180ms ease;
}

.pricing-note {
  margin-top: 30px;
  color: #817f76;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}

.plan-compare {
  padding: 70px 0 80px;
}

.plan-compare__heading {
  margin-bottom: 56px;
}

.plan-compare__table-wrap {
  overflow-x: auto;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}

.plan-compare__table {
  width: 100%;
  min-width: 890px;
  border-collapse: collapse;
  background: #fff;
}
.plan-compare__table th,
.plan-compare__table td {
  border-bottom: 2px solid #111111;
}
.plan-compare__table thead th {
  height: 136px;
  padding: 24px 24px 27px;
  vertical-align: middle;
}
.plan-compare__table thead th:first-child {
  width: 40%;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 29px;
  font-weight: 900;
  letter-spacing: -0.9px;
  line-height: 1;
  text-align: left;
}
.plan-compare__table thead th:not(:first-child) {
  width: 20%;
  text-align: center;
}
.plan-compare__table thead th:not(:first-child) > span {
  display: block;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
}
.plan-compare__table tbody tr:nth-child(even) {
  background: #fde9dd;
}
.plan-compare__table tbody tr:last-child th,
.plan-compare__table tbody tr:last-child td {
  border-bottom: 0;
}
.plan-compare__table tbody th,
.plan-compare__table tbody td {
  height: 46px;
  padding: 11px 26px;
  vertical-align: middle;
}
.plan-compare__table tbody th {
  color: #111111;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  text-align: left;
}
.plan-compare__table tbody td {
  color: #111111;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}

.compare-plan__button {
  display: inline-flex;
  width: 122px;
  height: 41px;
  min-height: 41px;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 13px;
  font-weight: 800;
}
.compare-plan__button:hover, .compare-plan__button:focus-visible {
  color: #fff;
  background: #111111;
  box-shadow: 5px 5px 0 #ff6a1a;
}

.compare-icon {
  color: #111111;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.compare-icon--no {
  color: #ff6a1a;
}

.pricing-faq {
  padding: 88px 0 98px;
}

.pricing-faq__heading {
  margin-bottom: 56px;
}
.pricing-faq__heading .eyebrow {
  margin-bottom: 25px;
}

.pricing-accordion {
  max-width: 730px;
  margin: 0 auto;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}
.pricing-accordion .accordion-item {
  background: #fff;
  border: 0;
  border-bottom: 3px solid #111111;
  border-radius: 0;
}
.pricing-accordion .accordion-item:last-child {
  border-bottom: 0;
}
.pricing-accordion .accordion-button {
  min-height: 61px;
  padding: 18px 60px 18px 25px;
  color: #111111;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.2;
}
.pricing-accordion .accordion-button::after {
  position: absolute;
  top: 50%;
  right: 25px;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  content: "+";
  color: #111111;
  background-image: none;
  border: 2px solid #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 17px;
  font-weight: 900;
  line-height: 1;
  transform: translateY(-50%);
}
.pricing-accordion .accordion-button:not(.collapsed)::after {
  content: "-";
  transform: translateY(-50%);
}
.pricing-accordion .accordion-button:focus-visible {
  outline: 3px solid #ff6a1a;
  outline-offset: -5px;
}
.pricing-accordion .accordion-body {
  padding: 0 60px 22px 25px;
  color: #3A3A36;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.features-hero,
.blog-hero,
.contact-hero,
.docs-hero,
.legal-hero {
  padding: 88px 0 90px;
  background: #f1efe9;
  border-bottom: 3px solid #111111;
}

.features-hero .features-hero__heading,
.blog-hero .blog-hero__heading,
.contact-hero .contact-hero__heading,
.docs-hero .docs-hero__heading,
.legal-hero .legal-hero__heading {
  margin-bottom: 0;
}
.features-hero .features-hero__heading .eyebrow,
.blog-hero .blog-hero__heading .eyebrow,
.contact-hero .contact-hero__heading .eyebrow,
.docs-hero .docs-hero__heading .eyebrow,
.legal-hero .legal-hero__heading .eyebrow {
  margin-bottom: 26px;
}
.features-hero .features-hero__heading > p:not(.eyebrow),
.blog-hero .blog-hero__heading > p:not(.eyebrow),
.contact-hero .contact-hero__heading > p:not(.eyebrow),
.docs-hero .docs-hero__heading > p:not(.eyebrow),
.legal-hero .legal-hero__heading > p:not(.eyebrow) {
  max-width: 535px;
  margin: 25px auto 0;
  color: #3A3A36;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.38;
}

.docs-hero .docs-hero__heading > p:not(.eyebrow) {
  max-width: 660px;
}

.legal-hero .legal-hero__heading > p:not(.eyebrow) {
  max-width: 570px;
}

.terms-content {
  padding: 86px 0 110px;
  border-bottom: 3px solid #111111;
}

.terms-layout {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr);
  align-items: start;
  gap: 40px;
}

.terms-sidebar {
  position: sticky;
  top: 100px;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  padding: 0 7px 7px 0;
  scrollbar-width: thin;
  scrollbar-color: #ff6a1a transparent;
}

.terms-nav {
  padding: 32px 24px 8px;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
}

.terms-nav__title,
.terms-support__eyebrow {
  margin: 0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.terms-nav__title {
  margin-bottom: 20px;
  color: #77736C;
}

.terms-nav__link {
  display: flex;
  min-height: 41px;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  color: #111111;
  border-bottom: 2px solid #111111;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  transition: color 180ms ease, padding-left 180ms ease;
}
.terms-nav__link:last-child {
  border-bottom: 0;
}
.terms-nav__link span {
  flex: 0 0 18px;
  color: #ff6a1a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 12px;
  letter-spacing: 1.2px;
}
.terms-nav__link:hover, .terms-nav__link:focus-visible, .terms-nav__link.active {
  color: #ff6a1a;
  padding-left: 7px;
}

.terms-support {
  margin-top: 22px;
  padding: 34px 24px 38px;
  color: #fffdf8;
  background: #111111;
  box-shadow: 5px 5px 0 #ff6a1a;
}
.terms-support > p:not(.terms-support__eyebrow) {
  max-width: 210px;
  margin: 24px 0 28px;
  color: #D0CDC7;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
}
.terms-support > a {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 14px 0 18px;
  color: #fff;
  background: #ff6a1a;
  border: 2px solid #111111;
  font-family: "Archivo", sans-serif;
  font-size: 13px;
  font-weight: 800;
  transition: background-color 180ms ease, box-shadow 180ms ease;
}
.terms-support > a:hover, .terms-support > a:focus-visible {
  color: #111111;
  background: #fffdf8;
  box-shadow: 4px 4px 0 #ff6a1a;
}
.terms-support > a:hover .terms-support__arrow, .terms-support > a:focus-visible .terms-support__arrow {
  border-color: #111111;
}

.terms-support__eyebrow {
  color: #ff6a1a;
}

.terms-support__arrow {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid #fff;
  font-size: 17px;
  line-height: 1;
}

.terms-article {
  display: grid;
  gap: 19px;
  min-width: 0;
}

.terms-card {
  scroll-margin-top: 110px;
  padding: 34px 34px 36px;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
}
.terms-card > p {
  margin: 15px 0 0;
  color: #3A3A36;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.terms-card__heading {
  display: flex;
  align-items: center;
  gap: 18px;
}
.terms-card__heading > span {
  display: grid;
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  place-items: center;
  color: #111111;
  background: #ff6a1a;
  border: 2px solid #111111;
  font-family: "Archivo", sans-serif;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.77px;
}
.terms-card__heading h2 {
  margin: 0;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 27px;
  font-weight: 900;
  letter-spacing: -0.94px;
  line-height: 1.05;
}

.terms-card__email {
  display: inline-flex;
  margin-top: 16px;
  color: #111111;
  border-bottom: 2px solid #111111;
  font-size: 15px;
  font-weight: 800;
}
.terms-card__email:hover, .terms-card__email:focus-visible {
  color: #ff6a1a;
  border-color: #ff6a1a;
}

.privacy-content {
  padding: 86px 0 110px;
  border-bottom: 3px solid #111111;
}

.privacy-article {
  display: grid;
  gap: 28px;
}

.privacy-contact-button {
  display: inline-flex;
  min-height: 56px;
  align-items: center;
  gap: 18px;
  margin-top: 24px;
  padding: 0 12px 0 20px;
  color: #111111;
  background: #ff6a1a;
  border: 3px solid #111111;
  box-shadow: 6px 6px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 800;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.privacy-contact-button:hover, .privacy-contact-button:focus-visible {
  color: #fffdf8;
  background: #111111;
  box-shadow: 6px 6px 0 #ff6a1a;
}
.privacy-contact-button:hover .privacy-contact-button__arrow, .privacy-contact-button:focus-visible .privacy-contact-button__arrow {
  background: #fffdf8;
  color: #111111;
}

.privacy-contact-button__arrow {
  display: grid;
  width: 25px;
  height: 25px;
  place-items: center;
  border: 2px solid currentColor;
  font-size: 17px;
  line-height: 1;
  transition: color 180ms ease, background-color 180ms ease;
}

.docs-content {
  padding: 100px 0 118px;
  border-bottom: 3px solid #111111;
}

.docs-layout {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: start;
  gap: 48px;
}

.docs-sidebar {
  position: sticky;
  top: 100px;
  min-width: 0;
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  padding: 0 7px 7px 0;
  scrollbar-width: thin;
  scrollbar-color: #ff6a1a transparent;
}

.docs-sidebar__sticky {
  min-width: 0;
}

.docs-nav {
  padding: 22px 18px 10px;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
}

.docs-nav__title,
.docs-nav__label,
.docs-key-card__eyebrow,
.docs-section__eyebrow,
.docs-code-label {
  margin: 0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-weight: 700;
  letter-spacing: 1.15px;
  line-height: 1.2;
  text-transform: uppercase;
}

.docs-nav__title {
  margin-bottom: 18px;
  color: #77736C;
  font-size: 11px;
}

.docs-nav__group + .docs-nav__group {
  margin-top: 17px;
}

.docs-nav__label {
  margin-bottom: 9px;
  color: #77736C;
  font-size: 10px;
}

.docs-nav__link {
  display: flex;
  min-height: 35px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 8px 10px;
  margin-bottom: 10px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.docs-nav__link:not(.docs-nav__link--pending):hover, .docs-nav__link:not(.docs-nav__link--pending):focus-visible {
  color: #fffdf8;
  background: #111111;
}
.docs-nav__link.active {
  color: #111111;
  background: #ff6a1a;
  box-shadow: 4px 4px 0 #111111;
}

.docs-nav__link--endpoint {
  padding-right: 7px;
}

.docs-nav__link--pending {
  cursor: default;
}

.docs-method {
  flex: 0 0 auto;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.8px;
  line-height: 1;
  text-transform: uppercase;
}

.docs-method--post {
  color: #159353;
}

.docs-method--get {
  color: #245BDE;
}

.docs-method--put {
  color: #D87B00;
}

.docs-method--delete {
  color: #DF2638;
}

.docs-method--patch {
  color: #D87B00;
}

.docs-nav__link:not(.docs-nav__link--pending):hover .docs-method,
.docs-nav__link:not(.docs-nav__link--pending):focus-visible .docs-method,
.docs-nav__link.active .docs-method {
  color: #fffdf8;
}

.docs-key-card {
  margin-top: 18px;
  padding: 22px 18px 28px;
  color: #fffdf8;
  background: #111111;
  box-shadow: 5px 5px 0 #ff6a1a;
}
.docs-key-card p:not(.docs-key-card__eyebrow) {
  max-width: 205px;
  margin: 12px 0 28px;
  color: #C9C6C0;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
}

.docs-key-card__eyebrow {
  color: #ff6a1a;
  font-size: 11px;
}

.docs-key-card__button {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 18px;
  padding: 0 10px 0 16px;
  color: #111111;
  background: #ff6a1a;
  border: 2px solid #111111;
  font-family: "Archivo", sans-serif;
  font-size: 13px;
  font-weight: 800;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.docs-key-card__button:hover, .docs-key-card__button:focus-visible {
  color: #111111;
  background: #fffdf8;
  box-shadow: 4px 4px 0 #ff6a1a;
}

.docs-key-card__arrow {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid currentColor;
}
.docs-key-card__arrow img {
  width: 12px;
  height: 12px;
}

.docs-article {
  min-width: 0;
}

.docs-section {
  scroll-margin-top: 110px;
}
.docs-section + .docs-section {
  margin-top: 60px;
}
.docs-section h2 {
  margin: 10px 0 12px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: -1.4px;
  line-height: 1.04;
}

.docs-section__eyebrow {
  color: #ff6a1a;
  font-size: 11px;
}

.docs-section__lead {
  max-width: 760px;
  margin: 0;
  color: #393936;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
}
.docs-section__lead code {
  padding: 3px 7px;
  color: #37322D;
  background: #F9E8DE;
  border: 1px solid #E5D1C6;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 0.86em;
  font-weight: 700;
}

/*
 * Body copy inside a docs section (2026-09-09).
 *
 * The old page was a lead paragraph and a code block per section, so ordinary
 * paragraphs and lists were never styled: two paragraphs in a row ran together
 * as one block, and a list sat flush against the text above it. The rewritten
 * reference explains a sync procedure, which needs both.
 */
.docs-section > p:not([class]),
.docs-section > ul,
.docs-section > ol {
  max-width: 760px;
  margin: 18px 0 0;
  color: #393936;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
.docs-section > ul,
.docs-section > ol {
  padding-left: 22px;
}
.docs-section > ul li + li,
.docs-section > ol li + li {
  margin-top: 8px;
}
.docs-section > p:not([class]) code,
.docs-section > ul code,
.docs-section > ol code {
  padding: 3px 7px;
  color: #37322D;
  background: #F9E8DE;
  border: 1px solid #E5D1C6;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 0.86em;
  font-weight: 700;
}

.docs-base-url {
  display: flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
  margin-bottom: 30px;
}

.docs-base-url__address {
  display: inline-flex;
  align-items: stretch;
  box-shadow: 5px 5px 0 #111111;
}

.docs-base-url__label,
.docs-base-url__address code,
.docs-base-url__type {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  border: 2px solid #111111;
}

.docs-base-url__label {
  padding: 0 14px;
  color: #fffdf8;
  background: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.docs-base-url__address code {
  min-width: 240px;
  padding: 0 16px;
  color: #111111;
  border-left: 0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 13px;
  font-weight: 700;
}

.docs-base-url__type {
  padding: 0 14px;
  background: #F9E8DE;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.docs-code-block {
  margin-top: 15px;
  overflow: hidden;
  color: #D6D3CE;
  background: #171717;
  border: 3px solid #242424;
}

.docs-code-block__header {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 0 14px 0 16px;
  background: #101010;
  border-bottom: 2px solid #2B2B2B;
}

.docs-code-block__language {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: #96938D;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.docs-code-block__dots {
  display: inline-flex;
  gap: 7px;
}
.docs-code-block__dots i {
  width: 10px;
  height: 10px;
  background: #FF5A52;
}
.docs-code-block__dots i:nth-child(2) {
  background: #FFC02E;
}
.docs-code-block__dots i:nth-child(3) {
  background: #2FCB4A;
}

.docs-code-block__header button {
  padding: 7px 0;
  color: #ff6a1a;
  background: transparent;
  border: 0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
  transition: color 180ms ease;
}
.docs-code-block__header button:hover, .docs-code-block__header button:focus-visible {
  color: #fffdf8;
}

.docs-code-block pre {
  max-width: 100%;
  margin: 0;
  overflow: auto;
  padding: 19px 20px 22px;
  color: #D6D3CE;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 13px;
  line-height: 1.65;
  tab-size: 2;
  font-weight: normal;
}

.docs-code-block code {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}

.code-command,
.code-property,
.code-option {
  color: #FF9D5C;
}

.code-string,
.code-boolean {
  color: #BFE08A;
}

.code-number {
  color: #80B7E8;
}

.docs-endpoint {
  padding-top: 48px;
  border-top: 3px solid #111111;
}

.docs-endpoint--no-border {
  border-top: 0;
  margin-top: 0 !important;
}

.docs-endpoint__route {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.docs-endpoint__route code {
  min-width: 0;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 17px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.docs-endpoint__method {
  display: inline-flex;
  min-width: 60px;
  height: 29px;
  align-items: center;
  justify-content: center;
  color: #fffdf8;
  border: 2px solid #111111;
  box-shadow: 3px 3px 0 #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}

.docs-endpoint__method--post {
  background: #159353;
}

.docs-endpoint__method--get {
  background: #245BDE;
}

.docs-endpoint__method--put {
  background: #C77A0A;
}

.docs-endpoint__method--delete {
  min-width: 78px;
  background: #D64040;
}

.docs-endpoint__method--patch {
  min-width: 70px;
  background: #C77A0A;
}

/* A second route inside one endpoint section: Unpublish beside Publish,
   the Complete step of an upload. */
.docs-endpoint__route--secondary {
  margin-top: 40px;
}

.docs-code-empty {
  margin: 8px 0 0;
  color: #393936;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 13px;
  font-weight: 700;
}

/* Sub-headings inside a reference section: the groups of business fields. */
.docs-section > h3 {
  margin: 40px 0 0;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: -0.5px;
  line-height: 1.15;
}

.docs-code-label {
  margin-top: 24px;
  color: #77736C;
  font-size: 11px;
}

.docs-reference {
  padding-top: 48px;
  border-top: 3px solid #111111;
}

.docs-schema-table {
  margin-top: 20px;
  overflow-x: auto;
  border: 3px solid #111111;
}
.docs-schema-table table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}
.docs-schema-table th,
.docs-schema-table td {
  padding: 14px 18px;
  border-bottom: 2px solid #111111;
  text-align: left;
  vertical-align: middle;
}
.docs-schema-table thead th {
  color: #fffdf8;
  background: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
.docs-schema-table thead th:first-child {
  width: 26%;
}
.docs-schema-table thead th:nth-child(2) {
  width: 11%;
}
.docs-schema-table tbody th {
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
}
.docs-schema-table tbody th span {
  margin-left: 6px;
  color: #ff6a1a;
  font-size: 9px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.docs-schema-table tbody td {
  font-family: "Archivo", sans-serif;
  color: #393936;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.docs-schema-table tbody td:nth-child(2) {
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
}
.docs-schema-table tbody tr:last-child th,
.docs-schema-table tbody tr:last-child td {
  border-bottom: 0;
}

.docs-error-codes {
  padding-top: 0;
}

.docs-error-table {
  margin-top: 16px;
  overflow-x: auto;
  border: 3px solid #111111;
}
.docs-error-table table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
}
.docs-error-table th,
.docs-error-table td {
  padding: 15px 18px;
  border-bottom: 2px solid #111111;
  text-align: left;
  vertical-align: middle;
}
.docs-error-table thead th {
  color: #fffdf8;
  background: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
.docs-error-table thead th:first-child {
  width: 90px;
}
.docs-error-table tbody th {
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 13px;
  font-weight: 700;
}
.docs-error-table tbody td {
  color: #393936;
  font-size: 13px;
  font-weight: 700;
}
.docs-error-table tbody tr:nth-child(odd) {
  background: #FAF9F6;
}
.docs-error-table tbody tr:last-child th,
.docs-error-table tbody tr:last-child td {
  border-bottom: 0;
}

.auth-section {
  padding: 128px 0 132px;
  background: #f1efe9;
}

.auth-shell {
  display: grid;
  width: min(100%, 1050px);
  min-height: 680px;
  grid-template-columns: minmax(0, 46%) minmax(0, 54%);
  align-items: stretch;
  margin: 0 auto;
  background: #fffdf8;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}

.auth-promo {
  display: flex;
  min-width: 0;
  flex-direction: column;
  padding: 52px 46px 48px;
  color: #fffdf8;
  background: #111111;
}

.auth-promo__logo {
  display: inline-flex;
  width: fit-content;
}
.auth-promo__logo img {
  display: block;
  width: 162px;
  height: auto;
}

.auth-promo__content {
  margin: auto 0;
}

.auth-promo__eyebrow,
.auth-promo__trust {
  margin: 0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.15px;
  line-height: 1.2;
  text-transform: uppercase;
}

.auth-promo__eyebrow {
  color: #ff6a1a;
}

.auth-promo h1 {
  max-width: 330px;
  margin: 26px 0 30px;
  color: #fffdf8;
  font-family: "Archivo", sans-serif;
  font-size: 46px;
  font-weight: 900;
  letter-spacing: -1.61px;
  line-height: 0.98;
}

.auth-promo ul {
  display: grid;
  gap: 14px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.auth-promo ul li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 700;
}
.auth-promo ul span {
  display: grid;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  place-items: center;
  color: #111111;
  background: #ff6a1a;
  font-size: 13px;
  font-weight: 900;
}

.auth-promo__trust {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #A5A19A;
  font-size: 9px;
}
.auth-promo__trust i {
  width: 9px;
  height: 9px;
  flex: 0 0 9px;
  background: #ff6a1a;
}

.auth-panel {
  min-width: 0;
  padding: 42px 44px 38px;
  background: #fffdf8;
}

.auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 24px;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
}
.auth-tabs .nav-item {
  min-width: 0;
}
.auth-tabs .nav-link {
  width: 100%;
  min-height: 46px;
  padding: 10px;
  color: #111111;
  background: #fffdf8;
  border: 0;
  border-radius: 0;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 800;
  transition: color 180ms ease, background-color 180ms ease;
}
.auth-tabs .nav-link:hover, .auth-tabs .nav-link:focus-visible, .auth-tabs .nav-link.active {
  color: #fffdf8;
  background: #111111;
}

.auth-heading {
  margin-bottom: 24px;
}
.auth-heading h2 {
  margin: 0;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
}
.auth-heading p {
  max-width: 430px;
  margin: 12px 0 0;
  color: #77736C;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.auth-form {
  display: grid;
  gap: 16px;
}

.auth-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.auth-field {
  display: grid;
  gap: 8px;
  min-width: 0;
}
.auth-field > span {
  color: #77736C;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
.auth-field input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  color: #111111;
  background: #fffdf8;
  border: 3px solid #111111;
  border-radius: 0;
  outline: 0;
  font-size: 14px;
  font-weight: 700;
  transition: box-shadow 180ms ease;
}
.auth-field input:focus {
  box-shadow: 4px 4px 0 #ff6a1a;
}
.auth-field input::placeholder {
  color: #111111;
  opacity: 1;
  transition: opacity 180ms ease;
}
.auth-field input:focus::placeholder {
  opacity: 0;
}

.auth-password {
  position: relative;
  display: block;
  min-width: 0;
}
.auth-password input {
  padding-right: 52px;
}
.auth-password__toggle {
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  padding: 0;
  color: #77736C;
  background: transparent;
  border: 0;
  cursor: pointer;
  transition: color 180ms ease;
}
.auth-password__toggle:hover, .auth-password__toggle:focus-visible {
  color: #111111;
}
.auth-password__toggle:focus {
  outline: 0;
}
.auth-password__toggle:focus-visible {
  outline: 2px solid #ff6a1a;
  outline-offset: -2px;
}
.auth-password__toggle svg {
  display: block;
}
.auth-password.is-revealed .auth-password__toggle {
  color: #111111;
}

.auth-form__options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.auth-form__options > a,
.auth-form__options .auth-forgot {
  padding: 0;
  color: #111111;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #ff6a1a;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.1;
}

.auth-forgot {
  transition: color 180ms ease;
}
.auth-forgot:hover, .auth-forgot:focus-visible {
  color: #ff6a1a;
}

.auth-check {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  gap: 10px;
  color: #3A3A36;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}
.auth-check input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.auth-check > span[aria-hidden] {
  display: grid;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  place-items: center;
  background: #fffdf8;
  border: 3px solid #111111;
}
.auth-check input:checked + span[aria-hidden] {
  background: #ff6a1a;
}
.auth-check input:checked + span[aria-hidden]::after {
  color: #111111;
  content: "✓";
  font-size: 12px;
  font-weight: 900;
  line-height: 11px;
}
.auth-check input:focus-visible + span[aria-hidden] {
  box-shadow: 3px 3px 0 #ff6a1a;
}

.auth-check--terms {
  margin-top: 2px;
}
.auth-check--terms a {
  color: #111111;
  border-bottom: 1px solid #111111;
}

.auth-form__status {
  min-height: 16px;
  margin: -4px 0 0;
  color: #ff6a1a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.4px;
  line-height: 1.4;
}

.auth-submit,
.auth-google {
  display: inline-flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  border: 3px solid #111111;
  border-radius: 0;
  box-shadow: 5px 5px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 800;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}

.auth-submit {
  gap: 15px;
  margin-top: 2px;
  background: #ff6a1a;
  color: #fff;
}
.auth-submit:hover, .auth-submit:focus-visible {
  background: #111111;
  box-shadow: 5px 5px 0 #ff6a1a;
}

.auth-submit__arrow {
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border: 2px solid currentColor;
  transition: background-color 180ms ease;
}
.auth-submit__arrow img {
  width: 10px;
  height: 9px;
}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 22px 0;
  color: #77736C;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
}
.auth-divider::before, .auth-divider::after {
  height: 2px;
  flex: 1 1 auto;
  content: "";
  background: #D8D6D1;
}
.auth-divider span {
  flex: 0 0 auto;
}

.auth-google {
  gap: 10px;
  min-height: 52px;
  background: #fffdf8;
  box-shadow: 7px 7px 0 #111111;
  font-size: 14px;
  letter-spacing: -0.14px;
}
.auth-google:hover, .auth-google:focus-visible {
  color: #fffdf8;
  background: #111111;
  box-shadow: 7px 7px 0 #ff6a1a;
}
.auth-google:hover img, .auth-google:focus-visible img {
  filter: invert(1);
}
.auth-google img {
  width: 22px;
  height: 22px;
  padding: 4px;
  border: 2px solid #111111;
  transition: filter 180ms ease;
}

.auth-switch {
  font-family: "Archivo", sans-serif;
  margin: 20px 0 0;
  color: #3A3A36;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}
.auth-switch button {
  padding: 0;
  color: #111111;
  background: transparent;
  border: 0;
  border-bottom: 2px solid #ff6a1a;
  font: inherit;
  font-weight: 800;
}

.auth-footer {
  padding-top: 66px;
}

.auth-reset-modal {
  --bs-modal-width: 540px;
}
.auth-reset-modal .modal-dialog {
  padding: 18px;
}
.auth-reset-modal .modal-content {
  position: relative;
  border: 3px solid #111111;
  border-radius: 0;
  box-shadow: 8px 8px 0 #111111;
}
.auth-reset-modal .modal-body {
  padding: 48px 44px 42px;
}
.auth-reset-modal h2 {
  margin: 12px 0 13px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
}
.auth-reset-modal h2 + p {
  max-width: 430px;
  margin: 0;
  color: #6F6D65;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

.auth-reset-modal__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: #111111;
  background: #fffdf8;
  border: 2px solid #111111;
  box-shadow: 3px 3px 0 #111111;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.auth-reset-modal__close:hover, .auth-reset-modal__close:focus-visible {
  color: #fffdf8;
  background: #111111;
  box-shadow: 3px 3px 0 #ff6a1a;
}

.auth-reset-modal__eyebrow {
  margin: 0;
  color: #ff6a1a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.auth-reset-form {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}
.auth-reset-form .auth-submit {
  margin-top: 0;
}

.auth-reset-modal__note {
  margin: 20px 0 0;
  color: #77736C;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.5px;
  line-height: 1.45;
  text-transform: uppercase;
}

.modal-backdrop.show {
  opacity: 0.72;
}

.contact-section {
  padding: 70px 0 142px;
}

.contact-channels {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.contact-channel {
  min-height: 215px;
  padding: 34px 31px 28px;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}
.contact-channel h2 {
  margin-top: 18px;
  color: #111111;
  font-size: 22px;
  letter-spacing: -0.7px;
  line-height: 1;
}
.contact-channel p {
  margin-top: 4px;
  color: #3A3A36;
  font-size: 15px;
  font-weight: 500;
}
.contact-channel > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 17px;
  color: #ff6a1a;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  transition: color 180ms ease;
}
.contact-channel > a img {
  display: block;
  transition: transform 180ms ease;
}
.contact-channel > a:hover, .contact-channel > a:focus-visible {
  color: #111111;
}
.contact-channel > a:hover img, .contact-channel > a:focus-visible img {
  transform: translate(4px, -2px);
}

.contact-channel__icon {
  display: grid;
  width: 52px;
  height: 52px;
  place-items: center;
  background: #ff6a1a;
  border: 2px solid #111111;
  box-shadow: 5px 5px 0 #111111;
}

.contact-section .contact-form-heading {
  margin: 116px auto 42px;
}
.contact-section .contact-form-heading .eyebrow {
  margin-bottom: 20px;
}
.contact-section .contact-form-heading h2 {
  font-size: 48px;
  letter-spacing: -1.55px;
  line-height: 1;
}

.contact-form {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 44px 41px;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}

.contact-form__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px 20px;
}
.contact-form__grid label {
  display: grid;
  gap: 10px;
  min-width: 0;
}
.contact-form__grid label > span,
.contact-form__grid .contact-form__field > span {
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.contact-form__grid b {
  color: #ff6a1a;
  font-weight: 800;
}
.contact-form__grid input,
.contact-form__grid select,
.contact-form__grid textarea {
  width: 100%;
  color: #111111;
  background: #fff;
  border: 3px solid #111111;
  border-radius: 0;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.contact-form__grid input:focus,
.contact-form__grid select:focus,
.contact-form__grid textarea:focus {
  border-color: #ff6a1a;
  box-shadow: 4px 4px 0 #111111;
  outline: none;
}
.contact-form__grid input:focus::placeholder,
.contact-form__grid select:focus::placeholder,
.contact-form__grid textarea:focus::placeholder {
  opacity: 0;
}
.contact-form__grid input:user-invalid,
.contact-form__grid select:user-invalid,
.contact-form__grid textarea:user-invalid {
  border-color: #c9342f;
}
.contact-form__grid input,
.contact-form__grid select {
  height: 52px;
  padding: 0 15px;
}
.contact-form__grid select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #111111 50%), linear-gradient(135deg, #111111 50%, transparent 50%);
  background-position: calc(100% - 19px) 22px, calc(100% - 14px) 22px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.contact-form__grid textarea {
  min-height: 140px;
  padding: 16px;
  resize: vertical;
}
.contact-form__grid ::placeholder {
  color: #242424;
  opacity: 1;
  transition: opacity 180ms ease;
}

.contact-form__full {
  grid-column: 1/-1;
}

.contact-form__field {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.contact-topic-dropdown {
  min-width: 0;
}

.contact-topic-select {
  display: flex;
  width: 100%;
  height: 52px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 0 16px;
  color: #242424;
  background: #fff;
  border: 3px solid #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.contact-topic-select::after {
  display: none;
}
.contact-topic-select:hover, .contact-topic-select:focus-visible, .contact-topic-select[aria-expanded=true] {
  color: #111111;
  background: #fff;
  box-shadow: 4px 4px 0 #111111;
  outline: 0;
}
.contact-topic-select.has-value {
  color: #111111;
}
.contact-topic-select.is-invalid {
  border-color: #c9342f;
}

.contact-topic-menu {
  width: 100%;
  min-width: 100%;
  margin-top: 9px !important;
  padding: 8px;
  background: #fffdf8;
  border: 3px solid #111111;
  border-radius: 0;
  box-shadow: 6px 6px 0 #111111;
}
.contact-topic-menu .dropdown-item {
  padding: 11px 12px;
  color: #111111;
  border-radius: 0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  transition: color 180ms ease, background-color 180ms ease, padding-left 180ms ease;
}
.contact-topic-menu .dropdown-item:hover, .contact-topic-menu .dropdown-item:focus, .contact-topic-menu .dropdown-item.active {
  color: #fffdf8;
  background: #111111;
}
.contact-topic-menu .dropdown-item:hover, .contact-topic-menu .dropdown-item:focus {
  padding-left: 17px;
}

.contact-form__submit {
  min-width: 210px;
  height: 58px;
  min-height: 58px;
  justify-content: center;
  margin-top: 26px;
  border: 3px solid #111111;
  box-shadow: 6px 6px 0 #111111;
  font-weight: 700;
}
.contact-form__submit:hover, .contact-form__submit:focus-visible {
  box-shadow: 6px 6px 0 #ff6a1a;
}
.contact-form__submit:hover .contact-form__arrow, .contact-form__submit:focus-visible .contact-form__arrow {
  background: #fff;
}
.contact-form__submit:hover .contact-form__arrow img, .contact-form__submit:focus-visible .contact-form__arrow img {
  filter: none;
}

.contact-form__arrow {
  border-color: #fffdf8;
  transition: background-color 180ms ease;
}
.contact-form__arrow img {
  filter: brightness(0) invert(1);
  transition: filter 180ms ease;
}

.contact-form__status {
  margin-top: 20px;
  color: #3A3A36;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.7px;
}
.contact-form__status:empty {
  display: none;
}

.feature-evidence {
  padding: 88px 0 92px;
}

.feature-evidence__heading {
  margin-bottom: 52px;
}
.feature-evidence__heading .eyebrow {
  margin-bottom: 25px;
}

.feature-evidence__panel {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 45px 0;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}

.feature-evidence__fact {
  min-height: 246px;
  padding: 0 45px 0;
  text-align: center;
}
.feature-evidence__fact + .feature-evidence__fact {
  border-left: 2px solid #111111;
}
.feature-evidence__fact strong {
  display: block;
  margin-top: 14px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 86px;
  font-weight: 900;
  letter-spacing: -3.01px;
  line-height: 0.9;
}
.feature-evidence__fact b {
  display: block;
  width: 52px;
  height: 5px;
  margin: 15px auto 16px;
  background: #ff6a1a;
}
.feature-evidence__fact h3 {
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.15;
}
.feature-evidence__fact p {
  font-family: "Archivo", sans-serif;
  margin: 16px auto 0;
  color: #3A3A36;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}

.feature-evidence__label,
.feature-evidence__sources span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.feature-evidence__label i,
.feature-evidence__sources span i {
  display: block;
  width: 7px;
  height: 7px;
  background: #ff6a1a;
  border: 1px solid #111111;
}

.feature-evidence__sources {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin-top: 54px;
}

.feature-showcase {
  padding: 88px 0 106px;
}

.feature-showcase__heading {
  margin-bottom: 58px;
}
.feature-showcase__heading .eyebrow {
  margin-bottom: 25px;
}

.feature-showcase__list {
  display: grid;
  gap: 38px;
}

.feature-showcase__card {
  display: grid;
  grid-template-columns: 47% 53%;
  min-height: 535px;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}

.feature-showcase__content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  align-items: flex-start;
  padding: 43px 36px 31px;
  border-right: 2px solid #111111;
}
.feature-showcase__content h3 {
  margin-top: 34px;
  color: #111111;
  font-size: 23px;
  line-height: 1.05;
}
.feature-showcase__content p {
  max-width: 390px;
  margin-top: 18px;
  color: #3A3A36;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}

.feature-showcase__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  background: #ff6a1a;
  border: 2px solid #111111;
}
.feature-showcase__icon img {
  display: block;
  max-width: 20px;
  max-height: 22px;
}

.feature-showcase__index {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: auto;
  padding-top: 22px;
  color: #817f76;
  border-top: 2px solid #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
}
.feature-showcase__index span {
  display: block;
}
.feature-showcase__index i {
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  background: #ff6a1a;
  border: 1px solid #111111;
}

.feature-showcase__visual {
  display: grid;
  min-width: 0;
  margin: 0;
  padding: 28px 36px;
  place-items: center;
}
.feature-showcase__visual img {
  display: block;
  width: min(100%, 520px);
  max-height: 445px;
  object-fit: contain;
}

.blog-listing {
  padding: 76px 0 112px;
}

.blog-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 58px;
}

.blog-filter {
  min-height: 38px;
  padding: 0 15px;
  color: #111111;
  background: #fff;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.blog-filter:hover, .blog-filter:focus-visible, .blog-filter.is-active {
  color: #fff;
  background: #111111;
  box-shadow: 4px 4px 0 #ff6a1a;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px 28px;
}

.blog-card {
  min-width: 0;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
  transition: opacity 180ms ease, transform 180ms ease;
}
.blog-card.is-filtered-out {
  display: none;
}

.blog-card__media {
  position: relative;
  aspect-ratio: 1.65/1;
  overflow: hidden;
  border-bottom: 3px solid #111111;
}
.blog-card__media > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 420ms ease;
}
.blog-card:hover .blog-card__media > img {
  transform: scale(1.035);
}
.blog-card__media--plain {
  background: #f1efe9;
}

.blog-card__category {
  position: absolute;
  top: 18px;
  left: 18px;
  padding: 9px 13px;
  color: #fff;
  background: #ff6a1a;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.blog-card__body {
  min-height: 242px;
  padding: 30px 30px 25px;
}
.blog-card__body h2 {
  margin-top: 16px;
  color: #111111;
  font-size: 28px;
  letter-spacing: -0.98px;
  line-height: 0.96;
}
.blog-card__body h2 a {
  color: inherit;
  transition: color 180ms ease;
}
.blog-card__body h2 a:hover, .blog-card__body h2 a:focus-visible {
  color: #ff6a1a;
}
.blog-card__body > p:not(.blog-card__meta) {
  margin-top: 16px;
  color: #3A3A36;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
}
.blog-card__body > a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  transition: color 180ms ease;
}
.blog-card__body > a:hover, .blog-card__body > a:focus-visible {
  color: #ff6a1a;
}
.blog-card__body > a:hover img, .blog-card__body > a:focus-visible img {
  transform: translateX(4px);
}
.blog-card__body > a img {
  display: block;
  width: 10px;
  height: 9px;
  transition: transform 180ms ease;
}

.blog-card__meta {
  color: #817f76;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.blog-empty {
  margin-top: 40px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 22px;
  text-align: center;
}

.blog-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 58px;
}
.blog-pagination a {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  color: #111111;
  background: #fff;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 800;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.blog-pagination a:hover, .blog-pagination a:focus-visible, .blog-pagination a.is-current {
  color: #fff;
  background: #111111;
  box-shadow: 4px 4px 0 #ff6a1a;
}
.blog-pagination a:hover, .blog-pagination a:focus-visible {
  transform: translateY(-2px);
}
.blog-pagination .blog-pagination__arrow {
  color: #111111;
  background: #ff6a1a;
}
.blog-pagination .blog-pagination__arrow img {
  display: block;
  width: 13px;
  height: 11px;
  transition: filter 180ms ease;
}
.blog-pagination .blog-pagination__arrow:hover, .blog-pagination .blog-pagination__arrow:focus-visible {
  color: #ff6a1a;
  background: #111111;
}
.blog-pagination .blog-pagination__arrow:hover img, .blog-pagination .blog-pagination__arrow:focus-visible img {
  filter: invert(49%) sepia(96%) saturate(3032%) hue-rotate(352deg) brightness(102%) contrast(102%);
}
.blog-pagination .blog-pagination__arrow--previous img {
  transform: rotate(180deg);
}
.blog-pagination > span {
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-weight: 700;
}

.article-detail {
  padding: 48px 0 96px;
}

.article-detail__utility {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.article-detail__back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}
.article-detail__back img {
  display: block;
  width: 13px;
  height: 11px;
  transform: rotate(180deg);
  transition: transform 180ms ease;
}
.article-detail__back:hover, .article-detail__back:focus-visible {
  color: #ff6a1a;
}
.article-detail__back:hover img, .article-detail__back:focus-visible img {
  transform: translateX(-4px) rotate(180deg);
}

.article-share {
  display: flex;
  align-items: center;
  gap: 9px;
}
.article-share > span {
  margin-right: 4px;
  color: #817f76;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.article-share a,
.article-share button {
  display: grid;
  width: 38px;
  height: 38px;
  padding: 0;
  place-items: center;
  color: #111111;
  background: #fff;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.article-share a:hover, .article-share a:focus-visible,
.article-share button:hover,
.article-share button:focus-visible {
  color: #fff;
  background: #111111;
  box-shadow: 4px 4px 0 #ff6a1a;
  transform: translateY(-2px);
}

.article-header {
  max-width: 825px;
  margin: 50px auto 0;
  text-align: center;
}

.article-header__category {
  margin-bottom: 28px;
}

.article-header h1 {
  color: #111111;
  font-size: 60px;
  letter-spacing: -0.98px;
  line-height: 0.94;
}

.article-header__excerpt {
  max-width: 650px;
  margin: 29px auto 0;
  color: #3A3A36;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.45;
}

.article-byline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-top: 23px;
  color: #817f76;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.05px;
  line-height: 1;
  text-transform: uppercase;
}
.article-byline address {
  margin: 0;
}
.article-byline address a {
  color: #111111;
  font-size: 15px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}
.article-byline address a:hover, .article-byline address a:focus-visible {
  color: #ff6a1a;
}
.article-byline > i {
  width: 6px;
  height: 6px;
  background: #ff6a1a;
  border: 1px solid #111111;
}

.article-byline__avatar {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #111111;
  background: #ff6a1a;
  border: 2px solid #111111;
  font-family: "Archivo", sans-serif;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
}

.article-hero-media {
  margin: 72px 0 0;
  padding-bottom: 0;
  border-bottom: 3px solid #111111;
}
.article-hero-media img {
  display: block;
  width: 100%;
  max-height: 660px;
  object-fit: cover;
  border: 3px solid #111111;
  box-shadow: 8px 0 0 #111111;
  border-bottom: none;
}

.article-content {
  width: calc(100% - 32px);
  max-width: 720px;
  margin: 80px auto 0;
}
.article-content > p,
.article-content section p {
  color: #3A3A36;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.58;
}
.article-content > p + p {
  margin-top: 24px;
}
.article-content section {
  margin-top: 38px;
}
.article-content section h2 {
  color: #111111;
  font-size: 30px;
  letter-spacing: -0.9px;
  line-height: 1.05;
}
.article-content section p {
  margin-top: 12px;
}
.article-content {
  /* A post written in the Blog Manager is flat: paragraphs, headings and
     lists as siblings, with no <section> wrappers. Only `section h2` was
     styled, so a heading typed in the editor arrived with no size of its own
     and no space above it -- jammed against the paragraph before it. */
}
.article-content > h2,
.article-content > h3,
.article-content > h4 {
  color: #111111;
  margin: 44px 0 12px;
  letter-spacing: -0.6px;
  line-height: 1.15;
}
.article-content > h2 {
  font-size: 30px;
  letter-spacing: -0.9px;
  line-height: 1.05;
}
.article-content > h3 {
  font-size: 23px;
}
.article-content > h4 {
  font-size: 19px;
}
.article-content > ul,
.article-content > ol {
  margin: 20px 0;
  padding-left: 24px;
  color: #3A3A36;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.58;
}
.article-content > ul li + li,
.article-content > ol li + li {
  margin-top: 8px;
}
.article-content > blockquote {
  margin: 28px 0;
  padding-left: 20px;
  border-left: 4px solid #ff6a1a;
  color: #111111;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
.article-content {
  /* The editor wraps a picture in a paragraph, so `> img` alone never
     matched what the Blog Manager actually produces. */
}
.article-content > img,
.article-content > p > img,
.article-content > figure img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 28px 0;
}
.article-content {
  /* A paragraph holding nothing but a picture is a picture, not a paragraph:
     its own margins would double the space around it. */
}
.article-content > p:has(> img:only-child) {
  margin: 0;
}
.article-content > figure {
  margin: 28px 0;
}
.article-content > figcaption,
.article-content > figure figcaption {
  margin-top: 10px;
  color: #6f6d65;
  font-size: 14px;
}
.article-content > pre {
  margin: 24px 0;
  padding: 16px 18px;
  background: #f1efe6;
  border: 2px solid #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 14px;
  overflow-x: auto;
}
.article-content {
  /* A heading, list or picture directly after a paragraph needs the same
     breathing room the paragraph pair already had. */
}
.article-content > p + ul,
.article-content > p + ol,
.article-content > p + blockquote,
.article-content > p + img,
.article-content > p + figure,
.article-content > p + pre {
  margin-top: 24px;
}

.article-key-idea {
  position: relative;
  margin: 38px 0 44px;
  padding: 61px 34px 32px;
  background: #fde1d3;
  border: 3px solid #111111;
  border-left: 7px solid #ff6a1a;
  box-shadow: 7px 7px 0 #111111;
}
.article-key-idea p {
  margin: 0;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.98px;
  line-height: 1.08;
}
.article-key-idea cite {
  position: absolute;
  top: 36px;
  right: 28px;
  color: #ff6a1a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.article-key-idea__mark {
  position: absolute;
  top: 20px;
  left: 34px;
}
.article-key-idea__mark img {
  display: block;
  width: 35px;
  height: 26px;
}

.article-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 35px;
}
.article-tags > span {
  margin-right: 4px;
  color: #817f76;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.article-tags a {
  padding: 9px 12px;
  color: #111111;
  background: #fff;
  border: 2px solid #111111;
  box-shadow: 3px 3px 0 #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  text-transform: uppercase;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.article-tags a:hover, .article-tags a:focus-visible {
  color: #fff;
  background: #111111;
  box-shadow: 3px 3px 0 #ff6a1a;
}

.related-articles {
  padding: 86px 0 112px;
  border-top: 3px solid #111111;
}

.related-articles__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 38px;
}
.related-articles__header h2 {
  color: #111111;
  font-size: 46px;
  letter-spacing: -1.6px;
  line-height: 1;
}
.related-articles__header > a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  transition: color 180ms ease;
}
.related-articles__header > a img {
  display: block;
  width: 10px;
  height: 9px;
  transition: transform 180ms ease;
}
.related-articles__header > a:hover, .related-articles__header > a:focus-visible {
  color: #ff6a1a;
}
.related-articles__header > a:hover img, .related-articles__header > a:focus-visible img {
  transform: translateX(4px);
}

.related-articles__grid {
  gap: 30px;
}

.micro-copy {
  margin-top: 14px;
  color: #171717;
  font-size: 0.72rem;
  font-family: "JetBrains Mono", "Courier New", monospace;
  text-transform: uppercase;
}

.metrics-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin-top: clamp(58px, 7vw, 80px);
  padding: 50px 0 45px;
  border-top: 3px solid #171717;
}
.metrics-strip .metric-item {
  min-height: 115px;
  padding: 0 34px;
  text-align: center;
}
.metrics-strip .metric-item + .metric-item {
  border-left: 3px solid #111111;
}
.metrics-strip strong {
  display: block;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 50px;
  font-weight: 900;
  letter-spacing: -1.75px;
  line-height: 0.9;
}
.metrics-strip i {
  display: block;
  width: 46px;
  height: 6px;
  margin: 10px auto 11px;
  background: #ff6a1a;
  border: 1px solid #111111;
}
.metrics-strip span,
.metrics-strip small {
  display: block;
}
.metrics-strip span {
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.1;
}
.metrics-strip small {
  margin-top: 10px;
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1.2;
  text-transform: uppercase;
}

.mini-card,
.feature-card,
.audit-form,
.platform-audit,
.browser-preview,
.process-step,
.traditional-panel,
.ai-panel {
  background: #fffdf8;
  border: 3px solid #111111;
  box-shadow: 7px 7px 0 #111111;
}

.mini-card {
  min-height: 150px;
  padding: 16px;
}
.mini-card h3 {
  margin-top: 14px;
  font-size: 1rem;
  line-height: 1.05;
}
.mini-card p {
  margin-top: 10px;
  font-size: 0.74rem;
  line-height: 1.25;
}

.ai-prompt-card {
  display: flex;
  min-height: 180px;
  height: 100%;
  flex-direction: column;
  padding: 20px 20px 10px;
  box-shadow: 7px 7px 0 #111111;
}
.ai-prompt-card header {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-bottom: 14px;
}
.ai-prompt-card .ai-card-icon {
  display: grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  background: #111111;
}
.ai-prompt-card .ai-card-icon img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.ai-prompt-card h3 {
  margin: 0;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
}
.ai-prompt-card p {
  margin-top: 3px;
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.15;
  text-transform: uppercase;
}

.prompt-message {
  display: block;
  min-height: 87px;
  height: 87px;
  padding: 11px 13px;
  background: #FFEADF;
  border: 2px solid #111111;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  line-height: 19px;
  overflow: hidden;
}

[data-card-message]::after {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 2px;
  content: "";
  background: #111111;
  transform: translateY(2px);
  animation: typingCursor 850ms steps(2, start) infinite;
}

.audit-section {
  border-top: 3px solid #111111;
  border-bottom: 3px solid #111111;
}

.number-badge {
  display: inline-grid;
  min-width: 28px;
  height: 28px;
  place-items: center;
  color: #fffdf8;
  background: #ff6a1a;
  border: 2px solid #171717;
  font-size: 0.75rem;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-weight: 900;
}

.section-heading {
  margin: 0 auto clamp(34px, 5vw, 62px);
}
.section-heading h1,
.section-heading h2 {
  font-family: "Archivo", sans-serif;
  font-size: 72px;
  font-weight: 900;
  letter-spacing: -2.24px;
  line-height: 66.2px;
}
.section-heading p:not(.eyebrow) {
  max-width: 600px;
  margin: 27px auto 0;
  font-size: 18px;
  font-weight: 500;
}
.section-heading .btn {
  margin-top: 22px;
}

.audit-stack {
  display: grid;
  max-width: 720px;
  margin: 0 auto;
  gap: 42px;
}

.audit-form {
  padding: clamp(28px, 5vw, 33px) clamp(22px, 5vw, 33px) 30px;
  background: #fff;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 18px;
  row-gap: 19px;
  margin-bottom: 22px;
}
.form-grid label,
.form-grid .form-field {
  display: grid;
  gap: 6px;
  align-content: space-between;
}
.form-grid span {
  color: #111111;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: -2px;
}
.form-grid input:not([type=hidden]) {
  width: 100%;
  height: 46px;
  padding: 0 14px;
  color: #111111;
  background: #fff;
  border: 2px solid #111111;
  border-radius: 0;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
}
.form-grid input:not([type=hidden])::placeholder {
  color: #8c8982;
  opacity: 1;
  transition: opacity 180ms ease;
}
.form-grid input:not([type=hidden]):focus {
  outline: none;
}
.form-grid input:not([type=hidden]):focus::placeholder {
  opacity: 0;
}

.country-dropdown {
  width: 100%;
}

.country-search {
  position: relative;
}
.form-grid .country-search input:not([type=hidden]) {
  padding-right: 38px;
}
.country-search input.is-invalid {
  border-color: #c9342f;
}
.country-search .chevron-icon {
  position: absolute;
  top: 19px;
  right: 18px;
  margin: 0;
  pointer-events: none;
}

.country-select {
  display: inline-flex;
  width: 100%;
  height: 46px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 0 14px;
  color: #8c8982;
  background: #fff;
  border: 2px solid #111111;
  border-radius: 0;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}
.country-select::after {
  display: none;
}
.country-select.has-value {
  color: #111111;
}
.country-select:focus {
  outline: none;
}

.country-menu {
  width: 100%;
  max-height: 246px;
  overflow-y: auto;
  margin-top: 8px;
  padding: 8px;
  background: #fffdf8;
  border: 3px solid #171717;
  border-radius: 0;
  box-shadow: 6px 6px 0 #171717;
}
.country-menu .dropdown-item {
  padding: 9px 10px;
  color: #111111;
  border-radius: 0;
  font-family: "Inter", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  transition: background-color 180ms ease, color 180ms ease, padding-left 180ms ease;
}
.country-menu .dropdown-item:hover, .country-menu .dropdown-item:focus, .country-menu .dropdown-item.active {
  color: #fffdf8;
  background: #ff6a1a;
}
.country-menu .dropdown-item:hover, .country-menu .dropdown-item:focus {
  padding-left: 14px;
}
.country-menu li.is-hidden {
  display: none;
}

.category-dropdown input.is-invalid {
  border-color: #c9342f;
}

.country-empty {
  padding: 9px 10px;
  color: #8c8982;
  font-family: "Inter", Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.audit-submit {
  width: 100%;
  min-width: 0;
  height: 60px;
  min-height: 60px;
  justify-content: center;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  letter-spacing: -0.16px;
  font-weight: 800;
}

.audit-benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 28px;
  margin: 22px 0 0;
  padding: 0;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  list-style: none;
  text-transform: uppercase;
}
.audit-benefits li {
  position: relative;
  padding-left: 18px;
}
.audit-benefits li::before {
  position: absolute;
  top: 46%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  background: #ff6a1a;
  border: 1px solid #111111;
  transform: translateY(-50%);
}

.scan-complete {
  width: fit-content;
  margin: 0 auto -14px;
  padding: 9px 12px;
  background: #fffdf8;
  border: 2px solid #111111;
  box-shadow: 5px 5px 0 #111111;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}

.platform-audit {
  padding: 0;
  overflow: hidden;
  background: #fff;
}

.audit-report-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: start;
  padding: 26px 30px 30px;
}
.audit-report-head p {
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.audit-report-head h3 {
  margin-top: 8px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 25px;
  font-weight: 900;
  letter-spacing: -0.5px;
}

.visibility-score {
  display: grid;
  justify-items: center;
  text-align: center;
}
.visibility-score strong {
  display: block;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
}
.visibility-score strong span {
  display: inline;
  width: auto;
  margin: 0;
  color: inherit;
  font: inherit;
  letter-spacing: 0;
  line-height: inherit;
  white-space: nowrap;
  text-transform: none;
}
.visibility-score .visibility-score__label {
  display: block;
  width: max-content;
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 16px;
  white-space: nowrap;
  text-transform: uppercase;
}

.field-optional {
  display: block;
  margin: 1px 0 0;
  color: #8a8577;
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-transform: none;
}

.status-state.is-na strong {
  color: #b8b4a8;
}

.audit-upsell {
  padding: 18px 30px;
  background: #fff3e6;
  border-top: 3px solid #111111;
}
.audit-upsell p {
  margin: 0;
  color: #7c3a03;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.audit-form .form-grid .field-full {
  grid-column: 1/-1;
}

.audit-sample-tag {
  padding: 8px 13px;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  background: #fff3e6;
  color: #b45309;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  white-space: nowrap;
}

.audit-summary-grid {
  display: grid;
  grid-template-columns: 320px 1fr;
  border-top: 3px solid #111111;
}

.audit-score-panel {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 20px;
  padding: 34px 28px;
  background: #f1efe9;
  border-right: 3px solid #111111;
}

.audit-score-ring {
  display: grid;
  place-items: center;
  width: 158px;
  aspect-ratio: 1;
  border: 3px solid #111111;
  border-radius: 50%;
  background: conic-gradient(#ff6a1a var(--audit-angle, 0deg), #efe9dc 0);
}
.audit-score-ring strong {
  display: grid;
  place-items: center;
  width: calc(100% - 40px);
  aspect-ratio: 1;
  background: #fff;
  border: 3px solid #111111;
  border-radius: 50%;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -1px;
}

.audit-score-badge {
  padding: 9px 14px;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.audit-score-badge.is-low {
  background: #7f1d1d;
  color: #fff;
}
.audit-score-badge.is-mid {
  background: #b45309;
  color: #fff;
}
.audit-score-badge.is-high {
  background: #14532d;
  color: #fff;
}

.audit-detail-panel {
  padding: 26px 30px 30px;
  background: #111111;
}

.audit-detail-label {
  margin: 0 0 12px;
  color: #b8b4a8;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.audit-detail-label + .audit-detail-label {
  margin-top: 22px;
}

.audit-sector-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 22px;
}
.audit-sector-chips span {
  padding: 8px 13px;
  border: 2px solid #504e47;
  background: #1d1d1a;
  color: #fff;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}

.audit-breakdown {
  display: grid;
  gap: 10px;
}

.audit-breakdown__row {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 14px;
  padding: 12px 16px 12px 12px;
  background: #1d1d1a;
  border: 2px solid #3a3a35;
  border-left: 6px solid #ff6a1a;
}
.audit-breakdown__row strong {
  color: #fff;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 700;
}
.audit-breakdown__row em {
  color: #ffb38a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.audit-breakdown__row b {
  min-width: 44px;
  color: #fff;
  font-family: "Archivo", sans-serif;
  font-size: 17px;
  font-weight: 900;
  text-align: right;
}

.audit-breakdown__icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  background: #ff6a1a;
  border: 2px solid #111111;
}
.audit-breakdown__icon img {
  width: 14px;
  height: 14px;
}

.audit-describe {
  padding: 24px 30px 28px;
  background: #f1efe9;
  border-top: 3px solid #111111;
}
.audit-describe__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.audit-describe__head strong {
  font: inherit;
}
.audit-describe__icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  background: #ff6a1a;
  border: 2px solid #111111;
}
.audit-describe__text {
  margin: 14px 0 0;
  color: #3a3a36;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

@media (max-width: 991px) {
  .audit-summary-grid {
    grid-template-columns: 1fr;
  }
  .audit-score-panel {
    border-right: 0;
    border-bottom: 3px solid #111111;
  }
}
@media (max-width: 575px) {
  .audit-breakdown__row {
    grid-template-columns: auto 1fr auto;
  }
  .audit-breakdown__row em {
    display: none;
  }
}
.audit-table {
  border-top: 3px solid #111111;
  border-bottom: 3px solid #111111;
}

.audit-table__row {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr 0.75fr;
  min-height: 66px;
  align-items: center;
  padding: 0 30px;
}
.audit-table__row + .audit-table__row {
  border-top: 3px solid #111111;
}
.audit-table__row:nth-child(odd):not(.audit-table__head) {
  background: #fde6da;
}

.audit-table__head {
  display: grid;
  grid-template-columns: 1.25fr 0.75fr 0.75fr;
  color: #fff;
  background: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  padding: 14px 30px 7px;
}

.platform-cell,
.status-state {
  display: inline-flex;
  align-items: center;
}

.platform-cell {
  gap: 16px;
}
.platform-cell strong {
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
}

.platform-icon {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  background: #ff6a1a;
  border: 2px solid #111111;
}
.platform-icon img {
  width: 21px;
  height: 21px;
  object-fit: contain;
}

.platform-icon,
.feature-icon,
.discovery-icon,
.how-it-works-step__action {
  opacity: 0;
  transform: scale(0.68);
  transform-origin: center;
}

.platform-icon.is-icon-zoom-visible,
.feature-icon.is-icon-zoom-visible,
.discovery-icon.is-icon-zoom-visible,
.how-it-works-step__action.is-icon-zoom-visible {
  animation: iconViewportZoom 620ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.status-state {
  gap: 12px;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
}
.status-state[data-status=yes] .status-icon, .status-state.is-yes .status-icon {
  background-color: #ff6a1a;
  background-image: url("../assets/images/icon/check.svg");
}
.status-state[data-status=no] .status-icon, .status-state.is-no .status-icon {
  background-color: #fffdf8;
  background-image: url("../assets/images/icon/cross.svg");
}

.status-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  border: 2px solid #111111;
}

.audit-report-cta {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  padding: 20px 30px;
}
.audit-report-cta h3 {
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
}
.audit-report-cta p {
  margin-top: 6px;
  color: #3A3A36;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.report-submit {
  min-width: 234px;
  height: 54px;
  min-height: 54px;
  justify-content: center;
  background: #111111;
  border-color: #111111;
  box-shadow: 5px 5px 0 #ff6a1a;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -0.15px;
}
.report-submit:hover, .report-submit:focus-visible {
  color: #111111;
  background: #fff;
  border-color: #111111;
}
.report-submit:hover .btn-arrow, .report-submit:focus-visible .btn-arrow {
  border-color: #111111;
}
.report-submit:hover .btn-arrow img, .report-submit:focus-visible .btn-arrow img {
  filter: invert(1);
}

.split-heading {
  display: grid;
  grid-template-columns: 1fr 0.92fr;
  gap: clamp(24px, 6vw, 92px);
  align-items: end;
  margin-bottom: 48px;
}
.split-heading h2 {
  max-width: 555px;
  font-family: "Archivo", sans-serif;
  font-size: 64px;
  font-weight: 900;
  letter-spacing: -2.24px;
  line-height: 58.9px;
}
.split-heading p {
  max-width: 475px;
  justify-self: end;
  color: #3d3d3d;
  font-family: "Inter", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.feature-card {
  position: relative;
  min-height: 230px;
  padding: 32px;
  background: #fff;
}
.feature-card .feature-card__top {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: flex-start;
  margin-bottom: 20px;
}
.feature-card .feature-icon {
  display: grid;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  place-items: center;
  background: #ff6a1a;
  border: 2px solid #111111;
  box-shadow: 5px 5px 0 #111111;
}
.feature-card .feature-icon img {
  width: 15px;
  height: 15px;
  object-fit: contain;
}
.feature-card .feature-meta {
  display: grid;
  justify-items: end;
  gap: 10px;
  padding-top: 2px;
  text-align: right;
}
.feature-card .feature-meta span,
.feature-card .feature-meta small {
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-weight: 700;
  text-transform: uppercase;
}
.feature-card .feature-meta span {
  color: #6f6d65;
  font-size: 11px;
  letter-spacing: 1.1px;
  line-height: 1;
}
.feature-card .feature-meta small {
  width: fit-content;
  padding: 6px 8px;
  color: #111111;
  border: 2px solid #111111;
  font-size: 9.5px;
  letter-spacing: 0.95px;
  line-height: 1;
}
.feature-card h3 {
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: -1.05px;
  line-height: 1;
}
.feature-card p {
  max-width: 500px;
  margin-top: 18px;
  color: #3d3d3d;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.ai-site-section {
  padding: 83px 0 90px;
}

.ai-site-benefits {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  justify-content: center;
  margin: -33px 0 52px;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.ai-site-benefits span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}
.ai-site-benefits span::before {
  width: 8px;
  height: 8px;
  content: "";
  background: #ff6a1a;
  border: 2px solid #111111;
}

.browser-preview {
  max-width: 1040px;
  margin: 0 auto;
  background: #fff;
  overflow: visible;
}

.browser-bar {
  display: grid;
  min-height: 62px;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
  background: #fff;
  border-bottom: 3px solid #171717;
}

.browser-controls {
  display: flex;
  gap: 8px;
  align-items: center;
}

.browser-dot {
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #171717;
  animation: browserDotLoop 2400ms infinite;
}
.browser-dot:nth-child(2) {
  animation-delay: 800ms;
}
.browser-dot:nth-child(3) {
  animation-delay: 1600ms;
}

.address-bar,
.browser-live {
  min-height: 30px;
  border: 2px solid #171717;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.44px;
  line-height: 1;
}

.address-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 0 14px;
  color: #111111;
  background: #fff;
}
.address-bar img {
  flex: 0 0 auto;
}

[data-typed-address] {
  display: inline-block;
  min-width: 24ch;
  overflow: hidden;
  white-space: nowrap;
}
[data-typed-address]::after {
  display: inline-block;
  width: 2px;
  height: 1em;
  margin-left: 2px;
  content: "";
  background: #111111;
  transform: translateY(2px);
  animation: typingCursor 850ms steps(2, start) infinite;
}

.browser-live {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  color: #fffdf8;
  background: #ff6a1a;
  text-transform: uppercase;
}

.browser-body {
  padding: 14px;
  background: #fff;
}

.browser-media-frame {
  width: 100%;
  aspect-ratio: 1.93;
  overflow: hidden;
  background: #fff;
  border: 2px solid #111111;
}

.browser-embed {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #fff;
}

.browser-video {
  object-fit: cover;
  object-position: center top;
}

@media (max-width: 767.98px) {
  .browser-media-frame {
    aspect-ratio: 1.35;
  }
}
@keyframes browserDotLoop {
  0%, 32% {
    background: #ff6a1a;
  }
  33%, 100% {
    background: #fff;
  }
}
.compact-card {
  min-height: 168px;
}
.compact-card h3 {
  font-size: 1.35rem;
}

.discovery-section, .how-it-works-section {
  padding: 128px 0;
}

.discovery-card {
  height: 100%;
  min-height: 208px;
  padding: 28px 28px 28px;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 7px 7px 0 #111111;
}
.discovery-card h3 {
  margin: 17px 0 17px;
  font-family: "Archivo", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.84px;
}
.discovery-card p {
  max-width: 310px;
  margin: 0;
  color: #3d3d3d;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.discovery-card__top {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
}

.discovery-icon {
  display: grid;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  place-items: center;
  background: #ff6a1a;
  border: 2px solid #111111;
  box-shadow: 4px 4px 0 #111111;
}
.discovery-icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.discovery-count {
  padding-top: 3px;
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  white-space: nowrap;
}

.section-light.platforms-section {
  overflow: hidden;
  padding-bottom: 0;
}

.platforms-frame {
  position: relative;
  left: 50%;
  width: min(1242px, 100vw - 18px);
  height: clamp(210px, 34vw, 430px);
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
  transform: translateX(-50%);
}
.platforms-frame img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  transform-origin: center center;
  animation: platformsFrameSpin 60s linear infinite;
}

@keyframes platformsFrameSpin {
  to {
    transform: rotate(360deg);
  }
}
.how-it-works-list {
  display: grid;
  gap: 18px;
}

.how-it-works-step {
  display: grid;
  grid-template-columns: 108px 1fr 170px 70px;
  gap: 28px;
  align-items: center;
  min-height: 124px;
  padding: 24px 32px;
  background: #fff;
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}
.how-it-works-step h3 {
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -0.91px;
  line-height: 1;
}
.how-it-works-step p {
  max-width: 520px;
  margin-top: 8px;
  color: #3d3d3d;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 23px;
}

.how-it-works-step__number span {
  display: block;
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.how-it-works-step__number strong {
  display: block;
  margin-top: 4px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 58px;
  font-weight: 900;
  letter-spacing: -2.03px;
  line-height: 0.82;
}

.how-it-works-step__duration {
  display: grid;
  min-height: 72px;
  align-content: center;
  justify-items: center;
  padding: 12px 16px;
  background: #FFEADF;
  border: 2px solid #111111;
  text-align: center;
}
.how-it-works-step__duration span {
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.how-it-works-step__duration strong {
  margin-top: 8px;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}

.how-it-works-step__action {
  display: grid;
  width: 70px;
  height: 70px;
  place-items: center;
  background: #ff6a1a;
  border: 2px solid #111111;
  box-shadow: 5px 5px 0 #111111;
}
.how-it-works-step__action svg,
.how-it-works-step__action img {
  object-fit: contain;
}

.search-comparison {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-top: 54px;
}

.traditional-panel,
.ai-panel {
  min-height: 280px;
  padding: 26px;
  background: #151515;
  border-color: rgba(255, 253, 248, 0.78);
  box-shadow: 7px 7px 0 #ff6a1a;
}
.traditional-panel > span,
.ai-panel > span {
  display: inline-flex;
  padding: 4px 9px;
  border: 1px solid rgba(255, 253, 248, 0.7);
  color: rgba(255, 253, 248, 0.74);
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 0.7rem;
  text-transform: uppercase;
}
.traditional-panel h3,
.ai-panel h3 {
  margin-top: 24px;
  color: #fffdf8;
  font-size: clamp(2rem, 4vw, 3.6rem);
}
.traditional-panel ul,
.traditional-panel ol,
.ai-panel ul,
.ai-panel ol {
  display: grid;
  gap: 14px;
  margin: 24px 0 0;
  padding: 0;
  color: rgba(255, 253, 248, 0.78);
  list-style-position: inside;
  font-size: 0.9rem;
}

.ai-panel {
  background: #fffdf8;
  border-color: #171717;
}
.ai-panel > span {
  color: #fffdf8;
  background: #ff6a1a;
  border-color: #171717;
}
.ai-panel h3,
.ai-panel li {
  color: #171717;
}
.ai-panel ol {
  list-style-position: outside;
  padding-left: 22px;
}

.revolution-section {
  padding: 128px 0;
  background: #111111;
}
.revolution-section .section-heading {
  margin-bottom: 52px;
}
.revolution-section .section-heading h2 {
  color: #fff;
}
.revolution-section .section-heading p:not(.eyebrow) {
  color: #B8B6AE;
}
.revolution-section .dark-eyebrow {
  color: #ff6a1a;
  background: transparent;
  border-color: #ff6a1a;
  box-shadow: none;
}

.dark-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 36px;
  border: 2px solid #d8d8d8;
}
.dark-metrics .revolution-metric {
  position: relative;
  min-height: 255px;
  padding: 40px 20px;
  text-align: center;
}
.dark-metrics .revolution-metric:nth-child(2)::before,
.dark-metrics .revolution-metric:nth-child(2)::after {
  position: absolute;
  top: 28px;
  bottom: 28px;
  width: 2px;
  content: "";
  background: #d8d8d8;
}
.dark-metrics .revolution-metric:nth-child(2)::before {
  left: 0;
}
.dark-metrics .revolution-metric:nth-child(2)::after {
  right: 0;
}
.dark-metrics strong {
  display: block;
  margin-top: 12px;
  color: #fff;
  font-family: "Archivo", sans-serif;
  font-size: 56px;
  font-weight: 900;
  letter-spacing: -1.96px;
  line-height: 0.9;
}
.dark-metrics .slide-counter__char {
  position: relative;
  display: inline-block;
  min-width: 0.62em;
  height: 0.9em;
  overflow: hidden;
  vertical-align: bottom;
  transform: translateZ(0);
}
.dark-metrics .slide-counter__char--static {
  overflow: visible;
}
.dark-metrics .slide-counter__old,
.dark-metrics .slide-counter__new {
  display: block;
  line-height: 0.9;
}
.dark-metrics .slide-counter__char.is-changing .slide-counter__old {
  animation: slideCounterOld 420ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.dark-metrics .slide-counter__char.is-changing .slide-counter__new {
  position: absolute;
  top: 0;
  left: 0;
  animation: slideCounterNew 420ms cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.dark-metrics strong::after {
  display: block;
  width: 46px;
  height: 5px;
  margin: 14px auto 13px;
  content: "";
  background: #ff6a1a;
}
.dark-metrics h3 {
  color: #fff;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.15;
}
.dark-metrics p {
  max-width: 280px;
  margin: 13px auto 0;
  color: #B8B6AE;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@keyframes slideCounterOld {
  from {
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-82%);
  }
}
@keyframes slideCounterNew {
  from {
    opacity: 0;
    transform: translateY(82%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.rising-label {
  display: inline-flex;
  position: relative;
  height: 15px;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  color: #ff6a1a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.rising-label img {
  width: 10px;
  height: 10px;
  animation: risingArrowLoop 1800ms ease-in-out infinite;
}

.dark-metrics .rising-label {
  color: #ff6a1a;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
}

.revolution-metric:nth-child(1) .rising-label img {
  animation-duration: 1850ms;
  animation-delay: 0ms;
}

.revolution-metric:nth-child(2) .rising-label img {
  animation-duration: 2300ms;
  animation-delay: 620ms;
}

.revolution-metric:nth-child(3) .rising-label img {
  animation-duration: 2050ms;
  animation-delay: 1180ms;
}

.search-comparison {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  margin-top: 0;
}

.traditional-panel,
.ai-panel {
  min-height: 374px;
  padding: 28px 32px 36px;
  border: 2px solid #d8d8d8;
  box-shadow: none;
}

.comparison-panel__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.comparison-panel__top span {
  display: inline-flex;
  padding: 7px 11px;
  color: #fff;
  border: 2px solid currentColor;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.comparison-panel__top small {
  color: #a8a5a0;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
}

.traditional-panel {
  background: #1A1A1A;
  color: #fff;
}
.traditional-panel h3 {
  margin: 24px 0 28px 0;
  color: #8A8880;
  font-family: "Archivo", sans-serif;
  font-size: 46px;
  font-weight: 900;
  letter-spacing: -1.61px;
  line-height: 1;
}
.traditional-panel ul {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.traditional-panel li {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 58px;
  color: #8A8880;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: line-through;
}
.traditional-panel li:last-child {
  border-bottom: 0;
}
.traditional-panel li img {
  width: 24px;
  height: 24px;
  padding: 7px;
  border: 2px solid #555555;
  filter: invert(0.65);
}

.ai-panel {
  background: #fff;
  border-color: #111111;
  box-shadow: 7px 7px 0 #ff6a1a;
}
.ai-panel .comparison-panel__top span {
  color: #fff;
  background: #ff6a1a;
  border-color: #111111;
}
.ai-panel h3 {
  margin: 24px 0 28px 0;
  font-family: "Archivo", sans-serif;
  font-size: 46px;
  font-weight: 900;
  letter-spacing: -1.61px;
  line-height: 1;
}
.ai-panel ol {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ai-panel li {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 58px;
  color: #111111;
  border-bottom: 2px solid #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.ai-panel li:last-child {
  border-bottom: 0;
}
.ai-panel li img {
  width: 24px;
  height: 24px;
  padding: 6px;
  background: #ff6a1a;
  border: 2px solid #111111;
}

.vs-badge {
  position: absolute;
  top: 184px;
  left: 50%;
  z-index: 2;
  display: grid;
  width: 70px;
  height: 57px;
  place-items: center;
  color: #fff;
  background: #ff6a1a;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #fff;
  font-family: "Archivo", sans-serif;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  transform: translateX(-50%) rotate(-4deg);
  animation: vsFocusTilt 1900ms ease-in-out infinite;
}

@keyframes risingArrowLoop {
  0% {
    opacity: 0;
    transform: translateY(16px);
  }
  24%, 62% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-16px);
  }
}
@keyframes vsFocusTilt {
  0%, 100% {
    transform: translateX(-50%) rotate(-4deg);
  }
  50% {
    transform: translateX(-50%) rotate(4deg);
  }
}
@keyframes eyebrowFocusTilt {
  0%, 100% {
    transform: rotate(-4deg);
  }
  50% {
    transform: rotate(4deg);
  }
}
@keyframes iconViewportZoom {
  0% {
    opacity: 0;
    transform: scale(0.68);
  }
  68% {
    opacity: 1;
    transform: scale(1.12);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@media (prefers-reduced-motion: reduce) {
  .platform-icon,
  .feature-icon,
  .discovery-icon,
  .how-it-works-step__action {
    opacity: 1;
    transform: none;
  }
  .platform-icon.is-icon-zoom-visible,
  .feature-icon.is-icon-zoom-visible,
  .discovery-icon.is-icon-zoom-visible,
  .how-it-works-step__action.is-icon-zoom-visible {
    animation: none;
  }
}
.cta-section {
  padding: 106px 0 112px;
}
.cta-section .section-heading {
  margin-bottom: 0;
}
.cta-section h2 {
  font-size: 108px;
  font-weight: 900;
  letter-spacing: -3.78px;
  line-height: 99px;
}
.cta-section .section-heading p:not(.eyebrow) {
  font-size: 20px;
}
.cta-section .cta-row {
  gap: 20px;
}
.cta-section .cta-primary {
  height: 60px;
  min-height: 60px;
  border: 3px solid #111111;
  box-shadow: 5px 5px 0 #111111;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -0.16px;
}
.cta-section .cta-primary {
  min-width: 168px;
  justify-content: center;
  padding: 0 14px 0 24px;
}
.cta-section .cta-primary:hover, .cta-section .cta-primary:focus-visible {
  box-shadow: 5px 5px 0 #ff6a1a;
}

.cta-actions {
  margin-top: 28px;
  text-align: center;
}

.cta-benefits {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin: 28px 0 0;
  padding: 0;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  list-style: none;
  text-transform: uppercase;
}
.cta-benefits li {
  position: relative;
  padding-left: 18px;
}
.cta-benefits li::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  background: #ff6a1a;
  border: 1px solid #111111;
  transform: translateY(-50%);
}

.site-footer {
  padding: 60px 0 28px;
  background: #FAF9F6;
  border-top: 0;
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) repeat(4, minmax(120px, auto));
  gap: clamp(34px, 7vw, 30px);
  align-items: start;
  padding-bottom: 42px;
  border-bottom: 3px solid #111111;
}

.footer-brand p {
  max-width: 250px;
  margin-top: 10px;
  color: #3d3d3d;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.footer-nav-group {
  display: grid;
  gap: 13px;
}
.footer-nav-group h2 {
  margin: 0 0 3px;
  color: #6F6D65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  line-height: 1;
  text-transform: uppercase;
}
.footer-nav-group a {
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.1;
  transition: color 180ms ease, transform 180ms ease;
}
.footer-nav-group a:hover, .footer-nav-group a:focus-visible {
  color: #ff6a1a;
  transform: translateX(3px);
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding-top: 24px;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}
.footer-bottom a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #3A3A36;
  font-size: 14px;
  font-weight: 600;
  transition: color 180ms ease;
}
.footer-bottom a:hover, .footer-bottom a:focus-visible {
  color: #ff6a1a;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .hero-section h1 {
    font-size: 78px;
    line-height: 0.92;
    letter-spacing: -2.73px;
  }
  .section-heading h1,
  .section-heading h2,
  .about-hero__content h1 {
    font-size: 58px;
    line-height: 53px;
    letter-spacing: -1.8px;
  }
  .split-heading h2 {
    font-size: 51px;
    line-height: 47px;
    letter-spacing: -1.79px;
  }
  .cta-section h2 {
    font-size: 75px;
    line-height: 68px;
    letter-spacing: -2.63px;
  }
  .metrics-strip strong {
    font-size: 40px;
  }
  .dark-metrics strong {
    font-size: 45px;
  }
  .how-it-works-step__number strong {
    font-size: 46px;
  }
  .discovery-card h3 {
    font-size: 19px;
  }
  .feature-card h3 {
    font-size: 24px;
  }
  .how-it-works-step h3 {
    font-size: 20px;
  }
}
@media (max-width: 991.98px) {
  .site-header .navbar {
    min-height: 84px;
  }
  .site-header .navbar-collapse {
    --nav-menu-y: 0;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: 100vw;
    order: 4;
    flex-basis: 100%;
    padding: 8px 18px 8px;
    margin-top: 0;
    background: rgba(255, 255, 255, 0.98);
    border-top: 2px solid #171717;
    border-bottom: 2px solid #171717;
    box-shadow: 0 7px 0 rgba(17, 17, 17, 0.08);
    opacity: 1;
    transform: translateX(calc((100vw - 100%) / -2)) translateY(var(--nav-menu-y));
    transition: opacity 180ms ease, transform 220ms ease;
    will-change: height, opacity, transform;
  }
  .site-header .navbar-collapse.collapsing {
    overflow: hidden;
    transition: height 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 180ms ease, transform 220ms ease;
  }
  .site-header .navbar-collapse.is-collapsing-out {
    --nav-menu-y: -8px;
    opacity: 0;
    transition: height 260ms cubic-bezier(0.22, 1, 0.36, 1), opacity 160ms ease, transform 220ms ease;
  }
  .site-header .navbar-collapse.is-collapsing-in {
    --nav-menu-y: 0;
    opacity: 1;
  }
  .site-header .navbar-nav .nav-link {
    display: inline-flex;
    width: fit-content;
    padding: 12px 0;
  }
  .site-header .navbar-nav .nav-link::after {
    right: 0;
    left: 0;
  }
  .site-header .nav-actions {
    display: none;
  }
  .auth-section {
    padding: 86px 0 96px;
  }
  .auth-shell {
    grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  }
  .auth-promo {
    padding: 42px 30px;
  }
  .auth-promo h1 {
    font-size: 42px;
  }
  .auth-panel {
    padding: 36px 30px 34px;
  }
  .terms-content {
    padding: 76px 0 90px;
  }
  .terms-layout {
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 30px;
  }
  .terms-nav {
    padding-right: 18px;
    padding-left: 18px;
  }
  .terms-nav__link {
    font-size: 13px;
  }
  .terms-support {
    padding-right: 18px;
    padding-left: 18px;
  }
  .terms-card {
    padding: 30px 28px 32px;
  }
  .terms-card__heading h2 {
    font-size: 25px;
  }
  .privacy-content {
    padding: 76px 0 90px;
  }
  .docs-content {
    padding: 78px 0 92px;
  }
  .docs-layout {
    grid-template-columns: 230px minmax(0, 1fr);
    gap: 30px;
  }
  .docs-nav {
    padding-right: 14px;
    padding-left: 14px;
  }
  .docs-nav__link {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 13px;
  }
  .docs-section h2 {
    font-size: 36px;
  }
  .docs-base-url {
    width: 100%;
    flex-wrap: wrap;
  }
  .docs-base-url__address {
    max-width: 100%;
  }
  .docs-base-url__address code {
    min-width: 0;
    flex: 1 1 230px;
  }
  .docs-base-url__type {
    margin: 0;
  }
  .about-hero {
    padding: 78px 0 84px;
  }
  .about-hero__grid {
    grid-template-columns: 1fr;
    gap: 58px;
  }
  .about-hero__content {
    max-width: 680px;
  }
  .about-hero__visual {
    width: min(100%, 650px);
  }
  .about-story__chapter {
    grid-template-columns: 190px minmax(0, 1fr);
  }
  .about-story__label {
    padding-left: 30px;
  }
  .about-story__content {
    padding-right: 36px;
    padding-left: 34px;
  }
  /* Three columns of body text get too narrow to read well before the
     tablet breakpoint, so they stack here rather than at 767. */
  .about-steps__grid {
    grid-template-columns: 1fr;
  }
  .about-step {
    padding: 34px 30px 36px;
    /* Stacked, so the shared divider turns from a wall into a floor. */
  }
  .about-step + .about-step {
    border-top: 3px solid #111111;
    border-left: 0;
  }
  .pricing-hero {
    padding: 78px 0 68px;
  }
  .pricing-grid {
    grid-template-columns: 1fr;
    width: min(100%, 650px);
    margin: 0 auto;
    gap: 34px;
  }
  .pricing-card__main {
    min-height: 0;
  }
  .enterprise-plan {
    width: min(100%, 650px);
    margin-right: auto;
    margin-left: auto;
  }
  .plan-compare {
    padding: 58px 0 70px;
  }
  .plan-compare__heading {
    margin-bottom: 38px;
  }
  .blog-grid {
    grid-template-columns: 1fr;
    width: min(100%, 650px);
    margin: 0 auto;
  }
  .article-header h1 {
    font-size: 54px;
  }
  .article-hero-media {
    margin-top: 58px;
  }
  .contact-channels {
    grid-template-columns: 1fr;
    width: min(100%, 650px);
    margin: 0 auto;
  }
  .contact-channel {
    min-height: 0;
  }
  .feature-evidence__panel {
    grid-template-columns: 1fr;
    width: min(100%, 650px);
    margin: 0 auto;
    padding: 0;
  }
  .feature-evidence__fact {
    min-height: 0;
    padding: 38px 30px 42px;
  }
  .feature-evidence__fact + .feature-evidence__fact {
    border-top: 2px solid #111111;
    border-left: 0;
  }
  .feature-showcase__card {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .feature-showcase__content {
    min-height: 350px;
    border-right: 0;
    border-bottom: 2px solid #111111;
  }
  .feature-showcase__visual {
    min-height: 430px;
  }
  .section-heading h1,
  .section-heading h2,
  .about-hero__content h1 {
    font-size: 50px;
    line-height: 54px;
    letter-spacing: -1.8px;
  }
  .split-heading h2 {
    font-size: 51px;
    line-height: 47px;
    letter-spacing: -1.79px;
  }
  .cta-section h2 {
    font-size: 74px;
    line-height: 68px;
    letter-spacing: -2.5px;
  }
  .nav-utility {
    order: 2;
    gap: 12px;
    margin-left: auto;
  }
  .navbar-toggler {
    order: 3;
    margin-left: 12px;
  }
  .language-select,
  .login-link {
    justify-content: center;
  }
  .login-link {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
  }
  .search-comparison {
    grid-template-columns: 1fr;
  }
  .split-heading {
    align-items: start;
    margin-bottom: 48px;
  }
  .section-padding-lg {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .discovery-section {
    padding: 96px 0 118px;
  }
  .discovery-section .section-heading {
    margin-bottom: 48px;
  }
  .metrics-strip {
    grid-template-columns: 1fr;
    padding: 30px 0;
  }
  .metrics-strip strong {
    font-size: 35px;
  }
  .metrics-strip .metric-item {
    min-height: auto;
    padding: 30px 16px;
  }
  .metrics-strip .metric-item + .metric-item {
    border-left: 0;
    border-top: 3px solid #111111;
  }
  .ai-site-benefits {
    margin-top: 0;
  }
  .platforms-frame {
    width: min(960px, 100vw + 180px);
    height: clamp(180px, 42vw, 330px);
  }
  .how-it-works-step {
    grid-template-columns: 110px 1fr 150px 62px;
    gap: 20px;
    padding: 22px;
  }
  .how-it-works-step__number strong {
    font-size: 40px;
  }
  .how-it-works-step__duration {
    min-height: 64px;
  }
  .how-it-works-step__duration strong {
    font-size: 18px;
  }
  .how-it-works-step__action {
    width: 62px;
    height: 62px;
  }
  .audit-report-head,
  .audit-report-cta {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .visibility-score {
    text-align: left;
  }
  .audit-table {
    overflow: visible;
  }
  .audit-table__row {
    grid-template-columns: 1fr;
    gap: 8px;
    min-width: 0;
    min-height: 0;
    align-items: stretch;
    padding: 14px 20px;
  }
  .audit-table__head {
    display: none;
  }
  .audit-table__row .platform-cell {
    margin-bottom: 2px;
  }
  .audit-table__row .status-state {
    display: grid;
    grid-template-columns: 1fr 24px auto;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding-top: 10px;
    border-top: 2px solid rgba(17, 17, 17, 0.22);
  }
  .audit-table__row .status-state::before {
    color: #6f6d65;
    content: "Recognized";
    font-family: "JetBrains Mono", "Courier New", monospace;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase;
  }
  .audit-table__row .status-state strong {
    line-height: 1;
  }
  .audit-table__row .status-state:nth-child(3)::before {
    content: "Recommended";
  }
  .dark-metrics {
    grid-template-columns: 1fr;
  }
  .dark-metrics .revolution-metric:nth-child(2)::before,
  .dark-metrics .revolution-metric:nth-child(2)::after {
    display: none;
  }
  .dark-metrics .revolution-metric + .revolution-metric {
    border-top: 2px solid #d8d8d8;
    border-left: 0;
  }
  .search-comparison {
    gap: 30px;
  }
  .vs-badge {
    top: calc(50% - 30px);
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .footer-brand {
    grid-column: 1/-1;
  }
}
@media (max-width: 767.98px) {
  .section-light,
  .section-warm,
  .section-dark {
    padding: 64px 0;
  }
  .section-heading h1,
  .section-heading h2,
  .about-hero__content h1,
  .split-heading h2 {
    font-size: 42px;
    line-height: 40px;
    letter-spacing: -1.1px;
  }
  .auth-section {
    padding: 64px 0 76px;
  }
  .auth-shell {
    grid-template-columns: 1fr;
  }
  .auth-promo {
    min-height: 430px;
  }
  .auth-promo__content {
    margin: 60px 0;
  }
  .auth-panel {
    padding: 34px 28px 38px;
  }
  .auth-heading h2 {
    font-size: 36px;
  }
  .auth-reset-modal .modal-body {
    padding: 42px 28px 36px;
  }
  .auth-reset-modal h2 {
    max-width: 360px;
    font-size: 34px;
  }
  .terms-content {
    padding: 64px 0 78px;
  }
  .terms-layout {
    grid-template-columns: 1fr;
    gap: 52px;
  }
  .terms-sidebar {
    position: static;
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
  .terms-nav {
    padding: 28px 24px 18px;
  }
  .terms-support > p:not(.terms-support__eyebrow) {
    max-width: 420px;
  }
  .terms-card > p {
    font-size: 15px;
  }
  .privacy-content {
    padding: 64px 0 78px;
  }
  .docs-content {
    padding: 64px 0 78px;
  }
  .docs-layout {
    grid-template-columns: 1fr;
    gap: 54px;
  }
  .docs-sidebar {
    position: static;
    max-height: none;
    overflow: visible;
    padding-right: 0;
  }
  .docs-nav {
    padding: 20px;
  }
  .docs-nav__link {
    font-size: 14px;
  }
  .docs-key-card p:not(.docs-key-card__eyebrow) {
    max-width: 420px;
  }
  .docs-section h2 {
    font-size: 34px;
  }
  .docs-section__lead {
    font-size: 15px;
  }
  .docs-code-block pre {
    font-size: 11px;
  }
  .lead-text {
    font-size: 16px;
  }
  .about-facts {
    padding: 78px 0;
  }
  .about-facts__heading {
    margin-bottom: 36px;
  }
  .about-facts__grid {
    grid-template-columns: 1fr;
  }
  .about-fact {
    min-height: 150px;
    padding: 27px 24px 25px;
  }
  .about-fact strong {
    font-size: 48px;
    letter-spacing: -1.5px;
  }
  .about-story {
    padding: 78px 0 86px;
  }
  .about-story__heading {
    margin-bottom: 38px;
  }
  .about-story__chapter {
    grid-template-columns: 1fr;
    min-height: 0;
    padding: 30px 26px 34px;
  }
  .about-story__label {
    padding: 0;
  }
  .about-story__content {
    max-width: none;
    padding: 28px 0 0;
  }
  .about-story__content h3 {
    font-size: 27px;
  }
  .about-steps {
    padding: 78px 0 86px;
  }
  .about-steps__heading {
    margin-bottom: 38px;
  }
  .about-steps__action {
    margin-top: 40px;
  }
  .pricing-plans {
    padding: 70px 0;
  }
  .enterprise-plan {
    align-items: flex-start;
    flex-direction: column;
  }
  .enterprise-plan h2 {
    font-size: 38px;
  }
  .cta-section {
    padding: 70px 0;
  }
  .cta-section h2 {
    font-size: 52px;
    line-height: 49px;
    letter-spacing: -1.8px;
  }
  .cta-section .section-heading p:not(.eyebrow) {
    margin-top: 24px;
    font-size: 18px;
    line-height: 27px;
  }
  .split-heading {
    grid-template-columns: 1fr;
  }
  .split-heading p {
    justify-self: start;
    max-width: 800px;
  }
  .section-padding-lg {
    padding-top: 84px;
    padding-bottom: 84px;
  }
  .feature-card {
    padding: 20px;
  }
  .feature-card .feature-card__top {
    flex-direction: column;
  }
  .feature-card .feature-meta {
    justify-items: start;
    text-align: left;
  }
  .discovery-section {
    padding: 76px 0 90px;
  }
  .discovery-card {
    min-height: auto;
    padding: 20px;
  }
  .discovery-card h3 {
    margin-top: 24px;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .audit-form {
    padding: 28px 20px;
  }
  .audit-submit {
    height: 50px;
    min-height: 50px;
    padding: 0 16px;
  }
  .audit-report-head,
  .audit-report-cta {
    padding-right: 22px;
    padding-left: 22px;
  }
  .report-submit {
    width: fit-content;
    min-width: 0;
    padding-right: 18px;
    padding-left: 22px;
  }
  .btn {
    --bs-btn-font-weight: 700;
    --bs-btn-padding-y: 0;
    display: inline-flex;
    height: 50px;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
  }
  .btn-submit,
  .hero-submit,
  .audit-submit,
  .report-submit,
  .nav-actions .btn-submit,
  .cta-section .cta-primary,
  .about-steps__action .btn,
  .btn-outline-shadow {
    height: 50px;
    min-height: 50px;
    font-size: 15px;
    font-weight: 700;
  }
  .brand-mark img {
    width: 132px;
  }
  .hero-section {
    padding-top: 46px;
  }
  .live-query {
    grid-template-columns: 1fr;
    width: 100%;
    height: auto;
    max-width: 430px;
    margin-bottom: 45px;
  }
  .live-query > span {
    min-height: 35px;
    border-right: 0;
    border-bottom: 3px solid #111111;
  }
  .live-query > span:last-child {
    border-bottom: 0;
  }
  .live-query__prompt {
    white-space: normal;
  }
  .how-it-works-step {
    grid-template-columns: 70px minmax(0, 1fr);
    grid-template-areas: "number number" "action duration" "content content";
    gap: 24px;
    padding: 20px;
  }
  .how-it-works-step .how-it-works-step__number {
    grid-area: number;
  }
  .how-it-works-step .how-it-works-step__content {
    grid-area: content;
  }
  .how-it-works-step .how-it-works-step__duration,
  .how-it-works-step .how-it-works-step__action {
    width: 100%;
    height: 60px;
    min-height: 60px;
    align-self: stretch;
  }
  .how-it-works-step .how-it-works-step__duration {
    grid-area: duration;
  }
  .how-it-works-step .how-it-works-step__action {
    grid-area: action;
  }
  .how-it-works-step h3 {
    font-size: 24px;
  }
  .browser-bar {
    grid-template-columns: 1fr;
  }
  .browser-controls,
  .browser-live {
    justify-self: start;
  }
  [data-typed-address] {
    min-width: 0;
  }
  .revolution-section {
    padding: 72px 0;
  }
  .dark-metrics strong {
    font-size: 45px;
  }
  .dark-metrics .revolution-metric {
    min-height: auto;
    padding: 20px 15px;
  }
  .traditional-panel,
  .ai-panel {
    min-height: auto;
    padding: 24px 22px 30px;
  }
  .traditional-panel h3,
  .ai-panel h3 {
    font-size: 32px;
  }
  .footer-bottom {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .section-heading h1,
  .section-heading h2,
  .about-hero__content h1,
  .split-heading h2 {
    font-size: 35px;
    line-height: 39px;
    letter-spacing: -1px;
  }
  .auth-section {
    padding: 44px 0 58px;
  }
  .auth-shell {
    border-width: 2px;
    box-shadow: 6px 6px 0 #111111;
  }
  .auth-promo {
    min-height: 390px;
    padding: 32px 22px;
  }
  .auth-promo__logo img {
    width: 150px;
  }
  .auth-promo__content {
    margin: 48px 0;
  }
  .auth-promo h1 {
    max-width: 290px;
    font-size: 38px;
  }
  .auth-promo ul {
    gap: 13px;
  }
  .auth-promo ul li {
    font-size: 13px;
  }
  .auth-panel {
    padding: 28px 18px 32px;
  }
  .auth-tabs {
    margin-bottom: 26px;
  }
  .auth-heading h2 {
    font-size: 32px;
  }
  .auth-form__grid {
    grid-template-columns: 1fr;
  }
  .auth-form__options {
    align-items: flex-start;
    flex-direction: column;
    gap: 13px;
  }
  .auth-check {
    align-items: flex-start;
  }
  .auth-reset-modal .modal-dialog {
    padding: 10px;
  }
  .auth-reset-modal .modal-content {
    box-shadow: 6px 6px 0 #111111;
  }
  .auth-reset-modal .modal-body {
    padding: 54px 20px 30px;
  }
  .auth-reset-modal h2 {
    font-size: 30px;
  }
  .terms-content {
    padding: 52px 0 66px;
  }
  .terms-nav {
    padding: 24px 18px 14px;
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .terms-nav__link {
    font-size: 12px;
  }
  .terms-support {
    padding: 28px 18px 32px;
    box-shadow: 5px 5px 0 #ff6a1a;
  }
  .terms-card {
    padding: 24px 20px 27px;
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .terms-card__heading {
    gap: 14px;
  }
  .terms-card__heading > span {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    font-size: 18px;
  }
  .terms-card__heading h2 {
    padding-top: 7px;
    font-size: 22px;
  }
  .terms-card > p {
    margin-top: 16px;
    font-size: 14px;
  }
  .privacy-content {
    padding: 52px 0 66px;
  }
  .privacy-article {
    gap: 22px;
  }
  .privacy-contact-button {
    min-height: 52px;
    padding-left: 16px;
    font-size: 13px;
  }
  .docs-base-url {
    display: grid;
    gap: 12px;
  }
  .docs-base-url__address {
    display: grid;
    width: 100%;
    box-shadow: 4px 4px 0 #111111;
  }
  .docs-base-url__label,
  .docs-base-url__address code,
  .docs-base-url__type {
    width: 100%;
    min-height: 42px;
  }
  .docs-base-url__address code {
    border-top: 0;
    border-left: 2px solid #111111;
    font-size: 11px;
  }
  .docs-base-url__type {
    width: fit-content;
  }
  .docs-code-block__header {
    padding-right: 12px;
    padding-left: 12px;
  }
  .docs-code-block pre {
    padding: 16px;
  }
  .docs-endpoint {
    padding-top: 38px;
  }
  .docs-endpoint__route code {
    font-size: 14px;
  }
  .hero-section h1 {
    font-size: clamp(35px, 13vw, 38px);
    line-height: 1.1;
    letter-spacing: -1.54px;
  }
  .about-hero {
    padding: 58px 0 66px;
  }
  .about-hero__grid {
    gap: 44px;
  }
  .about-hero__content .eyebrow {
    margin-bottom: 25px;
  }
  .about-hero__lead {
    margin-top: 25px;
    font-size: 16px;
  }
  .about-hero__button {
    height: 50px;
    min-height: 50px;
    margin-top: 25px;
  }
  .about-hero__visual {
    padding: 7px;
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .about-facts {
    padding: 66px 0;
  }
  .about-facts__heading {
    margin-bottom: 30px;
  }
  .about-fact {
    min-height: 142px;
    padding: 24px 20px;
  }
  .about-fact strong {
    font-size: 44px;
  }
  .about-story {
    padding: 66px 0 72px;
  }
  .about-story__heading {
    margin-bottom: 30px;
  }
  .about-story__chapters {
    border-width: 2px;
    box-shadow: 6px 6px 0 #111111;
  }
  .about-story__chapter {
    padding: 25px 20px 29px;
  }
  .about-story__chapter + .about-story__chapter {
    border-top-width: 2px;
  }
  .about-story__content {
    padding-top: 24px;
  }
  .about-story__content h3 {
    font-size: 24px;
  }
  .about-story__content p {
    font-size: 15px;
  }
  .about-steps {
    padding: 66px 0 72px;
  }
  .about-steps__heading {
    margin-bottom: 30px;
  }
  /* Thinner rules on a small screen, matching what the founder cards did:
     a 3px border eats real width at 320px. */
  .about-steps__grid {
    border-width: 2px;
  }
  .about-step {
    padding: 28px 22px 30px;
  }
  .about-step + .about-step {
    border-top-width: 2px;
  }
  .about-step h3 {
    font-size: 21px;
  }
  .pricing-hero {
    padding: 58px 0 54px;
  }
  .pricing-hero__heading > p:not(.eyebrow) {
    font-size: 15px;
  }
  .pricing-hero__heading > p:not(.eyebrow) br {
    display: none;
  }
  .pricing-tabs {
    width: 100%;
  }
  .pricing-tabs .nav-item {
    width: 50%;
  }
  .pricing-tabs .nav-link {
    width: 100%;
    min-width: 0;
  }
  .pricing-plans {
    padding: 58px 0 64px;
  }
  .pricing-card {
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .pricing-card__main {
    padding: 24px 20px 22px;
  }
  .pricing-card__title b {
    padding: 6px 8px;
    font-size: 9px;
  }
  .pricing-card__price strong {
    font-size: 48px;
  }
  .pricing-card__stats > div {
    padding-right: 12px;
    padding-left: 12px;
  }
  .pricing-card__included {
    min-height: 0;
    padding: 24px 20px;
    border-top-width: 2px;
  }
  .enterprise-plan {
    min-height: 0;
    padding: 24px 20px;
    border-width: 2px;
  }
  .enterprise-plan h2 {
    font-size: 34px;
  }
  .enterprise-plan h2 small {
    display: block;
    margin-top: 8px;
  }
  .enterprise-plan .enterprise-plan__link {
    font-size: 16px;
  }
  .plan-compare {
    padding: 52px 0 62px;
  }
  .plan-compare__heading {
    margin-bottom: 30px;
  }
  .plan-compare__table-wrap {
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .plan-compare__table {
    min-width: 760px;
  }
  .plan-compare__table thead th {
    height: 118px;
    padding: 20px 18px;
  }
  .plan-compare__table thead th:first-child {
    font-size: 24px;
  }
  .plan-compare__table tbody th,
  .plan-compare__table tbody td {
    height: 44px;
    padding: 10px 18px;
  }
  .pricing-faq {
    padding: 58px 0 66px;
  }
  .pricing-faq__heading {
    margin-bottom: 30px;
  }
  .pricing-accordion {
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .pricing-accordion .accordion-item {
    border-bottom-width: 2px;
  }
  .pricing-accordion .accordion-button {
    min-height: 58px;
    padding: 16px 55px 16px 18px;
    font-size: 14px;
  }
  .pricing-accordion .accordion-button::after {
    right: 18px;
    width: 22px;
    height: 22px;
  }
  .pricing-accordion .accordion-body {
    padding: 0 18px 20px;
    font-size: 14px;
  }
  .features-hero,
  .blog-hero,
  .contact-hero,
  .docs-hero,
  .legal-hero {
    padding: 58px 0 64px;
  }
  .features-hero .features-hero__heading > p:not(.eyebrow),
  .blog-hero .blog-hero__heading > p:not(.eyebrow),
  .contact-hero .contact-hero__heading > p:not(.eyebrow),
  .docs-hero .docs-hero__heading > p:not(.eyebrow),
  .legal-hero .legal-hero__heading > p:not(.eyebrow) {
    font-size: 16px;
  }
  .blog-listing {
    padding: 58px 0 72px;
  }
  .blog-filters {
    justify-content: flex-start;
    margin-bottom: 38px;
  }
  .blog-filter {
    min-height: 36px;
    padding: 0 12px;
  }
  .blog-card {
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .blog-card__media {
    border-bottom-width: 2px;
  }
  .blog-card__category {
    top: 14px;
    left: 14px;
  }
  .blog-card__body {
    min-height: 0;
    padding: 23px 20px 24px;
  }
  .blog-card__body h2 {
    font-size: 23px;
  }
  .blog-pagination {
    margin-top: 42px;
    gap: 8px;
  }
  .blog-pagination a {
    width: 36px;
    height: 36px;
  }
  .article-detail {
    padding: 34px 0 68px;
  }
  .article-detail__utility {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
  }
  .article-share {
    width: 100%;
    justify-content: flex-end;
  }
  .article-header {
    margin-top: 48px;
  }
  .article-header__category {
    margin-bottom: 24px;
  }
  .article-header h1 {
    font-size: 39px;
    letter-spacing: -1.2px;
    line-height: 0.98;
  }
  .article-header__excerpt {
    margin-top: 24px;
    font-size: 16px;
  }
  .article-byline {
    margin-top: 26px;
    gap: 9px;
  }
  .article-hero-media {
    margin-top: 48px;
    border-bottom-width: 2px;
  }
  .article-hero-media img {
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .article-content {
    margin-top: 58px;
  }
  .article-content > p,
  .article-content section p {
    font-size: 15px;
  }
  .article-content section {
    margin-top: 34px;
  }
  .article-content section h2 {
    font-size: 25px;
  }
  .article-key-idea {
    margin: 34px 0 40px;
    padding: 50px 22px 24px;
    border-width: 2px;
    border-left-width: 6px;
    box-shadow: 5px 5px 0 #111111;
  }
  .article-key-idea p {
    font-size: 21px;
  }
  .article-key-idea cite {
    top: 20px;
    right: 18px;
  }
  .article-key-idea__mark {
    left: 19px;
  }
  .article-tags {
    align-items: flex-start;
    margin-top: 40px;
  }
  .article-tags > span {
    width: 100%;
    margin-bottom: 3px;
  }
  .contact-section {
    padding: 58px 0 72px;
  }
  .contact-channel {
    padding: 28px 22px 25px;
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .contact-section .contact-form-heading {
    margin-top: 78px;
    margin-bottom: 32px;
  }
  .contact-section .contact-form-heading h2 {
    font-size: 35px;
    letter-spacing: -1px;
    line-height: 39px;
  }
  .contact-form {
    padding: 30px 20px 28px;
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .contact-form__grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .contact-form__full {
    grid-column: auto;
  }
  .contact-form__submit {
    width: 100%;
    min-width: 0;
  }
  .related-articles {
    padding: 62px 0 72px;
  }
  .related-articles__header {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .related-articles__header h2 {
    font-size: 36px;
  }
  .feature-evidence {
    padding: 62px 0 68px;
  }
  .feature-evidence__heading {
    margin-bottom: 32px;
  }
  .feature-evidence__panel {
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .feature-evidence__fact {
    padding: 32px 20px 36px;
  }
  .feature-evidence__fact + .feature-evidence__fact {
    border-top-width: 2px;
  }
  .feature-evidence__fact strong {
    font-size: 64px;
    letter-spacing: -2.3px;
  }
  .feature-evidence__fact p {
    font-size: 15px;
  }
  .feature-evidence__sources {
    align-items: center;
    flex-direction: column;
    margin-top: 38px;
    gap: 14px;
  }
  .feature-showcase {
    padding: 62px 0 72px;
  }
  .feature-showcase__heading {
    margin-bottom: 32px;
  }
  .feature-showcase__list {
    gap: 28px;
  }
  .feature-showcase__card {
    border-width: 2px;
    box-shadow: 5px 5px 0 #111111;
  }
  .feature-showcase__content {
    min-height: 330px;
    padding: 28px 22px 25px;
    border-bottom-width: 2px;
  }
  .feature-showcase__content h3 {
    margin-top: 26px;
    font-size: 22px;
  }
  .feature-showcase__content p {
    font-size: 15px;
  }
  .feature-showcase__visual {
    min-height: 300px;
    padding: 22px 18px;
  }
  .feature-showcase__visual img {
    max-height: 330px;
  }
  .cta-section h2 {
    font-size: 44px;
    line-height: 42px;
    letter-spacing: -1.4px;
  }
  .cta-row {
    align-items: center;
    flex-direction: column;
  }
  .feature-card h3 {
    font-size: 28px;
  }
  .platforms-frame {
    width: min(680px, 100vw + 220px);
    height: 190px;
    margin-top: 34px;
  }
  .brand-mark img {
    width: 112px;
  }
  .nav-utility {
    gap: 10px;
  }
  .nav-utility .language-select {
    height: 38px;
    font-size: 13px;
    padding: 0 6px;
  }
  .nav-utility .language-select .language-icon {
    width: 17px;
    height: 17px;
  }
  .nav-utility .login-link {
    font-size: 13px;
  }
  .navbar-toggler {
    margin-left: 8px;
    padding: 6px 8px;
  }
  .language-select,
  .login-link {
    width: auto;
  }
  .hero-submit {
    min-width: 260px;
  }
  .hero-benefits,
  .cta-benefits {
    align-items: flex-start;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    gap: 14px;
  }
  .footer-grid {
    grid-template-columns: 1fr;
  }
}
/* Listing signup page */
.listing-signup-section {
  padding: 72px 0 90px;
  border-bottom: 3px solid #111111;
}

.listing-signup-heading {
  max-width: 860px;
  margin-bottom: 30px;
}
.listing-signup-heading .eyebrow {
  margin-bottom: 22px;
}
.listing-signup-heading p:not(.eyebrow) {
  margin: 0;
  color: #171717;
  font-size: 18px;
  font-weight: 700;
}

.listing-signup-heading h1,
.checkout-page__heading h1 {
  margin: 0 0 14px;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: clamp(35px, 6vw, 46px);
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: 0;
}

.listing-signup-form input,
.listing-signup-form textarea,
.listing-signup-form select {
  font-family: "Inter", Arial, sans-serif;
}

.listing-signup-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  gap: 30px;
}

.listing-signup-main {
  min-width: 0;
}

.listing-accordion {
  display: grid;
  gap: 22px;
}

.listing-panel,
.listing-account-card,
.listing-plan-card {
  border: 3px solid #111111;
  background: #fff;
  box-shadow: 6px 6px 0 #111111;
}

.listing-panel__toggle {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 14px;
  padding: 18px 22px;
  border: 0;
  border-bottom: 3px solid #111111;
  background: #fffdf8;
  color: #111111;
  text-align: left;
}
.listing-panel__toggle.collapsed {
  border-bottom: 0;
}

.listing-panel__icon,
.listing-account-card__icon,
.listing-plan-card__heading > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border: 2px solid #111111;
  background: #fff0e8;
}

.listing-account-card__icon,
.listing-plan-card__heading > span {
  background: #ff6a1a;
  box-shadow: 4px 4px 0 #111111;
}

.listing-panel__copy,
.listing-account-card__copy {
  flex: 1 1 auto;
}
.listing-panel__copy h2,
.listing-account-card__copy h2 {
  margin: 0;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}
.listing-panel__copy p,
.listing-account-card__copy p {
  margin: 3px 0 0;
  color: #67625d;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
}

.listing-panel__state {
  margin-left: auto;
  color: #171717;
  font-size: 14px;
  font-weight: 900;
}

.listing-panel__body {
  padding: 24px 22px 26px;
}

.listing-field-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
}

.listing-field {
  grid-column: span 12;
}
.listing-field--half {
  grid-column: span 6;
}
.listing-field--third {
  grid-column: span 4;
}
.listing-field label {
  display: block;
  margin-bottom: 8px;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  line-height: 1;
  text-transform: uppercase;
}
.listing-field input,
.listing-field textarea,
.listing-field select {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 2px solid #111111;
  border-radius: 0;
  background: #fffdf8;
  color: #111111;
  font-size: 16px;
  font-weight: 800;
  outline: 0;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.listing-field input::placeholder,
.listing-field textarea::placeholder,
.listing-field select::placeholder {
  color: #67625d;
  opacity: 1;
  transition: opacity 160ms ease;
}
.listing-field input:focus,
.listing-field textarea:focus,
.listing-field select:focus {
  box-shadow: 4px 4px 0 rgba(17, 17, 17, 0.16);
}
.listing-field input:focus::placeholder,
.listing-field textarea:focus::placeholder,
.listing-field select:focus::placeholder {
  opacity: 0;
}
.listing-field select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #111111 50%), linear-gradient(135deg, #111111 50%, transparent 50%);
  background-position: calc(100% - 18px) 52%, calc(100% - 13px) 52%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 34px;
}

.listing-field__hint {
  display: block;
  margin-top: 8px;
  color: #67625d;
  font-size: 13px;
  font-weight: 700;
}

.listing-location-preview {
  border: 2px solid #111111;
  background: #f3f1e8;
}

.listing-location-preview__search {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px;
  padding: 10px 12px;
  border: 2px solid #111111;
  background: #fffdf8;
  color: #111111;
  font-weight: 900;
}

.listing-location-preview__map {
  position: relative;
  min-height: 145px;
  overflow: hidden;
  background: linear-gradient(160deg, rgba(255, 253, 248, 0.45), rgba(255, 253, 248, 0.1)), repeating-linear-gradient(165deg, #eef0eb 0 38px, #e3e5df 39px 42px, #eef0eb 43px 88px);
}

.listing-location-pin {
  position: absolute;
  top: 44%;
  left: 50%;
  width: 22px;
  height: 22px;
  border: 2px solid #111111;
  border-radius: 50% 50% 50% 0;
  background: #ff6a1a;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.listing-location-pin::after {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 8px;
  height: 8px;
  border: 2px solid #111111;
  border-radius: 50%;
  background: #fffdf8;
  content: "";
}

.listing-map-controls {
  position: absolute;
  right: 12px;
  bottom: 12px;
  display: grid;
}
.listing-map-controls button {
  width: 32px;
  height: 30px;
  border: 2px solid #111111;
  background: #fffdf8;
  color: #111111;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}
.listing-map-controls button + button {
  margin-top: -2px;
}

.listing-hours {
  border: 2px solid #111111;
}

.listing-hours__row {
  display: grid;
  grid-template-columns: 1fr auto auto auto;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 2px solid #111111;
}
.listing-hours__row:last-child {
  border-bottom: 0;
}
.listing-hours__row strong {
  color: #111111;
  font-weight: 900;
}
.listing-hours__row span {
  color: #67625d;
  font-weight: 800;
}
.listing-hours__row input {
  width: 86px;
  min-height: 34px;
  padding: 6px 8px;
  border: 2px solid #111111;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 13px;
  font-weight: 800;
}

.listing-closed-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  min-height: 30px;
  border: 2px solid #111111;
  background: #eceadf;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.listing-account-card {
  margin-top: 36px;
}

.listing-account-card__header {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px 28px 0;
}

.listing-account-card__body {
  padding: 22px 28px 30px;
}

.listing-account-card__signin {
  margin: 0;
  color: #67625d;
  font-size: 14px;
  font-weight: 700;
}
.listing-account-card__signin a {
  color: #111111;
  text-decoration: underline;
  text-decoration-color: #ff6a1a;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.listing-signup-submit {
  font-family: "Archivo", sans-serif;
  justify-content: center;
  width: 100%;
  min-height: 58px;
  margin-top: 30px;
}

.listing-signup-status {
  margin: 16px 0 0;
  padding: 12px 14px;
  border: 2px solid #111111;
  background: #fff;
  color: #111111;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
  text-align: center;
}
.listing-signup-status.is-success {
  background: #e7f4df;
}
.listing-signup-status.is-error {
  background: #ffe7dc;
}

.listing-signup-note {
  margin: 16px 0 0;
  color: #67625d;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.listing-plan-card {
  position: sticky;
  top: 112px;
  padding: 24px 22px 22px;
  background: #fff;
}

.listing-plan-card__heading {
  display: flex;
  align-items: center;
  gap: 16px;
}
.listing-plan-card__heading h2 {
  margin: 0;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 20px;
  font-weight: 800;
}
.listing-plan-card__heading p {
  margin: 2px 0 0;
  color: #67625d;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.listing-plan-card__price {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  margin-top: 22px;
  padding-bottom: 18px;
  border-bottom: 2px solid #e2ded0;
}
.listing-plan-card__price strong {
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 42px;
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -1.47px;
}
.listing-plan-card__price span {
  color: #67625d;
  font-weight: 700;
  font-size: 14px;
}

.listing-plan-card__included {
  padding: 22px 0;
  border-bottom: 2px solid #e2ded0;
}
.listing-plan-card__included h3 {
  margin: 0 0 14px;
  color: #67625d;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}
.listing-plan-card__included ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.listing-plan-card__included li {
  position: relative;
  padding-left: 28px;
  color: #171717;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.listing-plan-card__included li::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 2px solid #111111;
  background: #ff6a1a;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  content: "✓";
}

.listing-plan-card__upgrade {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 22px;
  padding: 14px 14px;
  border: 2px solid #111111;
  background: #111111;
  color: #fffdf8;
  box-shadow: 5px 5px 0 #ff6a1a;
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
  transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}
.listing-plan-card__upgrade:hover, .listing-plan-card__upgrade:focus {
  background: #ff6a1a;
  color: #111111;
  box-shadow: 5px 5px 0 #111111;
}

.listing-plan-card__note {
  /* Sits just below the card, whatever it says. It used to hang there on a
     negative margin tuned to one short line, so the saving pushed it back
     against the card's edge (client, 2026-09-18: "need some space"). */
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  right: 0;
  margin: 0;
  color: #67625d;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 1199px) {
  .listing-signup-layout {
    grid-template-columns: minmax(0, 1fr) 300px;
  }
}
@media (max-width: 991px) {
  .listing-signup-section {
    padding: 56px 0 72px;
  }
  .listing-signup-layout {
    grid-template-columns: 1fr;
  }
  .listing-plan-card {
    position: static;
    order: -1;
    max-width: 420px;
  }
  .listing-plan-card__note {
    /* Stacked, the card is no longer sticky, so the note goes back in flow. */
    position: static;
    margin: 20px 0 0;
  }
}
@media (max-width: 767px) {
  .listing-panel__toggle,
  .listing-account-card__header {
    padding: 18px;
  }
  .listing-panel__body,
  .listing-account-card__body {
    padding: 20px 18px 24px;
  }
  .listing-field,
  .listing-field--half,
  .listing-field--third {
    grid-column: span 12;
  }
  .listing-hours__row {
    grid-template-columns: 1fr 1fr;
  }
}
/* Dashboard-matched listing signup form */
.listing-signup-section .add-business-accordion {
  display: grid;
  gap: 18px;
}

.listing-signup-section .add-business-panel {
  border: 3px solid #111111;
  background: #fffdf8;
  box-shadow: 5px 5px 0 #111111;
}

.listing-signup-section .add-business-panel.is-open > .add-business-panel__toggle,
.listing-signup-section .add-business-panel__toggle[aria-expanded=true] {
  background: #faf9f6;
}

.listing-signup-section .add-business-panel__toggle {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  gap: 14px;
  padding: 17px 21px;
  border: 0;
  background: transparent;
  color: #111111;
  text-align: left;
}

.listing-signup-section .add-business-panel__icon {
  display: grid;
  place-items: center;
  width: 37px;
  height: 37px;
  border: 2px solid #111111;
  background: #ffeadf;
}

.listing-signup-section .add-business-panel__icon img {
  display: block;
  width: 17px;
  height: 17px;
  object-fit: contain;
}

.listing-signup-section .add-business-panel__title {
  display: grid;
  min-width: 0;
  gap: 3px;
}

.listing-signup-section .add-business-panel__title strong,
.listing-account-card__heading h2 {
  margin: 0;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.63px;
}

.listing-signup-section .add-business-panel__title small,
.listing-account-card__heading p {
  color: #67625d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}

.listing-account-card__heading p {
  margin-top: 5px;
}

.listing-signup-section .add-business-panel__state {
  color: #3d3935;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.listing-signup-section .add-business-panel__toggle:hover .add-business-panel__state,
.listing-signup-section .add-business-panel__toggle:focus-visible .add-business-panel__state {
  color: #ff6a1a;
}

.listing-signup-section .add-business-panel__body {
  padding: 24px 21px 22px;
  border-top: 2px solid #111111;
  background: #fff;
}

.listing-signup-section .dashboard-form,
.listing-signup-section .add-business-form {
  display: grid;
  gap: 18px;
}

.listing-signup-section .add-business-form__grid {
  display: grid;
  gap: 16px;
}

.listing-signup-section .add-business-form__grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.listing-signup-section .add-business-form__grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.listing-signup-section .dashboard-field {
  display: grid;
  min-width: 0;
  gap: 8px;
}

.listing-signup-section .dashboard-label,
.listing-account-card .dashboard-label {
  display: block;
  margin: 0;
  color: #67625d;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.listing-signup-section .dashboard-field input,
.listing-signup-section .dashboard-field select,
.listing-signup-section .dashboard-field textarea,
.listing-account-card .dashboard-field input {
  width: 100%;
  height: 43px;
  padding: 0 14px;
  border: 2px solid #111111;
  border-radius: 0;
  background: #fff;
  color: #111111;
  font-size: 15px;
  font-weight: 600;
  outline: 0;
  line-height: 1.45;
}

.listing-signup-section .dashboard-field textarea {
  min-height: 112px;
  padding-top: 12px;
  padding-bottom: 12px;
  resize: vertical;
  line-height: 1.35;
}

.listing-signup-section .dashboard-field select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #67625d 50%), linear-gradient(135deg, #67625d 50%, transparent 50%);
  background-position: calc(100% - 17px) 52%, calc(100% - 12px) 52%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 34px;
}

.listing-signup-section .dashboard-field input::placeholder,
.listing-signup-section .dashboard-field textarea::placeholder,
.listing-account-card .dashboard-field input::placeholder {
  color: #111111;
  opacity: 1;
  transition: opacity 180ms ease, transform 180ms ease;
}

.listing-signup-section .dashboard-field input:focus,
.listing-signup-section .dashboard-field select:focus,
.listing-signup-section .dashboard-field textarea:focus,
.listing-account-card .dashboard-field input:focus {
  background: #fff4eb;
}

.listing-signup-section .dashboard-field input:focus::placeholder,
.listing-signup-section .dashboard-field textarea:focus::placeholder,
.listing-account-card .dashboard-field input:focus::placeholder {
  opacity: 0;
  transform: translateX(4px);
}

.listing-signup-section .dashboard-field--with-help small,
.listing-signup-section .dashboard-field > small {
  margin-top: -2px;
  color: #67625d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.25;
}

.listing-color-row,
.listing-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.listing-color-row label {
  display: grid;
  grid-template-columns: 34px minmax(0, 112px);
  align-items: center;
  min-width: 0;
  border: 2px solid #111111;
  background: #fff;
}

.listing-color-row span {
  width: 34px;
  height: 40px;
  border-right: 2px solid #111111;
}

.listing-color-row input {
  height: 40px !important;
  border: 0 !important;
  font-family: "JetBrains Mono", "Courier New", monospace !important;
  font-size: 12px !important;
}

.listing-check-chip {
  display: inline-flex;
  min-height: 34px;
  cursor: pointer;
}

.listing-check-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.listing-check-chip span {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 2px solid #111111;
  background: #fff;
  color: #111111;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.listing-check-chip input:checked + span,
.listing-check-chip:hover span,
.listing-check-chip:focus-within span {
  background: #ff6a1a;
  color: #fffdf8;
  transform: translate(1px, 1px);
}

.listing-check-chip--dark input:checked + span {
  background: #111111;
  color: #fffdf8;
}

.listing-signup-section .brand-assets-form {
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.listing-signup-section .brand-assets-form__logo > .dashboard-label,
.listing-signup-section .brand-assets-form__content > .dashboard-label {
  display: block;
  margin-bottom: 10px;
}

.listing-signup-section .dashboard-upload {
  position: relative;
  display: grid;
  place-items: center;
  align-content: center;
  min-height: 132px;
  gap: 12px;
  border: 2px dashed #67625d;
  background: #fff;
  color: #67625d;
  cursor: pointer;
  transition: border-color 180ms ease, background-color 180ms ease;
}

.listing-signup-section .dashboard-upload:hover,
.listing-signup-section .dashboard-upload:focus-within {
  border-color: #111111;
  background: #faf9f6;
}

.listing-signup-section .dashboard-upload input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.listing-signup-section .dashboard-upload__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 2px solid #111111;
  background: #fff4eb;
}

.listing-signup-section .dashboard-upload__icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.listing-signup-section .dashboard-upload__preview {
  width: 74px;
  height: 74px;
  object-fit: contain;
  border: 2px solid #111111;
  background: #fff;
}

.listing-signup-section .dashboard-upload strong {
  color: #67625d;
  font-size: 13px;
  font-weight: 700;
}

.listing-signup-section .brand-color-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 18px;
}

.listing-signup-section .brand-color-swatch,
.listing-signup-section .brand-color-add {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 2px solid #111111;
  border-radius: 999px;
  background: #fff;
  color: #67625d;
  font-family: "Archivo", sans-serif;
  font-size: 20px;
  font-weight: 300;
  transition: box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease;
}

.listing-signup-section .brand-color-add {
  border-color: #67625d;
  border-style: dashed;
}

.listing-signup-section .brand-color-swatch:hover,
.listing-signup-section .brand-color-swatch:focus-visible,
.listing-signup-section .brand-color-swatch.is-selected {
  box-shadow: 0 0 0 3px #fff, 0 0 0 5px #111111;
  transform: translateY(-1px);
}

.listing-signup-section .brand-color-editor {
  display: grid;
  grid-template-columns: 116px minmax(150px, 1fr) auto auto;
  gap: 10px;
  align-items: end;
  margin: 0 0 18px;
}

.listing-signup-section .brand-color-editor label {
  display: grid;
  gap: 7px;
}

.listing-signup-section .brand-color-editor input[type=color] {
  width: 100%;
  height: 42px;
  padding: 4px;
  border: 2px solid #111111;
  background: #fff;
  cursor: pointer;
}

.listing-signup-section .brand-color-editor input[type=text] {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 2px solid #111111;
  background: #fff;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 14px;
  font-weight: 800;
}

.listing-signup-section .brand-color-editor__save,
.listing-signup-section .brand-color-editor__remove,
.listing-signup-section .secondary-action {
  min-height: 42px;
  padding: 0 14px;
  border: 2px solid #111111;
  background: #fff;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 13px;
  font-weight: 900;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.listing-signup-section .brand-color-editor__save {
  background: #ff6a1a;
  color: #fffdf8;
}

.listing-signup-section .brand-color-editor__save:hover,
.listing-signup-section .brand-color-editor__save:focus-visible,
.listing-signup-section .brand-color-editor__remove:hover,
.listing-signup-section .brand-color-editor__remove:focus-visible,
.listing-signup-section .secondary-action:hover,
.listing-signup-section .secondary-action:focus-visible {
  background: #111111;
  color: #fffdf8;
  transform: translate(2px, 2px);
}

.listing-signup-section .dashboard-segmented {
  display: grid;
  grid-template-columns: repeat(4, 74px);
  width: max-content;
  border: 2px solid #111111;
  background: #fff;
}

.listing-signup-section .dashboard-segmented button {
  min-height: 38px;
  border: 0;
  border-right: 2px solid #111111;
  background: #fff;
  color: #67625d;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 900;
}

.listing-signup-section .dashboard-segmented button:last-child {
  border-right: 0;
}

.listing-signup-section .dashboard-segmented button:hover,
.listing-signup-section .dashboard-segmented button:focus-visible,
.listing-signup-section .dashboard-segmented button.is-active {
  background: #111111;
  color: #fffdf8;
}

.listing-signup-section .dashboard-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.listing-signup-section .dashboard-check-chip,
.listing-signup-section .dashboard-add-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  gap: 8px;
  padding: 0 12px;
  border: 2px solid #111111;
  background: #fff;
  color: #111111;
  font-size: 12px;
  font-weight: 700;
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.listing-signup-section .dashboard-check-chip.is-active {
  background: #ffeadf;
}

.listing-signup-section .dashboard-check-chip--dark.is-active {
  background: #111111;
  color: #fffdf8;
}

.listing-signup-section .dashboard-check-chip span {
  display: grid;
  place-items: center;
  width: 15px;
  height: 15px;
  border: 2px solid #111111;
  background: #ff6a1a;
  color: #fffdf8;
  font-size: 11px;
  line-height: 1;
}

.listing-signup-section .dashboard-check-chip--dark.is-active span {
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
}

.listing-signup-section .dashboard-check-chip:hover,
.listing-signup-section .dashboard-check-chip:focus-visible,
.listing-signup-section .dashboard-add-chip:hover,
.listing-signup-section .dashboard-add-chip:focus-visible {
  background: #111111;
  color: #fffdf8;
  transform: translate(1px, 1px);
}

.listing-signup-section .dashboard-chip-input {
  display: inline-grid;
  grid-template-columns: minmax(150px, 1fr) 38px;
  min-height: 38px;
  border: 2px solid #111111;
  background: #fff;
}

.listing-signup-section .dashboard-chip-input input {
  width: 100%;
  min-width: 0;
  height: 38px;
  padding: 0 12px;
  border: 0;
  background: transparent;
  color: #111111;
  font-size: 12px;
  font-weight: 700;
}

.listing-signup-section .dashboard-chip-input button {
  display: grid;
  place-items: center;
  border: 0;
  border-left: 2px solid #111111;
  background: #ff6a1a;
  color: #fffdf8;
  font-weight: 900;
}

.listing-signup-section .dashboard-combobox {
  position: relative;
  min-width: 0;
}

.listing-signup-section .dashboard-combobox__control {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 48px;
  gap: 14px;
  padding: 0 16px 0 14px;
  border: 2px solid #111111;
  border-radius: 0;
  background: #fff;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  transition: background-color 180ms ease, box-shadow 180ms ease;
}

.listing-signup-section .dashboard-combobox__control:hover,
.listing-signup-section .dashboard-combobox__control:focus-visible,
.listing-signup-section .dashboard-combobox__control[aria-expanded=true] {
  background: #fff4eb;
}

.listing-signup-section .dashboard-combobox__control input {
  min-width: 0;
  flex: 1;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111111;
  padding: 0;
  font: inherit;
  outline: 0;
}

.listing-signup-section .dashboard-combobox__control input::placeholder {
  color: #a8a49b;
  opacity: 1;
}

.listing-signup-section .dashboard-combobox__control > button {
  width: 26px;
  height: 100%;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #111111;
  padding: 0;
  box-shadow: none;
}

.listing-signup-section .dashboard-combobox__control > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.listing-signup-section .dashboard-combobox__caret {
  width: 0;
  height: 0;
  flex: 0 0 auto;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #6f6d65;
}

.listing-signup-section .dashboard-combobox__menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  z-index: 35;
  width: min(360px, 100%);
  max-height: 286px;
  overflow-y: auto;
  border: 2px solid #111111;
  background: #fff;
  box-shadow: 5px 5px 0 #111111;
}

.listing-signup-section .dashboard-combobox__menu[hidden] {
  display: none;
}

.listing-signup-section .dashboard-combobox__menu button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 38px;
  gap: 14px;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid #e7e1d6;
  background: #fff;
  color: #111111;
  font-size: 13px;
  font-weight: 800;
  text-align: left;
}

.listing-signup-section .dashboard-combobox__menu button:last-child {
  border-bottom: 0;
}

.listing-signup-section .dashboard-combobox__menu button:hover,
.listing-signup-section .dashboard-combobox__menu button:focus-visible,
.listing-signup-section .dashboard-combobox__menu button.is-selected {
  background: #FAF9F6;
}

.listing-signup-section .dashboard-combobox__menu button.is-selected {
  color: #ff6a1a;
}

.listing-signup-section .extra-category-list {
  display: grid;
  gap: 10px;
}

.listing-signup-section .extra-category-field {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  min-height: 50px;
  border: 2px solid #111111;
  background: #fff;
}

.listing-signup-section .extra-category-field > span {
  display: grid;
  place-items: center;
  justify-self: center;
  width: 22px;
  height: 22px;
  border: 2px solid #111111;
  border-radius: 50%;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 11px;
  font-weight: 900;
}

.listing-signup-section .extra-category-field input {
  width: 100%;
  height: 100%;
  padding: 0 14px 0 4px;
  border: 0;
  background: transparent;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
}

.listing-signup-section .amenities-service-form,
.listing-signup-section .citation-data-form {
  gap: 22px;
}

.listing-signup-section .amenities-service-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr);
  gap: 42px;
  align-items: start;
}

.listing-signup-section .language-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.listing-signup-section .language-tag {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  gap: 8px;
  padding: 0 10px;
  border: 2px solid #111111;
  background: #fff;
  color: #111111;
  font-size: 12px;
  font-weight: 900;
}

.listing-signup-section .language-tag:hover,
.listing-signup-section .language-tag:focus-visible {
  background: #111111;
  color: #fffdf8;
}

.listing-signup-section .social-url-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 86px;
  gap: 10px;
  align-items: stretch;
}

.listing-signup-section .social-url-row input {
  height: 48px;
}

@media (max-width: 900px) {
  .listing-signup-section .brand-color-editor {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .listing-signup-section .amenities-service-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
}
@media (max-width: 720px) {
  .listing-signup-section .brand-assets-form,
  .listing-signup-section .brand-color-editor,
  .listing-signup-section .social-url-row {
    grid-template-columns: 1fr;
  }
  .listing-signup-section .dashboard-segmented {
    width: 100%;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .listing-signup-section .dashboard-check-chip,
  .listing-signup-section .dashboard-add-chip,
  .listing-signup-section .dashboard-chip-input {
    width: 100%;
  }
}
.listing-signup-section .map-location-card {
  padding: 12px;
  border: 2px solid #111111;
  background: #edf0ea;
}

.listing-signup-section .map-location-search {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  height: 40px;
  padding: 0 12px;
  border: 2px solid #111111;
  background: #fffdf8;
}

.listing-signup-section .map-location-search span {
  color: #67625d;
  font-size: 18px;
  line-height: 1;
}

.listing-signup-section .map-location-search input {
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111111;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
  outline: 0;
}

.listing-signup-section .map-location-preview {
  position: relative;
  min-height: 146px;
  overflow: hidden;
  background: linear-gradient(168deg, rgba(255, 255, 255, 0.32) 0 18%, transparent 18% 100%), linear-gradient(156deg, transparent 0 38%, rgba(255, 255, 255, 0.28) 38% 41%, transparent 41% 100%), linear-gradient(174deg, rgba(255, 255, 255, 0.2) 0 52%, transparent 52% 100%), #e9ede8;
}

.listing-signup-section .map-location-preview::before,
.listing-signup-section .map-location-preview::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.32);
  transform: rotate(-12deg);
  content: "";
}

.listing-signup-section .map-location-preview::before {
  top: 55px;
  left: -10%;
  width: 120%;
  height: 18px;
}

.listing-signup-section .map-location-preview::after {
  top: -35px;
  left: 18%;
  width: 16px;
  height: 220px;
}

.listing-signup-section .map-location-pin {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 18px;
  height: 18px;
  border: 2px solid #111111;
  border-radius: 50% 50% 50% 0;
  background: #ff6a1a;
  box-shadow: 3px 3px 0 #111111;
  transform: translate(-50%, -50%) rotate(-45deg);
}

.listing-signup-section .map-location-pin::after {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fffdf8;
  content: "";
}

.listing-signup-section .map-location-zoom {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 1;
  display: grid;
  border: 2px solid #111111;
  background: #fffdf8;
}

.listing-signup-section .map-location-zoom button {
  width: 31px;
  height: 30px;
  border: 0;
  border-bottom: 2px solid #111111;
  background: #fffdf8;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
}

.listing-signup-section .map-location-zoom button:last-child {
  border-bottom: 0;
}

.listing-signup-section .business-hours-table {
  border: 2px solid #111111;
  background: #fffdf8;
}

.listing-signup-section .business-hours-row {
  display: grid;
  grid-template-columns: minmax(90px, 1fr) auto;
  align-items: center;
  min-height: 52px;
  gap: 20px;
  padding: 8px 14px;
  border-bottom: 2px solid #111111;
}

.listing-signup-section .business-hours-row:last-child {
  border-bottom: 0;
}

.listing-signup-section .business-hours-row.is-closed {
  background: #f3f1e8;
}

.listing-signup-section .business-hours-row strong {
  color: #111111;
  font-size: 14px;
  font-weight: 800;
}

.listing-signup-section .business-hours-controls,
.listing-signup-section .business-hours-times {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.listing-signup-section .business-hours-times input {
  height: 32px;
  padding: 0 6px;
  border: 2px solid #111111;
  background: #fffdf8;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 900;
  outline: 0;
}

.listing-signup-section .business-hours-times input:focus {
  background: #fff4eb;
}

.listing-signup-section .business-hours-times span {
  color: #67625d;
  font-family: "Archivo", sans-serif;
  font-weight: 900;
}

.listing-signup-section .business-hours-toggle,
.listing-signup-section .business-hours-closed {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  min-height: 30px;
  padding: 0 10px;
  border: 2px solid #111111;
  background: #fffdf8;
  color: #111111;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.listing-signup-section .business-hours-toggle {
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.listing-signup-section .business-hours-toggle:hover,
.listing-signup-section .business-hours-toggle:focus-visible {
  background: #111111;
  color: #fffdf8;
  transform: translate(1px, 1px);
}

.listing-account-card__heading {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 24px 28px 0;
}

.listing-account-card__heading .add-business-step-card__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 2px solid #111111;
  background: #ff6a1a;
  box-shadow: 4px 4px 0 #111111;
}

.listing-account-card__heading .add-business-step-card__icon img {
  display: block;
  width: 19px;
  height: 19px;
  filter: brightness(0) invert(1);
}

/* Listing success page */
.listing-success-section {
  display: grid;
  align-items: center;
  min-height: 642px;
  padding: clamp(92px, 12vw, 130px) 0;
}

.listing-success-card {
  display: grid;
  justify-items: center;
  width: min(100%, 560px);
  margin: 0 auto;
  padding: clamp(46px, 7vw, 56px) clamp(24px, 5vw, 52px);
  border: 3px solid #111111;
  background: #fff;
  box-shadow: 8px 8px 0 #111111;
  text-align: center;
}

.listing-success-check {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  margin-bottom: 28px;
  border: 3px solid #111111;
  background: #ff6a1a;
  box-shadow: 6px 6px 0 #111111;
}

.listing-success-check img {
  width: 34px;
  height: 34px;
  display: block;
}

.listing-success-card h1 {
  margin-bottom: 14px;
  color: #111111;
  font-size: clamp(38px, 5vw, 48px);
  line-height: 0.92;
}

.listing-success-card p {
  max-width: 370px;
  margin-bottom: 34px;
  color: #343434;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.45;
}

.listing-success-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 58px;
  padding: 0 16px 0 28px;
  border: 3px solid #111111;
  background: #111111;
  box-shadow: 5px 5px 0 #ff6a1a;
  color: #fffdf8;
  font-family: "Archivo", sans-serif;
  font-size: 16px;
  font-weight: 800;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.listing-success-button:hover, .listing-success-button:focus-visible {
  background: #ff6a1a;
  color: #fffdf8;
  box-shadow: 3px 3px 0 #111111;
  transform: translate(2px, 2px);
}

.listing-success-button__icon {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border: 2px solid rgba(255, 255, 255, 0.84);
}

@media (max-width: 767px) {
  .listing-signup-section .add-business-form__grid--two,
  .listing-signup-section .add-business-form__grid--three {
    grid-template-columns: 1fr;
  }
  .listing-signup-section .add-business-panel__toggle {
    grid-template-columns: 37px minmax(0, 1fr);
  }
  .listing-signup-section .add-business-panel__state {
    grid-column: 2;
  }
  .listing-signup-section .business-hours-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .listing-signup-section .business-hours-controls,
  .listing-signup-section .business-hours-times,
  .listing-signup-section .business-hours-closed {
    justify-self: start;
  }
}
.checkout-section {
  padding: clamp(54px, 7vw, 58px) 0 clamp(120px, 12vw, 140px);
}

.checkout-page {
  max-width: 1100px;
}

.checkout-page__heading {
  max-width: 760px;
  margin-bottom: 28px;
}

.checkout-kicker {
  display: inline-grid;
  place-items: center;
  min-height: 34px;
  margin-bottom: 22px;
  padding: 0 13px;
  border: 2px solid #111111;
  background: #ff6a1a;
  box-shadow: 5px 5px 0 #111111;
  color: #fffdf8;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.checkout-page__heading h1 span {
  color: #ff6a1a;
  text-transform: lowercase;
}

.checkout-page__heading p {
  color: #343434;
  font-size: 17px;
  font-weight: 600;
}

.checkout-section .dashboard-label {
  display: block;
  margin: 0;
  color: #67625d;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.checkout-section .dashboard-panel-card {
  border: 3px solid #111111;
  box-shadow: 8px 8px 0 #111111;
}

.checkout-section .primary-action {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  min-height: 58px;
  padding: 0 23px;
  border: 3px solid #111111;
  background: #ff6a1a;
  box-shadow: 5px 5px 0 #111111;
  color: #fffdf8;
  font-family: "Archivo", sans-serif;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  transition: color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.checkout-section .primary-action:hover,
.checkout-section .primary-action:focus-visible {
  background: #111111;
  color: #fffdf8;
  box-shadow: 3px 3px 0 #ff6a1a;
  transform: translate(2px, 2px);
}

.checkout-section .primary-action__icon {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 2px solid #fffdf8;
}

.checkout-section .primary-action__icon img {
  width: 13px;
  height: 13px;
  display: block;
  filter: brightness(0) invert(1);
}

.checkout-layout {
  display: grid;
  grid-template-columns: minmax(0, 750px) minmax(280px, 320px);
  align-items: start;
  gap: 32px;
}

.checkout-payment-card {
  padding: 34px 34px 30px;
  background: #fff;
}

.checkout-card-heading {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
}

.checkout-card-icon,
.checkout-summary-icon {
  display: grid;
  place-items: center;
  flex: 0 0 44px;
  align-self: start;
  width: 44px;
  height: 44px;
  border: 2px solid #111111;
  background: #ff6a1a;
  box-shadow: 5px 5px 0 #111111;
}

.checkout-card-icon img,
.checkout-summary-icon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.checkout-card-heading h2,
.checkout-summary-heading h2 {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.billing-action-note.checkout-action-note {
  display: grid;
  min-height: 42px;
  align-items: center;
  margin: 0 0 20px;
  padding: 10px 12px;
  border: 2px solid #111111;
  background: #fff4eb;
  color: #111111;
  font-size: 13px;
  font-weight: 800;
}

.billing-action-note.checkout-action-note[hidden] {
  display: none;
}

.billing-action-note.checkout-action-note--success {
  background: #e5f7e9;
}

.checkout-form-grid {
  display: grid;
  gap: 16px;
}

.checkout-form-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.checkout-field {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
}

.checkout-field em {
  color: #ff6a1a;
  font-style: normal;
}

.checkout-field input,
.checkout-field select {
  width: 100%;
  min-height: 48px;
  border: 2px solid #111111;
  border-radius: 0;
  background: #fff;
  color: #111111;
  padding: 0 14px;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.checkout-field select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #67625d 50%), linear-gradient(135deg, #67625d 50%, transparent 50%);
  background-position: calc(100% - 20px) 20px, calc(100% - 15px) 20px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}

.checkout-field input::placeholder {
  color: #6f6d65;
  opacity: 1;
  transition: opacity 180ms ease;
}

.checkout-field input:focus::placeholder {
  opacity: 0;
}

.checkout-field input:focus,
.checkout-field select:focus {
  outline: none;
  box-shadow: 4px 4px 0 #111111;
}

.checkout-pending-panel {
  padding: 20px 22px;
  border: 2px solid #111111;
  background: #fff8ef;
  box-shadow: 4px 4px 0 #111111;
}
.checkout-pending-panel__lead {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
}
.checkout-pending-panel__body {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #4a4437;
}
.checkout-pending-panel__body:last-child {
  margin-bottom: 0;
}
.checkout-pending-panel a {
  font-weight: 700;
  text-decoration: underline;
}

.checkout-form-divider,
.checkout-summary-rule {
  height: 2px;
  background: #e4e0d2;
}

.checkout-form-divider {
  margin: 10px 0 26px;
}

.checkout-submit {
  width: 100%;
  justify-content: center;
}

.checkout-supported {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 52px;
}

.checkout-supported > span:first-child {
  margin-right: 2px;
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}

.checkout-card-brand {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  gap: 7px;
  padding: 0 12px;
  border: 2px solid #111111;
  background: #fff;
  color: #3a3a36;
  font-family: "Inter", Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.checkout-card-brand img {
  width: 14px;
  height: 14px;
  object-fit: contain;
}

.checkout-summary-card {
  padding: 24px 22px;
  background: #fff;
}

.checkout-summary-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 12px 0 22px;
}

.checkout-summary-heading p {
  margin: 4px 0 0;
  color: #6f6d65;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* "$240 less than paying monthly." — small, under the billing label
   (client, 2026-09-18). Needs the parent in the selector, or the uppercase
   mono label rule above wins. */
.checkout-summary-heading .checkout-summary-saving {
  margin: 6px 0 0;
  color: #3a3a36;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: normal;
  text-transform: none;
}

.checkout-summary-rule {
  margin: 0 0 28px;
}

.checkout-summary-rule + .dashboard-label {
  display: block;
  margin-bottom: 16px;
}

/* The details our team took down, for the customer to check before paying.
   A definition list because that is what it is: a label and its value. */
.checkout-business-details {
  display: grid;
  grid-template-columns: minmax(72px, auto) minmax(0, 1fr);
  gap: 8px 14px;
  margin: 0 0 14px;
}

.checkout-business-details dt {
  color: #6f6d65;
  font-family: var(--font-mono, monospace);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  line-height: 1.5;
}

.checkout-business-details dd {
  margin: 0;
  color: #111111;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
  /* An address or a long domain must wrap inside the card rather than
     widening it. */
  overflow-wrap: anywhere;
}

.checkout-business-details__note {
  margin: 0 0 26px;
  color: #6f6d65;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.45;
}

/* After the money: the one step that is the owner's. Green family, because
   it follows a successful payment, but its own block -- it is an instruction,
   not a status line. */
.pay-next-steps {
  /* The closed notice centres everything; instructions read as a list. */
  text-align: left;
  margin-top: 18px;
  padding: 16px 18px;
  border: 2px solid #1c7a4a;
  border-radius: 10px;
  background: #eaf6ef;
}

.pay-next-steps h3 {
  margin: 0 0 8px;
  color: #14512f;
  font-size: 15px;
  font-weight: 800;
}

.pay-next-steps p {
  margin: 0 0 10px;
  color: #14512f;
  font-size: 14px;
  line-height: 1.5;
}

.pay-next-steps p:last-child {
  margin-bottom: 0;
}

.pay-next-steps ol {
  margin: 0 0 10px;
  padding-left: 20px;
  color: #14512f;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
}

.checkout-summary-features {
  display: grid;
  gap: 14px;
  margin: 0 0 30px;
  padding: 0;
  list-style: none;
}

.checkout-summary-features li {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  color: #111111;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
}

.checkout-summary-features span {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border: 2px solid #111111;
  background: #ff6a1a;
}

.checkout-summary-features img {
  width: 11px;
  height: 11px;
  object-fit: contain;
}

.checkout-due-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
}

.checkout-due-row strong {
  color: #111111;
  font-family: "Archivo", sans-serif;
  font-size: 28px;
  font-weight: 900;
  line-height: 1;
}

@media (max-width: 1100px) {
  .checkout-layout {
    grid-template-columns: 1fr;
  }
  .checkout-payment-card,
  .checkout-summary-card {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .checkout-section {
    padding: 44px 0 80px;
  }
  .checkout-payment-card,
  .checkout-summary-card {
    padding: 24px 18px;
  }
  .checkout-form-grid--two {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .checkout-supported {
    margin-top: 30px;
  }
}
/* The payment provider's own card fields, embedded in our checkout page.
   Each .checkout-card-field box hosts a frame belonging to the provider:
   the digits typed inside never exist in this page's code. */
.checkout-card-fields {
  display: grid;
  gap: 10px;
  margin-bottom: 18px;
}

.checkout-card-fields__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.checkout-card-fields .dashboard-label {
  display: block;
  margin-bottom: 4px;
}

.checkout-card-field {
  min-height: 44px;
  border: 1px solid #d8d4c8;
  border-radius: 6px;
  background: #fff;
  padding: 12px 12px 0;
}

.checkout-card-fields__billing {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  gap: 12px;
}

@media (max-width: 640px) {
  .checkout-card-fields__billing {
    grid-template-columns: 1fr;
  }
}
.checkout-card-fields__billing .dashboard-input,
.checkout-card-fields__billing input {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d8d4c8;
  border-radius: 6px;
  background: #fff;
  padding: 0 12px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #111111;
}
.checkout-card-fields__billing .dashboard-input::placeholder,
.checkout-card-fields__billing input::placeholder {
  color: #a8a49b;
  opacity: 1;
  transition: none;
}
.checkout-card-fields__billing .dashboard-input:focus,
.checkout-card-fields__billing input:focus {
  background: #fff;
}
.checkout-card-fields__billing .dashboard-input:focus::placeholder,
.checkout-card-fields__billing input:focus::placeholder {
  opacity: 1;
  transform: none;
}

.checkout-saved-card {
  display: grid;
  gap: 2px;
  padding: 14px 16px;
  border: 2px solid #111;
  background: #fff;
}
.checkout-saved-card strong {
  font-size: 16px;
}
.checkout-saved-card__label {
  color: #6f6d65;
  font-family: var(--font-mono, monospace);
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.checkout-saved-card__note {
  color: #6f6d65;
  font-size: 12px;
}
.checkout-saved-card .checkout-card-fields__link {
  justify-self: start;
  margin-top: 6px;
}

.checkout-card-fields__note {
  margin: 0;
  color: #6f6d65;
  font-size: 13px;
  line-height: 1.5;
}

.checkout-card-fields__link {
  border: 0;
  background: none;
  padding: 0;
  color: #111;
  font: inherit;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}

@media (max-width: 640px) {
  .checkout-card-fields__grid {
    grid-template-columns: 1fr;
  }
}
.pay-page__reassurance {
  margin: 14px 0 0;
  color: #6f6d65;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
}

.pay-page__notice {
  max-width: 640px;
  margin: 0 auto;
  padding: 32px;
  text-align: center;
}
.pay-page__notice h2 {
  margin: 0 0 10px;
  font-family: "Archivo", sans-serif;
  font-size: 24px;
  font-weight: 900;
}
.pay-page__notice p {
  margin: 0 0 22px;
  color: #4a4842;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.checkout-card-fields__link {
  color: #111111;
  font-weight: 800;
  text-decoration: underline;
}

.pay-card-loading {
  margin-bottom: 18px;
}
.pay-card-loading p {
  margin: 10px 0 0;
  color: #6f6d65;
  font-size: 13px;
  font-weight: 700;
}

.pay-card-loading__row {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
}

.pay-card-loading__bar {
  height: 44px;
  border: 1px solid #d8d4c8;
  border-radius: 6px;
  background: linear-gradient(90deg, #f4f2ec 25%, #e9e6dd 37%, #f4f2ec 63%);
  background-size: 400% 100%;
  animation: pay-card-shimmer 1.4s ease infinite;
}

@keyframes pay-card-shimmer {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
@media (prefers-reduced-motion: reduce) {
  .pay-card-loading__bar {
    animation: none;
  }
}
.primary-action:disabled,
.primary-action[disabled] {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
  transform: none;
}

.listing-account-card__signed-in {
  margin: 14px 0 0;
  padding: 0 28px 24px;
  color: #4a4842;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
.listing-account-card__signed-in a {
  color: #111111;
  font-weight: 800;
  text-decoration: underline;
}

.listing-signup-section input.dashboard-combobox__control {
  width: 100%;
  font-family: inherit;
}
.listing-signup-section .dashboard-combobox__menu--wide {
  width: 100%;
}
.listing-signup-section .dashboard-combobox__menu button:disabled {
  color: #6f6d65;
  font-weight: 600;
  cursor: default;
}
.listing-signup-section .dashboard-combobox__menu button:disabled:hover {
  background: #fff;
}

.dashboard-label__required,
.dashboard-label b {
  color: #ff6a1a;
  font-style: normal;
  font-weight: 900;
  margin-left: 3px;
}

/* ---------------------------------------------------------------------------
   Homepage FAQ (client, 2026-09-07): the questions from the live site, worn
   in this site's own clothes. Native <details> accordions — no JavaScript,
   the marker flips by CSS alone, so the static export behaves everywhere.
--------------------------------------------------------------------------- */
.faq-section .section-heading {
  margin-bottom: 40px;
}

.faq-list {
  max-width: 880px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Show more (client, 2026-09-09): twenty questions made the homepage tall,
   so five answer and the rest wait behind a button.

   The hidden fifteen are COLLAPSED, never removed — every answer stays in the
   HTML and in the FAQPage JSON-LD, because this product sells being readable
   by machines that never click. A checkbox rather than a script: this section
   has never needed JavaScript.

   0fr -> 1fr animates a height nobody has to measure, and it works in every
   browser — unlike animating a <details>, which needs interpolate-size and
   snaps open in Firefox and Safari. */
.faq-more__toggle {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.faq-more {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.42s cubic-bezier(0.22, 1, 0.36, 1);
}

.faq-more__inner {
  overflow: hidden;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.faq-more__toggle:checked ~ .faq-more {
  grid-template-rows: 1fr;
}

/* The gap belongs to the list, so an empty collapsed row would still push the
   button 14px away from the fifth question. It appears with the content. */
.faq-more__toggle:checked ~ .faq-more .faq-more__inner {
  padding-top: 14px;
}

.faq-more__button {
  align-self: center;
  margin-top: 22px;
  border: 3px solid #171717;
  background: #fffdf8;
  box-shadow: 4px 4px 0 #171717;
  padding: 13px 26px;
  font-family: "Archivo", sans-serif;
  font-weight: 800;
  font-size: 15px;
  letter-spacing: -0.2px;
  cursor: pointer;
  user-select: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.faq-more__button:hover {
  transform: translate(-2px, -2px);
  box-shadow: 6px 6px 0 #171717;
}

.faq-more__button:active {
  transform: translate(2px, 2px);
  box-shadow: 2px 2px 0 #171717;
}

/* Keyboard users get the same ring the rest of the site uses; the input
   itself is off-screen, so the focus has to be drawn on its label. */
.faq-more__toggle:focus-visible ~ .faq-more__button {
  outline: 3px solid #ff6a1a;
  outline-offset: 3px;
}

.faq-more__hide {
  display: none;
}

.faq-more__toggle:checked ~ .faq-more__button .faq-more__show {
  display: none;
}

.faq-more__toggle:checked ~ .faq-more__button .faq-more__hide {
  display: inline;
}

/* Somebody who has asked not to see motion gets the same reveal without it. */
@media (prefers-reduced-motion: reduce) {
  .faq-more {
    transition: none;
  }
}
.faq-item {
  border: 3px solid #171717;
  background: #fffdf8;
  box-shadow: 4px 4px 0 #171717;
}
.faq-item summary {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  cursor: pointer;
  list-style: none;
  font-family: "Archivo", sans-serif;
  font-weight: 700;
  font-size: 17px;
  line-height: 1.35;
  color: #171717;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary:hover .faq-item__question {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
.faq-item .faq-item__number {
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #ff6a1a;
  flex: 0 0 auto;
}
.faq-item .faq-item__question {
  flex: 1 1 auto;
}
.faq-item {
  /* A plus that becomes a minus: one bar always, the second rotates away. */
}
.faq-item .faq-item__marker {
  flex: 0 0 auto;
  position: relative;
  width: 22px;
  height: 22px;
  border: 2px solid #171717;
  background: #fffdf8;
}
.faq-item .faq-item__marker::before, .faq-item .faq-item__marker::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  width: 10px;
  height: 2px;
  background: #171717;
  transform: translate(-50%, -50%);
}
.faq-item .faq-item__marker::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: transform 160ms ease;
}
.faq-item[open] {
  box-shadow: 4px 4px 0 #ff6a1a;
}
.faq-item[open] .faq-item__marker {
  background: #ff6a1a;
}
.faq-item[open] .faq-item__marker::before, .faq-item[open] .faq-item__marker::after {
  background: #fffdf8;
}
.faq-item[open] .faq-item__marker::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.faq-item > p {
  margin: 0;
  padding: 0 18px 18px 54px;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #67625d;
}

@media (max-width: 640px) {
  .faq-item summary {
    font-size: 15px;
    padding: 14px;
  }
  .faq-item > p {
    padding: 0 14px 14px 14px;
  }
}
/* The cookie notice (client, 2026-09-20).
   A bar, not a wall: it never covers the page and nothing waits on it. Two
   cookies, both needed to sign somebody in, so this tells rather than asks —
   see lib/cookieConsent.ts for why a Reject button would be worse than none. */
.cookie-notice {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  border-top: 3px solid #111111;
  background: #fffdf8;
  box-shadow: 0 -6px 0 rgba(17, 17, 17, 0.08);
}

.cookie-notice__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: calc(100% - 32px);
  max-width: 1200px;
  margin: 0 auto;
  padding: 16px 0;
}

.cookie-notice__text {
  flex: 1 1 420px;
  margin: 0;
  color: #171717;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}
.cookie-notice__text a {
  color: #171717;
  font-weight: 700;
  text-decoration: underline;
}

.cookie-notice__button {
  flex: 0 0 auto;
  min-height: 44px;
  border: 3px solid #111111;
  background: #ff6a1a;
  box-shadow: 4px 4px 0 #111111;
  padding: 0 26px;
  color: #fffdf8;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}
.cookie-notice__button:hover, .cookie-notice__button:focus-visible {
  transform: translate(2px, 2px);
  box-shadow: 2px 2px 0 #111111;
}

@media (max-width: 600px) {
  .cookie-notice__inner {
    flex-direction: column;
    align-items: stretch;
  }
  /* Stacked, the 420px above is a HEIGHT, not a width: the notice grew to
     515px — 61% of a phone screen — with the words floating in white
     (client, 2026-09-23, on his phone). Here it is only as tall as its
     sentences. */
  .cookie-notice__text {
    flex: 0 0 auto;
  }
  .cookie-notice__button {
    width: 100%;
  }
}
/* The cookie table on the privacy page: a plain list of what we set, which
   is the part the rules actually require. */
.terms-table {
  width: 100%;
  border-collapse: collapse;
  margin: 18px 0;
  font-family: "Inter", Arial, sans-serif;
  font-size: 14px;
}
.terms-table th,
.terms-table td {
  border: 2px solid #111111;
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
  line-height: 1.5;
}
.terms-table th {
  background: #f1efe9;
  font-weight: 800;
}
.terms-table code {
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 13px;
  word-break: break-all;
}

@media (max-width: 600px) {
  .terms-table,
  .terms-table tbody,
  .terms-table tr,
  .terms-table td {
    display: block;
    width: 100%;
  }
  .terms-table thead {
    display: none;
  }
  .terms-table tr + tr {
    margin-top: 12px;
  }
  .terms-table td + td {
    border-top: 0;
  }
}
/* When the policy was last changed. People look for this first. */
/* The date is a stamp, not a sentence (client, 2026-09-21: "Make this text
   smaller").
   It was drawing at 20px, and not because anybody asked for that: the hero's
   own `.legal-hero .legal-hero__heading > p:not(.eyebrow)` sizes every
   paragraph in that block and out-weighs a lone class, so the 12px below was
   simply never applied. Matched to that selector, so it wins. The mono face
   and the capitals DID come through, which is why it read as a big stamp
   rather than as an obviously wrong paragraph. */
.legal-hero .legal-hero__heading > p.legal-hero__date {
  max-width: none;
  margin-top: 14px;
  color: #67625d;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* The prose inside a legal card: lists and inline code, which the placeholder
   pages never had because they never said anything specific enough to need
   them. */
.terms-card ul {
  margin: 0 0 16px;
  padding-left: 22px;
  font-family: "Inter", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.65;
}
.terms-card li + li {
  margin-top: 8px;
}
.terms-card code {
  background: #f1efe9;
  padding: 1px 6px;
  font-family: "JetBrains Mono", "Courier New", monospace;
  font-size: 0.9em;
  word-break: break-word;
}

/* The real map picker (client, 2026-09-09). Replaces a painted rectangle
   that showed nothing and saved nothing. */
.map-pick {
  border: 3px solid #111;
  background: #fff;
}

.map-pick__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border-bottom: 3px solid #111;
}

.map-pick__controls .map-location-search {
  flex: 1 1 240px;
  min-width: 0;
}

.map-pick__controls .secondary-action {
  min-height: 44px;
  height: 44px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.map-pick__results {
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 190px;
  overflow-y: auto;
  border-bottom: 3px solid #111;
}

.map-pick__results li + li {
  border-top: 1px solid #e4e0d2;
}

.map-pick__results button {
  display: block;
  width: 100%;
  text-align: left;
  border: 0;
  background: #fff;
  padding: 10px 14px;
  font: inherit;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
}

.map-pick__results button:hover {
  background: #fff4eb;
}

/* Leaflet needs a real height or it renders a zero-tall grey box. */
.map-pick__canvas {
  height: 320px;
  width: 100%;
}

.map-pick__canvas .leaflet-container {
  height: 100%;
  width: 100%;
  font: inherit;
  background: #f1efe9;
}

/* The site's own pin rather than Leaflet's blue teardrop, which arrives as a
   relative image URL the bundler cannot resolve. */
.map-pick__pin span {
  display: block;
  width: 20px;
  height: 20px;
  margin: 4px 3px;
  border: 3px solid #111;
  border-radius: 50% 50% 50% 0;
  transform: rotate(-45deg);
  background: #FF5E1A;
  box-shadow: 2px 2px 0 rgba(17, 17, 17, 0.35);
}

.map-pick__note {
  margin: 0;
  border-top: 3px solid #111;
  padding: 10px 14px;
  font-size: 13px;
  line-height: 1.45;
  color: #3f3d39;
}