:root {
  --frame-w: 1440;
  --frame-h: 5940;
  --scale: 1;
  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --serif-sc: "Playfair Display SC", "Playfair Display", Georgia, "Times New Roman", serif;
  --sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

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

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  width: 100%;
  max-width: 100%;
  overscroll-behavior-x: none;
  overflow-x: hidden !important;
}

body {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  position: relative;
  background: #fff;
  background-image:
    linear-gradient(#fff, #fff),
    linear-gradient(180deg, #fff 0%, #838383 22.12%, #414141 32.21%, #000 48.56%),
    linear-gradient(180deg, #060606 16.35%, #838383 30.29%, #c1c1c1 40.87%, #fff 95.19%),
    linear-gradient(180deg, #fff 34.13%, #a8a8a8 70.19%, #707070 84.13%, #000 100%);
  background-position:
    0 calc(5865px * var(--scale)),
    0 calc(4900px * var(--scale)),
    0 calc(2568px * var(--scale)),
    0 calc(1061px * var(--scale));
  background-size:
    100% calc(75px * var(--scale)),
    100% calc(965px * var(--scale)),
    100% calc(1687px * var(--scale)),
    100% calc(1507px * var(--scale));
  background-repeat: no-repeat;
  color: #000;
  font-family: var(--sans);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden !important;
}

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

button,
input {
  font: inherit;
}

img {
  display: block;
}

::selection {
  background: rgba(0, 0, 0, 0.1);
}

.sticky-header {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 80px;
  z-index: 2147483647;
  pointer-events: auto;
  overflow: hidden;
  border: 0;
  background: rgba(255, 255, 255, 0.56);
  -webkit-backdrop-filter: blur(18px) saturate(1.15);
  backdrop-filter: blur(18px) saturate(1.15);
  transform: none !important;
  transition: background 180ms ease;
  will-change: background;
  contain: none;
}

.sticky-header.is-over-dark {
  background: rgba(0, 0, 0, 0.28);
}

.sticky-header-inner {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1440px;
  height: 80px;
  transform: translateX(-50%) scale(var(--scale));
  transform-origin: top center;
}

.sticky-header-inner * {
  position: absolute;
}

.sticky-brand {
  display: contents;
}

.sticky-nav {
  position: absolute;
  left: 830px;
  top: 47px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 50px;
  width: 488px;
  height: 27px;
}

.sticky-mark {
  width: 34px;
  height: 27px;
  left: 25px;
  top: 47px;
  overflow: visible;
  background: #000;
  transition: background 180ms ease;
}

.sticky-mark::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 11px;
  width: 18px;
  height: 19px;
  background: #fff;
  pointer-events: none;
}

.sticky-header.is-over-dark .sticky-mark {
  background: #fff;
}

.sticky-header.is-over-dark .sticky-mark::after {
  background: #000;
}

.sticky-mark-hole {
  display: none;
  width: 18px;
  height: 16px;
  left: 28px;
  top: 58px;
  background: #fff;
}

.sticky-wordmark {
  width: 308px;
  height: 62px;
  left: 69px;
  top: 43px;
  color: #000;
  font-family: var(--serif-sc);
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 0.1em;
  transition: color 180ms ease;
}

.sticky-nav-shift {
  left: auto !important;
  width: auto;
  text-align: center;
}

.sticky-nav-how {
  left: auto !important;
  width: auto;
  text-align: center;
}

.sticky-header.is-over-dark .sticky-wordmark {
  color: #fff;
}

.sticky-nav-link {
  position: relative !important;
  left: auto !important;
  top: auto;
  width: auto;
  height: auto;
  color: #807c7c;
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  transition: color 180ms ease;
}

.sticky-header.is-over-dark .sticky-nav-link {
  color: rgba(255, 255, 255, 0.72);
}

.sticky-nav-link:hover,
.sticky-nav-link:focus-visible {
  color: #000;
}

.sticky-header.is-over-dark .sticky-nav-link:hover,
.sticky-header.is-over-dark .sticky-nav-link:focus-visible,
.sticky-header.is-over-dark .sticky-nav-consult {
  color: #fff;
}

.sticky-nav-consult {
  left: auto !important;
  width: auto;
  color: #000;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}

.sticky-text-hover {
  position: relative !important;
  overflow: visible;
  --hover-underline-width: 82%;
  --hover-underline-bottom: -4px;
}

.sticky-text-hover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: var(--hover-underline-bottom);
  width: var(--hover-underline-width);
  height: 1px;
  background: currentColor;
  opacity: 0;
  transform: translateX(-50%) scaleX(0.72);
  transform-origin: center;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

.sticky-text-hover:hover::after,
.sticky-text-hover:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

.frame-wrap {
  position: relative;
  width: min(calc(1440px * var(--scale)), 100%);
  max-width: 100%;
  height: 5940px;
  margin: 0 auto;
  contain: layout paint;
  overflow-x: hidden !important;
  overflow-y: visible;
}

.figma-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 1440px;
  height: 5940px;
  overflow: hidden;
  background: transparent;
  transform: scale(var(--scale));
  transform-origin: top left;
}

.figma-frame * {
  position: absolute;
}

.scroll-anchor {
  width: 1px;
  height: 1px;
  left: 0;
  pointer-events: none;
  scroll-margin-top: 92px;
  z-index: -1;
}

.scroll-anchor-shift {
  top: 900px;
}

.scroll-anchor-how {
  top: 2992px;
}

.scroll-anchor-consultation {
  top: 5100px;
}

.figma-frame section,
.figma-frame article,
.figma-frame nav,
.figma-frame form,
.figma-frame footer,
.brand-link {
  display: contents;
}

.hero-arch-picture {
  display: contents;
  position: static !important;
}

.image-7-hero {
  width: 1660px;
  height: 1068px;
  left: -185px;
  top: 112px;
  object-fit: cover;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 24%, #000 100%);
  z-index: 2;
}

.rect-50 {
  width: 1440px;
  height: 900px;
  left: 0;
  top: 4646px;
  background: #fff;
  z-index: 0;
  display: none;
}

.rect-gradient-problem {
  width: 1440px;
  height: 1687px;
  left: 0;
  top: 2568px;
  background: linear-gradient(180deg, #060606 16.35%, #838383 30.29%, #c1c1c1 40.87%, #fff 95.19%);
  z-index: 0;
  display: none;
}

.rect-gradient-shift {
  width: 1440px;
  height: 1507px;
  left: 0;
  top: 1061px;
  background: linear-gradient(180deg, #fff 34.13%, #a8a8a8 70.19%, #707070 84.13%, #000 100%);
  z-index: 0;
  display: none;
}

.rect-gradient-consult {
  width: 1440px;
  height: 965px;
  left: 0;
  top: 4900px;
  background: linear-gradient(180deg, #fff 0%, #838383 22.12%, #414141 32.21%, #000 48.56%);
  z-index: 0;
  display: none;
}

/* Hero */

.brand-link,
.nav,
.hero-title,
.hero-subtitle,
.hero-button,
.hero-learn,
.line-top,
.hero-divider {
  z-index: 10;
}

.figma-frame .rect-17,
.figma-frame .rect-18,
.figma-frame .wordmark,
.figma-frame .nav,
.figma-frame .line-top {
  display: none;
}

.rect-17 {
  width: 34px;
  height: 27px;
  left: 25px;
  top: 47px;
  overflow: visible;
  background: #000;
}

.rect-17::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 11px;
  width: 18px;
  height: 19px;
  background: #fff;
  pointer-events: none;
}

.rect-18 {
  display: none;
  width: 18px;
  height: 20px;
  left: 28px;
  top: 57.5px;
  background: #fff;
}

.wordmark {
  width: 308px;
  height: 62px;
  left: 69px;
  top: 43px;
  color: #000;
  font-family: var(--serif-sc);
  font-size: 25px;
  font-weight: 400;
  line-height: 33px;
  letter-spacing: 0.1em;
}

.line-top {
  width: 1728px;
  height: 0;
  left: -186px;
  top: 79px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.nav {
  width: auto;
  height: auto;
  color: #807c7c;
  font-family: var(--serif);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  white-space: nowrap;
  transition: color 180ms ease;
}

.hero-section > nav {
  left: 830px;
  top: 47px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 50px;
  width: 488px;
  height: 27px;
}

.hero-section > nav .nav {
  position: relative;
  left: auto;
  top: auto;
}

.nav-shift {
  left: auto;
  width: auto;
  text-align: center;
}

.nav-how {
  left: auto;
  width: auto;
  text-align: center;
}

.nav:hover,
.nav:focus-visible {
  color: #000;
}

.nav-consult {
  left: auto;
  width: auto;
  color: #000;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}

.text-hover {
  overflow: visible;
  --hover-underline-width: 82%;
  --hover-underline-bottom: -4px;
}

.text-hover::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: var(--hover-underline-bottom);
  width: var(--hover-underline-width);
  height: 1px;
  background: currentColor;
  opacity: 0;
  transform: translateX(-50%) scaleX(0.72);
  transform-origin: center;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

.text-hover:hover::after,
.text-hover:focus-visible::after {
  opacity: 1;
  transform: translateX(-50%) scaleX(1);
}

.hero-title {
  width: 820px;
  height: 236px;
  left: 25px;
  top: 240px;
  margin: 0;
  color: #000;
  font-family: var(--serif);
  font-size: 98px;
  font-weight: 400;
  line-height: 118px;
}

.hero-title .mobile-title-line {
  position: static;
  display: block;
}

.hero-subtitle {
  width: 720px;
  height: 46px;
  left: 32px;
  top: 516px;
  margin: 0;
  color: #5f5f5f;
  font-family: var(--sans);
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
}

.hero-subtitle-line {
  position: static;
  display: block;
}

.hero-divider {
  display: none;
  width: 720px;
  height: 0;
  left: 32px;
  top: 592px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.hero-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 215px;
  height: 49px;
  left: 32px;
  top: 606px;
  border-radius: 10px;
  background: #000;
  box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
  color: #fff;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  transition: background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.hero-button:hover,
.hero-button:focus-visible {
  background: #141414;
  box-shadow: -1px 5px 9px rgba(0, 0, 0, 0.26), 0 18px 34px rgba(0, 0, 0, 0.14);
  transform: translateY(-2px);
}

.hero-learn {
  width: 216px;
  height: 27px;
  left: 213px;
  top: 617px;
  color: #000;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  --hover-underline-width: 92px;
  --hover-underline-bottom: -5px;
}

@media (min-width: 1441px) {
  .sticky-mark,
  .rect-17 {
    left: 95px;
  }

  .sticky-mark-hole,
  .rect-18 {
    left: 98px;
  }

  .sticky-wordmark,
  .wordmark {
    left: 139px;
  }

  .image-7-hero {
    width: 1600px;
    height: 1028px;
    left: -120px;
    top: 120px;
  }

  .hero-title {
    left: 95px;
  }

  .hero-subtitle,
  .hero-divider,
  .hero-button {
    left: 102px;
  }

  .hero-learn {
    left: 283px;
  }
}

/* Cards and labels */

.card-bg {
  background: #fff;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  transition: box-shadow 220ms ease, transform 220ms ease;
  z-index: 2;
}

.card-bg:hover,
.figma-frame:has(.shift-card-1:hover) .card-bg-shift-1,
.figma-frame:has(.shift-card-2:hover) .card-bg-shift-2,
.figma-frame:has(.shift-card-3:hover) .card-bg-shift-3,
.figma-frame:has(.solution-card-1:hover) .card-bg-solution-1,
.figma-frame:has(.solution-card-2:hover) .card-bg-solution-2 {
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18), -1px 1px 5px rgba(0, 0, 0, 0.18);
  transform: translateY(-2px);
}

.card-bg-shift-1 {
  width: 1172px;
  height: 459px;
  left: 134px;
  top: 942px;
}

.card-bg-shift-2 {
  width: 1172px;
  height: 459px;
  left: 134px;
  top: 1418px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
}

.card-bg-shift-3 {
  width: 1172px;
  height: 462px;
  left: 134px;
  top: 1894px;
}

.label-dot {
  width: 20px;
  height: 20px;
  background: #5f5f5f;
  z-index: 5;
}

.label {
  width: auto;
  height: 20px;
  color: #5f5f5f;
  font-family: var(--sans);
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  z-index: 5;
}

.why-mobile-heading {
  display: none;
}

.dot-s1 {
  left: 178px;
  top: 1047px;
}

.label-s1 {
  left: 205px;
  top: 1047px;
}

.dot-s2 {
  left: 737px;
  top: 1524px;
}

.label-s2 {
  left: 764px;
  top: 1524px;
}

.dot-s3 {
  left: 178px;
  top: 2011px;
}

.label-s3 {
  left: 205px;
  top: 2011px;
}

.shift-title {
  width: 524px;
  height: 94px;
  margin: 0;
  color: #000;
  font-family: var(--serif);
  font-size: 35px;
  font-weight: 400;
  line-height: 47px;
  z-index: 5;
}

.shift-title-1 {
  left: 176px;
  top: 1088px;
}

.shift-title-2 {
  left: 737px;
  top: 1563px;
}

.shift-title-3 {
  left: 176px;
  top: 2052px;
}

.shift-body {
  width: 441px;
  margin: 0;
  color: #5f5f5f;
  font-family: var(--sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  z-index: 5;
}

.shift-body-1 {
  height: 52px;
  left: 176px;
  top: 1203px;
}

.shift-body-2 {
  height: 52px;
  left: 737px;
  top: 1678px;
}

.shift-body-3 {
  height: 78px;
  left: 176px;
  top: 2167px;
}

.pill {
  width: 442px;
  height: 45px;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  z-index: 5;
}

.pill-1 {
  left: 755px;
  top: 1016px;
}

.pill-2 {
  left: 829px;
  top: 1155px;
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.pill-3 {
  left: 755px;
  top: 1287px;
}

.circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  z-index: 6;
}

.circle-1 {
  left: 1155px;
  top: 1024px;
}

.circle-2 {
  left: 841px;
  top: 1163px;
}

.circle-3 {
  left: 1155px;
  top: 1295px;
}

.arrow {
  width: 30px;
  height: 30px;
  border: 0;
  background: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 21V9M9.5 14.5L15 9L20.5 14.5' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 30px 30px no-repeat;
  z-index: 7;
}

.arrow::before {
  content: none;
}

.arrow::after {
  content: none;
}

.arrow-1 {
  left: 1155px;
  top: 1024px;
}

.arrow-2 {
  left: 841px;
  top: 1163px;
}

.arrow-3 {
  left: 1155px;
  top: 1295px;
}

.ai-icon {
  object-fit: contain;
  filter: grayscale(1);
  z-index: 7;
}

.ai-icon-1 {
  width: 33px;
  height: 33px;
  left: 1220px;
  top: 1021px;
}

.ai-icon-2 {
  width: 40px;
  height: 40px;
  left: 766px;
  top: 1158px;
}

.ai-icon-3 {
  width: 54px;
  height: 54px;
  left: 1210px;
  top: 1283px;
}

.trust-panel {
  width: 399px;
  height: 316px;
  left: 200px;
  top: 1509px;
  border: 1px solid #dbdbdb;
  border-radius: 10px;
  background: #fff;
  box-shadow: none;
  z-index: 4;
}

.trust-caption {
  width: 344px;
  height: 20px;
  left: 200px;
  top: 1470px;
  margin: 0;
  color: #807c7c;
  font-family: var(--sans);
  font-size: 15px;
  line-height: 20px;
  z-index: 5;
}

.trust-title {
  margin: 0;
  color: #000;
  font-family: var(--serif);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  z-index: 5;
}

.trust-title-1 {
  width: 205px;
  left: 229px;
  top: 1535px;
}

.trust-title-2 {
  width: 140px;
  left: 229px;
  top: 1634px;
}

.trust-title-3 {
  width: 145px;
  left: 229px;
  top: 1723px;
}

.trust-bar {
  width: 69px;
  height: 13px;
  border-radius: 20px;
  background: #5f5f5f;
  z-index: 5;
}

.trust-bar.empty {
  background: #f5f5f5;
  border: 0.5px solid #dbdbdb;
}

.bar-1 { left: 229px; top: 1586px; }
.bar-2 { left: 229px; top: 1680px; }
.bar-3 { left: 229px; top: 1769px; }
.bar-4 { left: 315px; top: 1586px; }
.bar-5 { left: 315px; top: 1680px; }
.bar-6 { left: 315px; top: 1769px; }
.bar-7 { left: 401px; top: 1586px; }
.bar-8 { left: 401px; top: 1680px; }
.bar-9 { left: 401px; top: 1769px; }
.bar-10 { left: 487px; top: 1586px; }
.bar-11 { left: 487px; top: 1680px; }
.bar-12 { left: 487px; top: 1769px; }

.answer-query {
  width: 430px;
  height: 55px;
  left: 743px;
  top: 2044px;
  display: flex;
  align-items: center;
  padding-left: 26px;
  background: #000;
  border-radius: 0 24px 24px 24px;
  color: #fff;
  font-family: var(--sans);
  font-size: 20px;
  line-height: 26px;
  z-index: 5;
}

.sourcing {
  width: 164px;
  height: 26px;
  left: 1087px;
  top: 2145px;
  margin: 0;
  color: #807c7c;
  font-family: var(--sans);
  font-size: 20px;
  line-height: 26px;
  z-index: 5;
}

.source-dot {
  width: 20px;
  height: 20px;
  top: 2181px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 15px;
  z-index: 5;
}

.source-dot-1 {
  left: 1125px;
  background: #000;
  color: #fff;
  font-family: "Times New Roman", serif;
  line-height: 17px;
}

.source-dot-2 {
  left: 1150px;
  background: #d9d9d9;
  color: #000;
  font-family: "Tiny5", var(--sans);
  line-height: 17px;
}

.source-dot-3 {
  left: 1175px;
  background: #807c7c;
  color: #fff;
  font-family: var(--sans);
  font-weight: 500;
  line-height: 20px;
}

.source-more {
  width: 50px;
  height: 17px;
  left: 1201px;
  top: 2183px;
  color: #5f5f5f;
  font-family: var(--sans);
  font-size: 13px;
  line-height: 17px;
  z-index: 5;
}

@media (min-width: 761px) {
  .shift-card-2 .answer-query {
    left: 200px;
    top: 1570px;
  }

  .shift-card-2 .sourcing {
    left: 466px;
    top: 1664px;
  }

  .shift-card-2 .source-dot {
    top: 1700px;
  }

  .shift-card-2 .source-dot-1 {
    left: 504px;
  }

  .shift-card-2 .source-dot-2 {
    left: 529px;
  }

  .shift-card-2 .source-dot-3 {
    left: 554px;
  }

  .shift-card-2 .source-more {
    left: 580px;
    top: 1702px;
  }

  .shift-card-3 .trust-panel {
    left: 813px;
    top: 1986px;
  }

  .shift-card-3 .trust-caption {
    left: 813px;
    top: 1947px;
  }

  .shift-card-3 .trust-title-1 {
    left: 842px;
    top: 2012px;
  }

  .shift-card-3 .trust-title-2 {
    left: 842px;
    top: 2111px;
  }

  .shift-card-3 .trust-title-3 {
    left: 842px;
    top: 2200px;
  }

  .shift-card-3 .bar-1,
  .shift-card-3 .bar-4,
  .shift-card-3 .bar-7,
  .shift-card-3 .bar-10 {
    top: 2063px;
  }

  .shift-card-3 .bar-2,
  .shift-card-3 .bar-5,
  .shift-card-3 .bar-8,
  .shift-card-3 .bar-11 {
    top: 2157px;
  }

  .shift-card-3 .bar-3,
  .shift-card-3 .bar-6,
  .shift-card-3 .bar-9,
  .shift-card-3 .bar-12 {
    top: 2246px;
  }

  .shift-card-3 .bar-1,
  .shift-card-3 .bar-2,
  .shift-card-3 .bar-3 {
    left: 842px;
  }

  .shift-card-3 .bar-4,
  .shift-card-3 .bar-5,
  .shift-card-3 .bar-6 {
    left: 928px;
  }

  .shift-card-3 .bar-7,
  .shift-card-3 .bar-8,
  .shift-card-3 .bar-9 {
    left: 1014px;
  }

  .shift-card-3 .bar-10,
  .shift-card-3 .bar-11,
  .shift-card-3 .bar-12 {
    left: 1100px;
  }
}

/* Problem */

.dot-problem {
  left: 178px;
  top: 2534px;
  background: #dbdbdb;
}

.label-problem {
  left: 205px;
  top: 2534px;
  color: #dbdbdb;
}

.problem-text {
  width: 1128px;
  height: 235px;
  left: 178px;
  top: 2586px;
  margin: 0;
  color: #fff;
  font-family: var(--serif);
  font-size: 33px;
  font-weight: 400;
  line-height: 45px;
  z-index: 5;
}

.problem-line {
  position: static !important;
  display: block;
  white-space: nowrap;
}

.problem-line + .problem-line {
  margin-top: 47px;
}

/* Solution */

.card-bg-solution-1 {
  width: 1172px;
  height: 555px;
  left: 134px;
  top: 2992px;
  z-index: 2;
}

.card-bg-solution-2 {
  width: 1172px;
  height: 555px;
  left: 134px;
  top: 3581px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

.dot-phase1 {
  left: 176px;
  top: 3166px;
}

.label-phase1 {
  left: 203px;
  top: 3166px;
}

.dot-phase2 {
  left: 176px;
  top: 3742px;
}

.label-phase2 {
  left: 203px;
  top: 3742px;
}

.solution-title {
  width: 1087px;
  height: 47px;
  left: 176px;
  margin: 0;
  color: #000;
  font-family: var(--serif);
  font-size: 35px;
  font-weight: 400;
  line-height: 47px;
  z-index: 5;
}

.solution-title-1 {
  top: 3208px;
}

.solution-title-2 {
  top: 3784px;
}

.solution-copy {
  width: 433px;
  margin: 0;
  color: #707070;
  font-family: var(--sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  z-index: 5;
}

.solution-copy-1 {
  height: 78px;
  left: 176px;
  top: 3269px;
}

.solution-copy-2 {
  height: 130px;
  left: 176px;
  top: 3845px;
}

.output {
  width: 645px;
  margin: 0;
  color: #000;
  font-family: "Times New Roman", Georgia, serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 29px;
  z-index: 5;
}

.output .output-number {
  position: static;
  display: inline;
  color: #5f5f5f;
}

.output-body {
  width: 588px;
  margin: 0;
  color: #707070;
  font-family: var(--sans);
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  z-index: 5;
}

.output-line {
  width: 588px;
  height: 0;
  left: 690px;
  border-top: 1px solid #d9d9d9;
  z-index: 5;
}

.output-1 { height: 33px; left: 690px; top: 3033px; }
.output-body-1 { height: 52px; left: 690px; top: 3080px; }
.output-line-1 { top: 3177px; }
.output-2 { height: 33px; left: 690px; top: 3220px; }
.output-body-2 { height: 78px; left: 690px; top: 3267px; }
.output-line-2 { top: 3362px; }
.output-3 { height: 66px; left: 690px; top: 3396px; }
.output-body-3 { height: 52px; left: 690px; top: 3443px; }
.output-4 { height: 33px; left: 690px; top: 3622px; }
.output-body-4 { height: 52px; left: 690px; top: 3669px; }
.output-line-3 { top: 3766px; }
.output-5 { height: 33px; left: 690px; top: 3809px; }
.output-body-5 { height: 52px; left: 690px; top: 3856px; }
.output-line-4 { top: 3951px; }
.output-6 { height: 62px; left: 690px; top: 3985px; }
.output-body-6 { height: 52px; left: 690px; top: 4032px; }

/* Why */

.dot-why {
  left: 176px;
  top: 4217px;
}

.label-why {
  left: 203px;
  top: 4217px;
}

.why-kicker {
  width: 590px;
  height: 40px;
  left: 425px;
  top: 4778px;
  margin: 0;
  color: #6f6f6f;
  font-family: var(--sans);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  z-index: 5;
}

.delphic-mark-table {
  width: 36px;
  height: 27px;
  left: 972px;
  top: 4270px;
  overflow: visible;
  background: #000;
  z-index: 5;
}

.delphic-mark-table::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 11px;
  width: 19px;
  height: 19px;
  background: #fff;
  pointer-events: none;
}

.delphic-mark-table-hole {
  display: none;
  width: 19px;
  height: 20px;
  left: 975px;
  top: 4281px;
  background: #fff;
  z-index: 6;
}

.table-head {
  width: 226px;
  height: 47px;
  top: 4259px;
  margin: 0;
  font-family: var(--serif);
  font-size: 35px;
  font-weight: 400;
  line-height: 47px;
  text-align: center;
  z-index: 5;
}

.table-head-standard {
  left: 435px;
  color: #707070;
}

.table-head-delphic {
  width: 160px;
  left: 1021px;
  color: #000;
  text-align: left;
}

.table-line {
  width: 1171px;
  height: 0;
  left: 134px;
  border-top: 1px solid #d9d9d9;
  z-index: 5;
}

.table-line-1 { top: 4328px; }
.table-line-2 { left: 135px; top: 4428px; }
.table-line-3 { top: 4528px; }
.table-line-4 { top: 4628px; }

.table-row-label {
  margin: 0;
  color: #000;
  font-family: var(--serif);
  font-size: 20px;
  line-height: 27px;
  z-index: 5;
}

.built { width: 94px; height: 27px; left: 176px; top: 4350px; }
.goals { width: 57px; height: 27px; left: 176px; top: 4450px; }
.strategy { width: 94px; height: 27px; left: 176px; top: 4550px; }
.delivery { width: 94px; height: 27px; left: 176px; top: 4650px; }

.table-standard,
.table-delphic {
  margin: 0;
  font-family: var(--sans);
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  z-index: 5;
}

.table-standard {
  color: #5f5f5f;
}

.table-delphic {
  color: #000;
}

.standard-1 { width: 360px; height: 48px; left: 368px; top: 4350px; }
.standard-2 { width: 360px; height: 24px; left: 368px; top: 4450px; }
.standard-3 { width: 360px; height: 48px; left: 368px; top: 4550px; }
.standard-4 { width: 360px; height: 24px; left: 368px; top: 4650px; }
.delphic-1 { width: 430px; height: 48px; left: 845px; top: 4350px; }
.delphic-2 { width: 430px; height: 48px; left: 845px; top: 4450px; }
.delphic-3 { width: 430px; height: 48px; left: 845px; top: 4550px; }
.delphic-4 { width: 430px; height: 48px; left: 845px; top: 4650px; }

/* Consultation */

.dot-consult {
  left: 178px;
  top: 5265px;
  background: #d9d9d9;
}

.label-consult {
  left: 205px;
  top: 5265px;
  color: #d9d9d9;
}

.consult-title {
  width: 598px;
  height: 47px;
  left: 176px;
  top: 5310px;
  margin: 0;
  color: #fff;
  font-family: var(--serif);
  font-size: 35px;
  font-weight: 400;
  line-height: 47px;
  z-index: 5;
}

.consult-copy {
  width: 574px;
  height: 130px;
  left: 176px;
  top: 5388px;
  margin: 0;
  color: #d9d9d9;
  font-family: var(--sans);
  font-size: 20px;
  line-height: 26px;
  z-index: 5;
}

.form-border {
  width: 461px;
  height: 446px;
  left: 825px;
  top: 5188px;
  border: 0.5px solid #fff;
  border-radius: 10px;
  z-index: 4;
}

.field-label {
  width: 368px;
  height: 27px;
  left: 870px;
  color: #fff;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  z-index: 6;
}

.field-label-email { top: 5235px; }
.field-label-site { top: 5337px; }
.field-label-phone { top: 5439px; }

.field {
  width: 368px;
  height: 31px;
  left: 870px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font-family: var(--sans);
  font-size: 15px;
  line-height: 20px;
  z-index: 6;
}

.field::placeholder {
  color: #a8a8a8;
  opacity: 1;
}

.field:focus {
  border-bottom-color: #d9d9d9;
}

.field.field-invalid {
  border-bottom-color: #ffd6d6;
}

.field-email { top: 5269px; }
.field-site { top: 5371px; }
.field-phone { top: 5473px; }

.field-error {
  width: 368px;
  min-height: 18px;
  left: 870px;
  margin: 0;
  font-family: var(--sans);
  color: #ffd6d6;
  font-size: 13px;
  line-height: 18px;
  z-index: 6;
}

.field-error:empty {
  display: none;
}

.field-error-email { top: 5303px; }
.field-error-site { top: 5405px; }

.hp-label,
.hp-field {
  display: none !important;
}

.request-button {
  width: 291px;
  height: 49px;
  left: 909px;
  top: 5551px;
  border: 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: -1px 3px 4px rgba(0, 0, 0, 0.25);
  color: #000;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 400;
  line-height: 27px;
  text-align: center;
  z-index: 6;
  transition: background 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}

.request-button:hover,
.request-button:focus-visible {
  background: #ececec;
  box-shadow: -1px 4px 8px rgba(0, 0, 0, 0.22);
  transform: translateY(-2px);
}

.request-button:disabled {
  cursor: wait;
  opacity: 0.72;
  transform: none;
}

.form-status {
  width: 430px;
  min-height: 18px;
  left: 840px;
  top: 5609px;
  margin: 0;
  color: #d9d9d9;
  font-family: var(--sans);
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  z-index: 6;
}

.form-status:empty {
  display: none;
}

.form-status-error {
  color: #ffd6d6;
}

.form-status-success {
  color: #fff;
}

.footer-bg {
  width: 1440px;
  height: 75px;
  left: 0;
  top: 5865px;
  background: #fff;
  z-index: 5;
}

.footer p,
.footer a {
  width: 632px;
  height: 20px;
  top: 5902px;
  margin: 0;
  color: #000;
  font-family: var(--sans);
  font-size: 15px;
  line-height: 20px;
  z-index: 6;
}

.footer p {
  left: 134px;
}

.footer a {
  left: 674px;
  text-align: right;
}

@media (max-width: 900px) {
  :root {
    --scale: calc(100vw / 1440px);
  }

  .frame-wrap {
    height: 412.5vw;
  }
}

@media (min-width: 901px) and (max-width: 1439px) {
  :root {
    --scale: calc(100vw / 1440px);
  }

  .frame-wrap {
    height: 412.5vw;
  }
}

@media (max-width: 760px) {
  :root {
    --scale: 1;
  }

  html,
  body {
    overflow-x: hidden !important;
  }

  body {
    background: #fff;
    background-image: none;
    color: #000;
  }

  .sticky-header {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 74px;
    z-index: 20;
    overflow: visible;
    background: rgba(255, 255, 255, 0.88);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .sticky-header.is-over-dark {
    background: rgba(255, 255, 255, 0.88);
  }

  .sticky-header-inner {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 74px;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 22px 18px;
  }

  .sticky-header-inner * {
    position: static;
  }

  .sticky-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
  }

  .sticky-mark {
    position: relative;
    flex: 0 0 auto;
    width: 30px;
    height: 24px;
    left: auto;
    top: auto;
  }

  .sticky-header.is-over-dark .sticky-mark {
    background: #000;
  }

  .sticky-header.is-over-dark .sticky-mark::after {
    background: #fff;
  }

  .sticky-wordmark {
    width: auto;
    height: auto;
    color: #000;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.09em;
  }

  .sticky-header.is-over-dark .sticky-wordmark {
    color: #000;
  }

  .sticky-nav {
    display: none;
  }

  .frame-wrap {
    width: 100vw;
    max-width: 100vw;
    height: auto;
    margin: 0;
    contain: none;
    overflow: visible !important;
  }

  .figma-frame {
    position: relative;
    left: auto;
    top: auto;
    width: 100vw;
    max-width: 100vw;
    height: auto;
    min-height: 0;
    overflow: visible;
    background: #fff;
    transform: none;
  }

  .figma-frame * {
    position: static;
    max-width: 100%;
  }

  .figma-frame section,
  .figma-frame article,
  .figma-frame form,
  .figma-frame footer {
    display: block;
  }

  .brand-link,
  .hero-section > nav,
  .figma-frame .rect-17,
  .figma-frame .rect-18,
  .figma-frame .wordmark,
  .figma-frame .nav,
  .figma-frame .line-top,
  .card-bg,
  .rect-50,
  .rect-gradient-problem,
  .rect-gradient-shift,
  .rect-gradient-consult,
  .footer-bg,
  .scroll-anchor,
  .form-border {
    display: none !important;
  }

  .image-7-hero {
    position: absolute;
    top: 360px;
    right: 0;
    width: 390px;
    height: 360px;
    object-fit: cover;
    object-position: 100% 38%;
    opacity: 0.66;
    filter: saturate(0.92) contrast(0.96);
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 28%, #000 100%);
    z-index: 0;
    pointer-events: none;
  }

  .figma-frame .hero-section {
    position: relative;
    z-index: 1;
    width: 100vw;
    max-width: 100vw;
    min-height: clamp(650px, calc(100svh - 74px), 720px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 56px 22px 88px;
  }

  .hero-title {
    width: calc(100vw - 44px) !important;
    height: auto;
    max-width: min(12ch, calc(100vw - 44px)) !important;
    font-size: 45px;
    line-height: 1.03;
    z-index: 2;
  }

  .hero-subtitle {
    width: calc(100vw - 44px) !important;
    height: auto;
    max-width: 29ch !important;
    margin-top: 22px;
    color: #4f4f4f;
    font-size: 18px;
    line-height: 1.45;
    overflow-wrap: break-word;
    z-index: 2;
  }

  .hero-divider {
    display: block;
    width: 100%;
    height: 1px;
    margin: 28px 0 22px;
    border: 0;
    background: rgba(0, 0, 0, 0.12);
    z-index: 2;
  }

  .hero-button,
  .hero-learn {
    position: static;
    font-size: 18px;
    line-height: 24px;
  }

  .hero-button {
    display: inline-flex;
    position: relative;
    inset: auto;
    width: min(100%, 250px);
    height: 52px;
    border-radius: 10px;
    z-index: 2;
  }

  .hero-learn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
    inset: auto;
    width: auto;
    height: 38px;
    margin-top: 16px;
    padding: 0 13px 0 14px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.62);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    color: #000;
    font-size: 0;
    text-align: left;
    z-index: 2;
  }

  .hero-learn::before {
    content: "Scroll";
    font-family: var(--sans);
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .hero-learn::after {
    content: "↓";
    position: static;
    width: auto;
    height: auto;
    background: transparent;
    opacity: 1;
    transform: none;
    font-family: var(--serif);
    font-size: 18px;
    line-height: 1;
  }

  .figma-frame [aria-label="The shift"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100vw;
    max-width: 100vw;
    gap: 18px;
    padding: 0 18px 80px;
    background: linear-gradient(180deg, #fff 0%, #f4f4f4 36%, #a8a8a8 78%, #111 100%);
  }

  .shift-card {
    position: relative;
    display: block;
    width: calc(100vw - 36px) !important;
    max-width: 354px !important;
    min-width: 0;
    overflow: hidden;
    padding: 28px 24px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    background: #fff;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.18);
  }

  .label-dot {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 8px;
    vertical-align: middle;
  }

  .label {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 13px;
    line-height: 18px;
    vertical-align: middle;
  }

  .shift-title,
  .problem-text,
  .solution-title,
  .consult-title {
    width: calc(100vw - 84px) !important;
    height: auto;
    max-width: 15ch !important;
    margin: 0;
    overflow-wrap: break-word;
  }

  .shift-title {
    margin-top: 18px;
    font-size: 28px;
    line-height: 1.15;
  }

  .shift-body {
    width: calc(100vw - 84px) !important;
    height: auto;
    max-width: 30ch !important;
    margin-top: 16px;
    font-size: 17px;
    line-height: 1.48;
    overflow-wrap: break-word;
  }

  .shift-card-1 {
    min-height: 462px;
    padding-bottom: 206px;
  }

  .shift-card-1 .pill {
    position: absolute;
    top: auto;
    left: auto;
    width: 170px;
    height: 36px;
  }

  .shift-card-1 .pill-1 {
    right: 78px;
    bottom: 132px;
  }

  .shift-card-1 .pill-2 {
    right: 98px;
    bottom: 78px;
    transform: none;
  }

  .shift-card-1 .pill-3 {
    right: 78px;
    bottom: 24px;
  }

  .shift-card-1 .circle,
  .shift-card-1 .arrow,
  .shift-card-1 .ai-icon {
    position: absolute;
    top: auto;
    left: auto;
  }

  .shift-card-1 .circle {
    width: 27px;
    height: 27px;
  }

  .shift-card-1 .arrow {
    width: 27px;
    height: 27px;
    background-size: 27px 27px;
  }

  .shift-card-1 .circle-1,
  .shift-card-1 .arrow-1 {
    right: 92px;
    bottom: 136px;
  }

  .shift-card-1 .circle-2,
  .shift-card-1 .arrow-2 {
    left: 64px;
    bottom: 82px;
  }

  .shift-card-1 .circle-3,
  .shift-card-1 .arrow-3 {
    right: 92px;
    bottom: 28px;
  }

  .shift-card-1 .ai-icon-1 {
    right: 42px;
    bottom: 134px;
    width: 30px;
    height: 30px;
  }

  .shift-card-1 .ai-icon-2 {
    left: 24px;
    bottom: 80px;
    width: 34px;
    height: 34px;
  }

  .shift-card-1 .ai-icon-3 {
    right: 34px;
    bottom: 18px;
    width: 48px;
    height: 48px;
  }

  .shift-card-2 {
    min-height: 520px;
    padding-bottom: 306px;
  }

  .trust-panel,
  .trust-caption,
  .trust-title,
  .trust-bar {
    position: absolute;
    top: auto;
  }

  .trust-panel {
    left: 24px;
    right: 24px;
    bottom: 28px;
    width: auto;
    height: 246px;
  }

  .trust-caption {
    left: 24px;
    bottom: 288px;
    width: auto;
    height: auto;
    font-size: 13px;
  }

  .trust-title {
    left: 48px;
    width: auto;
    height: auto;
    font-size: 20px;
    line-height: 1.25;
  }

  .trust-title-1 { bottom: 226px; }
  .trust-title-2 { bottom: 148px; }
  .trust-title-3 { bottom: 70px; }

  .trust-bar {
    width: 52px;
    height: 11px;
  }

  .bar-1,
  .bar-2,
  .bar-3 {
    left: 48px;
  }

  .bar-4,
  .bar-5,
  .bar-6 {
    left: 112px;
  }

  .bar-7,
  .bar-8,
  .bar-9 {
    left: 176px;
  }

  .bar-10,
  .bar-11,
  .bar-12 {
    left: 240px;
  }

  .bar-1,
  .bar-4,
  .bar-7,
  .bar-10 {
    bottom: 202px;
  }

  .bar-2,
  .bar-5,
  .bar-8,
  .bar-11 {
    bottom: 124px;
  }

  .bar-3,
  .bar-6,
  .bar-9,
  .bar-12 {
    bottom: 46px;
  }

  .shift-card-3 {
    min-height: 392px;
    padding-bottom: 150px;
  }

  .answer-query,
  .sourcing,
  .source-dot,
  .source-more {
    position: absolute;
    top: auto;
  }

  .answer-query {
    left: 24px;
    right: 24px;
    bottom: 86px;
    width: auto;
    height: auto;
    min-height: 54px;
    padding: 14px 18px;
    border-radius: 0 22px 22px 22px;
    font-size: 16px;
    line-height: 1.35;
  }

  .sourcing {
    right: 24px;
    bottom: 50px;
    width: auto;
    height: auto;
    font-size: 16px;
    line-height: 1.35;
  }

  .source-dot {
    top: auto;
    bottom: 24px;
  }

  .source-dot-1 { left: auto; right: 126px; }
  .source-dot-2 { left: auto; right: 101px; }
  .source-dot-3 { left: auto; right: 76px; }

  .source-more {
    left: auto;
    right: 24px;
    top: auto;
    bottom: 26px;
  }

  .problem-section {
    width: 100vw;
    max-width: 100vw;
    padding: 82px 22px 96px;
    background: linear-gradient(180deg, #050505 0%, #262626 58%, #f7f7f7 100%);
  }

  .dot-problem {
    background: #dbdbdb;
  }

  .label-problem {
    background: transparent;
    color: #dbdbdb;
  }

  .problem-text {
    width: calc(100vw - 44px) !important;
    max-width: 18ch !important;
    margin-top: 24px;
    color: #fff;
    font-size: 28px;
    line-height: 1.28;
  }

  .problem-line {
    white-space: normal;
  }

  .figma-frame [aria-label="The solution"] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100vw;
    max-width: 100vw;
    gap: 18px;
    padding: 0 18px 76px;
    background: #f7f7f7;
  }

  .solution-card {
    position: relative;
    display: block;
    width: calc(100vw - 36px) !important;
    max-width: 354px !important;
    min-width: 0;
    padding: 28px 24px 30px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    background: #fff;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.16);
  }

  .solution-title {
    width: calc(100vw - 84px) !important;
    max-width: 12ch !important;
    margin-top: 18px;
    font-size: 31px;
    line-height: 1.16;
  }

  .solution-copy {
    width: calc(100vw - 84px) !important;
    height: auto;
    max-width: 30ch !important;
    margin-top: 14px;
    font-size: 17px;
    line-height: 1.48;
    overflow-wrap: break-word;
  }

  .output {
    width: calc(100vw - 84px) !important;
    height: auto;
    max-width: 28ch !important;
    margin-top: 28px;
    font-size: 22px;
    line-height: 1.22;
    overflow-wrap: break-word;
  }

  .output-body {
    width: calc(100vw - 84px) !important;
    height: auto;
    max-width: 30ch !important;
    margin-top: 8px;
    font-size: 16px;
    line-height: 1.45;
    overflow-wrap: break-word;
  }

  .output-line {
    width: 100%;
    height: 1px;
    margin-top: 22px;
    border: 0;
    background: #d9d9d9;
  }

  .figma-frame .why-section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100vw;
    max-width: 100vw;
    column-gap: 16px;
    row-gap: 8px;
    padding: 74px 22px 84px;
    background: #fff;
  }

  .dot-why,
  .delphic-mark-table,
  .delphic-mark-table-hole,
  .table-line {
    display: none;
  }

  .label-why {
    grid-column: 1 / -1;
    margin-bottom: 18px;
  }

  .table-head {
    width: auto;
    height: auto;
    margin: 0;
    font-size: 24px;
    line-height: 1.2;
    text-align: left;
  }

  .table-head-standard {
    grid-column: 1;
    grid-row: 2;
  }

  .table-head-delphic {
    grid-column: 2;
    grid-row: 2;
  }

  .table-row-label {
    grid-column: 1 / -1;
    width: auto;
    height: auto;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #d9d9d9;
    font-size: 19px;
    line-height: 1.3;
  }

  .table-standard,
  .table-delphic {
    width: 100% !important;
    height: auto;
    max-width: 100% !important;
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
    overflow-wrap: break-word;
  }

  .built { grid-row: 3; }
  .standard-1 { grid-column: 1; grid-row: 4; }
  .delphic-1 { grid-column: 2; grid-row: 4; }

  .goals { grid-row: 5; }
  .standard-2 { grid-column: 1; grid-row: 6; }
  .delphic-2 { grid-column: 2; grid-row: 6; }

  .strategy { grid-row: 7; }
  .standard-3 { grid-column: 1; grid-row: 8; }
  .delphic-3 { grid-column: 2; grid-row: 8; }

  .delivery { grid-row: 9; }
  .standard-4 { grid-column: 1; grid-row: 10; }
  .delphic-4 { grid-column: 2; grid-row: 10; }

  .figma-frame .why-section {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
    padding: 72px 22px 84px;
  }

  .table-head {
    display: none;
  }

  .label-why {
    margin-bottom: 4px;
  }

  .table-row-label {
    grid-column: 1;
    grid-row: auto !important;
    width: 100%;
    margin: 22px 0 4px;
    padding-top: 20px;
    border-top: 1px solid #d9d9d9;
    color: #000;
    font-size: 18px;
    line-height: 1.25;
  }

  .table-standard,
  .table-delphic {
    grid-column: 1 !important;
    grid-row: auto !important;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
    padding: 13px 14px 14px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.38;
    text-align: left;
  }

  .table-standard {
    background: #f6f6f6;
    border: 1px solid #e5e5e5;
    color: #5f5f5f;
  }

  .table-delphic {
    background: #fff;
    border: 1px solid #cfcfcf;
    border-left: 4px solid #000;
    color: #000;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  }

  .table-standard::before,
  .table-delphic::before {
    display: block;
    margin-bottom: 6px;
    font-family: var(--sans);
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }

  .table-standard::before {
    content: "Existing AEO";
    color: #807c7c;
  }

  .table-delphic::before {
    content: "Delphic";
    color: #000;
  }

  .built { order: 10; }
  .standard-1 { order: 11; }
  .delphic-1 { order: 12; }
  .goals { order: 20; }
  .standard-2 { order: 21; }
  .delphic-2 { order: 22; }
  .strategy { order: 30; }
  .standard-3 { order: 31; }
  .delphic-3 { order: 32; }
  .delivery { order: 40; }
  .standard-4 { order: 41; }
  .delphic-4 { order: 42; }

  .consultation-section {
    width: 100vw;
    max-width: 100vw;
    padding: 78px 22px 76px;
    background: linear-gradient(180deg, #fff 0%, #666 18%, #191919 42%, #000 100%);
  }

  .dot-consult {
    background: #d9d9d9;
  }

  .label-consult {
    background: transparent;
    color: #d9d9d9;
  }

  .consult-title {
    width: calc(100vw - 44px) !important;
    max-width: 18ch !important;
    margin-top: 24px;
    color: #fff;
    font-size: 30px;
    line-height: 1.18;
  }

  .consult-copy {
    width: calc(100vw - 44px) !important;
    height: auto;
    max-width: 32ch !important;
    margin-top: 18px;
    color: #d9d9d9;
    font-size: 16px;
    line-height: 1.5;
    overflow-wrap: break-word;
  }

  .figma-frame .consult-form {
    display: grid;
    gap: 10px;
    margin-top: 34px;
    padding: 24px 20px;
    border: 1px solid rgba(255, 255, 255, 0.72);
    border-radius: 10px;
  }

  .field-label {
    width: auto;
    height: auto;
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.35;
  }

  .field-label:first-child {
    margin-top: 0;
  }

  .field {
    width: 100%;
    height: 42px;
    padding: 0 0 8px;
    font-size: 16px;
    line-height: 1.4;
  }

  .field-error {
    width: 100%;
    min-height: 0;
    margin: -4px 0 4px;
    font-size: 13px;
    line-height: 1.35;
  }

  .form-status {
    width: 100%;
    min-height: 0;
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.35;
    text-align: center;
  }

  .request-button {
    width: 100%;
    height: 52px;
    margin-top: 18px;
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.35;
  }

  .figma-frame .footer {
    display: grid;
    width: 100vw;
    max-width: 100vw;
    gap: 8px;
    padding: 24px 22px 28px;
    background: #fff;
  }

  .footer p,
  .footer a {
    width: auto;
    height: auto;
    color: #000;
    font-size: 13px;
    line-height: 1.45;
    text-align: left;
  }
}

@media (min-width: 410px) and (max-width: 760px) {
  .shift-card,
  .solution-card {
    max-width: 394px !important;
  }
}

/* Mobile polish redesign */
@media (max-width: 760px) {
  body {
    background: #f6f6f5;
  }

  .sticky-header {
    height: 68px;
    background: #fff;
  }

  .sticky-header-inner {
    height: 68px;
    padding: 18px 22px 14px;
  }

  .sticky-mark {
    width: 28px;
    height: 22px;
    left: auto;
    top: auto;
  }

  .sticky-wordmark {
    font-size: 20px;
    line-height: 26px;
  }

  .figma-frame {
    background: #f6f6f5;
  }

  .figma-frame .hero-section {
    min-height: auto !important;
    padding: 40px 22px 54px;
    background: transparent;
  }

  .hero-title {
    width: min(100%, 12ch) !important;
    max-width: 12ch !important;
    font-size: clamp(41px, 11.1vw, 44px);
    line-height: 1.03;
  }

  .hero-subtitle {
    width: min(100%, 31ch) !important;
    max-width: 31ch !important;
    margin-top: 22px;
    font-size: 17px;
    line-height: 1.45;
  }

  .hero-divider {
    margin: 24px 0 18px;
  }

  .hero-button {
    width: min(100%, 250px);
    height: 50px;
    font-size: 18px;
  }

  .hero-learn {
    height: auto;
    margin-top: 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    color: #5f5f5f;
  }

  .hero-learn::before {
    content: "Scroll";
    font-size: 11px;
    letter-spacing: 0.12em;
  }

  .hero-learn::after {
    content: "↓";
    font-size: 17px;
  }

  .image-7-hero {
    top: 356px;
    right: -10px;
    width: min(96vw, 430px);
    height: 286px;
    object-position: 100% 0%;
    opacity: 0.72;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 34%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 34%, #000 100%);
    z-index: 1;
  }

  .figma-frame [aria-label="The shift"] {
    gap: 16px;
    padding: 28px 18px 72px;
    background: linear-gradient(180deg, #fff 0%, #f2f2f1 18%, #e4e4e2 64%, #1d1d1d 100%);
  }

  .shift-card {
    width: calc(100vw - 36px) !important;
    max-width: 720px !important;
    margin: 0 auto;
    padding: 28px 24px 30px;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1);
  }

  .label-dot {
    width: 11px;
    height: 11px;
    margin-right: 8px;
  }

  .label {
    color: #666;
    font-size: 13px;
    line-height: 18px;
  }

  .shift-title {
    width: 100% !important;
    max-width: 14ch !important;
    margin-top: 18px;
    font-size: 31px;
    line-height: 1.08;
  }

  .shift-body {
    width: 100% !important;
    max-width: 31ch !important;
    margin-top: 18px;
    color: #666;
    font-size: 16px;
    line-height: 1.5;
  }

  .shift-card-1 {
    min-height: auto !important;
    padding-bottom: 198px;
  }

  .shift-card-1 .pill {
    position: absolute;
    left: 50%;
    right: auto;
    width: 100%;
    max-width: 210px;
    height: 34px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    transform: translateX(-50%);
  }

  .shift-card-1 .pill-1 {
    bottom: 124px;
  }

  .shift-card-1 .pill-2 {
    bottom: 76px;
  }

  .shift-card-1 .pill-3 {
    bottom: 28px;
  }

  .shift-card-1 .circle,
  .shift-card-1 .arrow {
    width: 25px;
    height: 25px;
  }

  .shift-card-1 .arrow {
    background-size: 25px 25px;
  }

  .shift-card-1 .circle-1,
  .shift-card-1 .arrow-1 {
    left: calc(50% + 62px);
    right: auto !important;
    bottom: 128px;
  }

  .shift-card-1 .circle-2,
  .shift-card-1 .arrow-2 {
    left: calc(50% - 105px);
    right: auto !important;
    bottom: 80px;
  }

  .shift-card-1 .circle-3,
  .shift-card-1 .arrow-3 {
    left: calc(50% + 62px);
    right: auto !important;
    bottom: 32px;
  }

  .shift-card-1 .ai-icon-1 {
    left: calc(50% + 98px);
    right: auto !important;
    bottom: 126px;
    width: 30px;
    height: 30px;
  }

  .shift-card-1 .ai-icon-2 {
    left: calc(50% - 152px);
    right: auto !important;
    bottom: 78px;
    width: 34px;
    height: 34px;
  }

  .shift-card-1 .ai-icon-3 {
    left: calc(50% + 94px);
    right: auto !important;
    bottom: 22px;
    width: 44px;
    height: 44px;
  }

  .shift-card-2 {
    min-height: auto !important;
    padding-bottom: 280px;
  }

  .trust-caption {
    position: absolute;
    display: block;
    width: 100%;
    left: 24px;
    right: 24px;
    bottom: 248px;
    color: #7c7c7c;
    font-size: 13px;
    line-height: 1.35;
  }

  .trust-panel {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 28px;
    width: auto;
    height: 214px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
  }

  .trust-panel::before {
    content: "Author Credentials\A Methodology\A Track-record";
    position: absolute;
    left: 18px;
    top: 18px;
    color: #000;
    font-family: var(--serif);
    font-size: 19px;
    line-height: 62px;
    white-space: pre-line;
  }

  .trust-panel::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 56px;
    height: 142px;
    background:
      linear-gradient(90deg, #666 0 28%, transparent 28% 100%) 0 0 / 100% 10px no-repeat,
      linear-gradient(90deg, #666 0 28%, transparent 28% 100%) 64px 0 / 100% 10px no-repeat,
      linear-gradient(90deg, #666 0 28%, transparent 28% 100%) 128px 0 / 100% 10px no-repeat,
      linear-gradient(90deg, #eee 0 28%, transparent 28% 100%) 192px 0 / 100% 10px no-repeat,
      linear-gradient(90deg, #666 0 28%, transparent 28% 100%) 0 62px / 100% 10px no-repeat,
      linear-gradient(90deg, #666 0 28%, transparent 28% 100%) 64px 62px / 100% 10px no-repeat,
      linear-gradient(90deg, #eee 0 28%, transparent 28% 100%) 128px 62px / 100% 10px no-repeat,
      linear-gradient(90deg, #eee 0 28%, transparent 28% 100%) 192px 62px / 100% 10px no-repeat,
      linear-gradient(90deg, #666 0 28%, transparent 28% 100%) 0 124px / 100% 10px no-repeat,
      linear-gradient(90deg, #666 0 28%, transparent 28% 100%) 64px 124px / 100% 10px no-repeat,
      linear-gradient(90deg, #eee 0 28%, transparent 28% 100%) 128px 124px / 100% 10px no-repeat,
      linear-gradient(90deg, #eee 0 28%, transparent 28% 100%) 192px 124px / 100% 10px no-repeat;
    border-radius: 999px;
  }

  .trust-title,
  .trust-bar {
    display: none;
  }

  .shift-card-3 {
    min-height: auto !important;
    padding-bottom: 92px;
  }

  .answer-query {
    left: 24px;
    right: 24px;
    bottom: 82px;
    min-height: 48px;
    padding: 13px 16px;
    border-radius: 0 22px 22px 22px;
    font-size: 15px;
    line-height: 1.3;
  }

  .sourcing {
    display: none;
  }

  .source-dot {
    bottom: 30px;
  }

  .source-dot-1 { right: 120px; }
  .source-dot-2 { right: 95px; }
  .source-dot-3 { right: 70px; }

  .source-more {
    right: 22px;
    bottom: 31px;
  }

  .figma-frame .why-section {
    gap: 12px;
    padding: 72px 22px 80px;
    background: #f6f6f5;
  }

  .label-why {
    margin-bottom: 10px;
  }

  .table-row-label {
    margin: 28px 0 2px;
    padding-top: 18px;
    border-top: 1px solid #d7d7d4;
    color: #000;
    font-size: 18px;
  }

  .table-standard,
  .table-delphic {
    padding: 12px 14px 13px;
    border-radius: 7px;
    font-size: 14px;
    line-height: 1.38;
    box-shadow: none;
  }

  .table-standard {
    background: #ededeb;
    border: 1px solid #e2e2df;
  }

  .table-delphic {
    background: #fff;
    border: 1px solid #d6d6d2;
    border-left: 3px solid #000;
  }

  .table-standard::before,
  .table-delphic::before {
    margin-bottom: 5px;
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  .consultation-section {
    padding-top: 74px;
  }
}

.mobile-shift-graphic {
  display: none;
}

/* Mobile structural cleanup */
@media (max-width: 760px) {
  .image-7-hero {
    display: none !important;
  }

  .figma-frame .hero-section {
    overflow: hidden;
    padding: 40px 22px 224px;
    background: #fff;
  }

  .figma-frame .hero-section::after {
    content: "";
    position: absolute;
    right: -58px;
    bottom: 8px;
    width: 330px;
    height: 230px;
    background-image: url("visuals/hero-arch-desktop.webp");
    background-repeat: no-repeat;
    background-size: 430px auto;
    background-position: right top;
    opacity: 0.62;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 100%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 32%, #000 100%);
    pointer-events: none;
    z-index: 1;
  }

  .hero-title,
  .hero-subtitle,
  .hero-divider,
  .hero-button,
  .hero-learn {
    position: relative;
    inset: auto;
    z-index: 2;
  }

  .hero-title {
    width: min(100%, 11.4ch) !important;
    max-width: 11.4ch !important;
    font-size: clamp(40px, 10.7vw, 43px);
  }

  .hero-button {
    width: min(100%, 236px);
  }

  .figma-frame [aria-label="The shift"] {
    padding-top: 22px;
  }

  .shift-card {
    padding-bottom: 30px !important;
  }

  .shift-card .pill,
  .shift-card .circle,
  .shift-card .arrow,
  .shift-card .ai-icon,
  .trust-panel,
  .trust-caption,
  .trust-title,
  .trust-bar,
  .answer-query,
  .sourcing,
  .source-dot,
  .source-more {
    display: none !important;
  }

  .mobile-shift-graphic {
    display: block;
    width: 100%;
    margin-top: 30px;
  }

  .mobile-ai-route {
    display: grid;
    gap: 12px;
    padding: 3px 0 0;
  }

  .mobile-route-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding-right: 8px;
  }

  .mobile-route-row-offset {
    justify-content: flex-start;
    padding-left: 12px;
    padding-right: 0;
  }

  .mobile-route-line {
    flex: 0 1 172px;
    max-width: 172px;
    height: 31px;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
  }

  .mobile-route-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    font-family: var(--sans);
    font-size: 19px;
    line-height: 1;
  }

  .mobile-route-row img {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    object-fit: contain;
    filter: grayscale(1);
  }

  .mobile-trust-module {
    margin-top: 24px;
  }

  .mobile-trust-module p {
    margin: 0 0 10px;
    color: #807c7c;
    font-size: 13px;
    line-height: 1.35;
  }

  .mobile-trust-box {
    display: grid;
    gap: 18px;
    padding: 18px;
    border: 1px solid #d7d7d7;
    border-radius: 8px;
    background: #fff;
  }

  .mobile-trust-row {
    display: grid;
    gap: 9px;
  }

  .mobile-trust-row strong {
    color: #000;
    font-family: var(--serif);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
  }

  .mobile-trust-row span {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
  }

  .mobile-trust-row i {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: #666;
  }

  .mobile-trust-row i.empty {
    background: #f1f1f1;
    border: 1px solid #d8d8d8;
  }

  .mobile-citation-module {
    margin-top: 24px;
  }

  .mobile-query {
    padding: 14px 16px;
    border-radius: 0 22px 22px 22px;
    background: #000;
    color: #fff;
    font-family: var(--sans);
    font-size: 15px;
    line-height: 1.35;
  }

  .mobile-sources {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    margin-top: 16px;
    color: #5f5f5f;
    font-family: var(--sans);
    font-size: 13px;
  }

  .mobile-sources span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #d9d9d9;
    color: #000;
    font-size: 13px;
    line-height: 1;
  }

  .mobile-sources span:first-child {
    background: #000;
    color: #fff;
    font-family: "Times New Roman", serif;
  }

  .mobile-sources span:nth-child(3) {
    background: #807c7c;
    color: #fff;
  }
}

/* Mobile final layout reset */
@media (max-width: 760px) {
  body,
  .figma-frame {
    background: #f7f7f6;
  }

  .figma-frame .hero-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: calc(100svh - 68px) !important;
    overflow: hidden;
    padding: clamp(28px, 6svh, 56px) 22px 112px;
    background: #fff;
    text-align: center;
    isolation: isolate;
  }

  .sticky-header-inner {
    justify-content: center;
  }

  .figma-frame .hero-section::before {
    content: "";
    position: absolute;
    left: 50%;
    top: clamp(58px, 9svh, 86px);
    width: min(118vw, 480px);
    height: min(74svh, 650px);
    background-image: url("visuals/hero-arch-mobile-front.webp");
    background-repeat: no-repeat;
    background-size: min(112vw, 460px) auto;
    background-position: 50% 8%;
    opacity: 0.23;
    filter: grayscale(1) contrast(0.94) brightness(1.08);
    mix-blend-mode: multiply;
    -webkit-mask-image:
      radial-gradient(ellipse 86% 82% at 50% 43%, #000 0%, #000 42%, rgba(0, 0, 0, 0.64) 66%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 10%, #000 86%, transparent 100%);
    mask-image:
      radial-gradient(ellipse 86% 82% at 50% 43%, #000 0%, #000 42%, rgba(0, 0, 0, 0.64) 66%, transparent 100%),
      linear-gradient(180deg, transparent 0%, #000 10%, #000 86%, transparent 100%);
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 0;
  }

  .figma-frame .hero-section::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 38%;
    width: min(102vw, 410px);
    height: 300px;
    background:
      radial-gradient(ellipse at center, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.62) 42%, transparent 74%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
  }

  .hero-title,
  .hero-subtitle,
  .hero-divider,
  .hero-button,
  .hero-learn {
    position: relative;
    z-index: 1;
  }

  .hero-title {
    inset: auto !important;
    left: 0 !important;
    top: auto !important;
    right: 0 !important;
    bottom: auto !important;
    width: min(100%, 12ch) !important;
    max-width: calc(100vw - 48px) !important;
    margin-right: auto;
    margin-left: auto;
    font-size: clamp(32px, 8.8vw, 40px);
    line-height: 1.055;
    text-align: center;
  }

  .hero-title .mobile-title-line {
    display: block;
    white-space: normal;
  }

  .hero-subtitle {
    inset: auto;
    width: min(100%, 34ch) !important;
    max-width: calc(100vw - 48px) !important;
    margin: 22px auto 0;
    font-size: clamp(13px, 3.45vw, 16px);
    line-height: 1.42;
    overflow-wrap: normal;
    text-wrap: pretty;
  }

  .hero-subtitle-line {
    display: inline;
    white-space: normal;
  }

  .hero-divider {
    width: 100%;
    margin: 24px 0 18px;
  }

  .hero-button {
    display: inline-flex;
    width: min(100%, 236px);
    height: 50px;
    font-size: 17px;
    white-space: nowrap;
  }

  .hero-learn {
    position: absolute;
    left: 50%;
    right: auto;
    bottom: 22px;
    transform: translateX(-50%);
    margin: 0;
    gap: 7px;
    color: #666;
    white-space: nowrap;
  }

  .hero-learn::before {
    font-size: 10px;
    letter-spacing: 0.16em;
  }

  .hero-learn::after {
    font-size: 16px;
  }

  .figma-frame [aria-label="The shift"] {
    gap: 14px;
    padding: 20px 18px 72px;
    background: linear-gradient(180deg, #fff 0%, #f6f6f5 20%, #eeeeec 38%, #d3d3d1 58%, #858585 76%, #393939 91%, #141414 100%);
  }

  .problem-section {
    background: linear-gradient(180deg, #141414 0%, #101010 18%, #151515 60%, #242424 78%, #4d4d4b 88%, #d9d9d6 97%, #f7f7f6 100%);
  }

  .consultation-section {
    background: linear-gradient(180deg, #f7f7f6 0%, #eeeeec 5%, #d0d0cc 8%, #777 12%, #242424 20%, #0c0c0c 44%, #040404 72%, #000 100%);
  }

  .label-consult {
    color: #222;
  }

  .dot-consult {
    background: #222;
  }

  .figma-frame [aria-label="The solution"] {
    justify-items: center;
  }

  .shift-card {
    width: calc(100vw - 36px) !important;
    max-width: 390px !important;
    overflow: hidden;
    padding: 28px 24px 30px !important;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.09);
    text-align: center;
  }

  .solution-card {
    width: calc(100vw - 36px) !important;
    max-width: 390px !important;
    margin: 0 auto;
    justify-self: center;
  }

  .shift-title {
    max-width: 13.8ch !important;
    margin: 18px auto 0;
    font-size: clamp(30px, 8.4vw, 34px);
    line-height: 1.08;
  }

  .shift-body {
    max-width: 30ch !important;
    margin: 18px auto 0;
    font-size: 16px;
    line-height: 1.48;
  }

  .shift-card-2 .shift-title,
  .shift-card-3 .shift-title {
    max-width: 100% !important;
    font-size: clamp(28px, 7.4vw, 31px);
    line-height: 1.13;
  }

  .shift-card-2 .shift-body,
  .shift-card-3 .shift-body {
    max-width: 31ch !important;
    margin-top: 20px;
    line-height: 1.55;
  }

  .mobile-shift-graphic {
    width: 100%;
    max-width: 100%;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
  }

  .mobile-ai-route {
    display: grid;
    gap: 12px;
    padding: 6px 0 0;
  }

  .shift-card-1 .mobile-ai-route {
    padding-top: 18px;
  }

  .mobile-route-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 26px 30px;
    align-items: center;
    justify-self: center;
    width: min(100%, 252px);
    gap: 9px;
    padding: 0;
  }

  .mobile-route-row-offset {
    grid-template-columns: 30px 26px minmax(0, 1fr);
    justify-self: center;
    padding: 0;
  }

  .mobile-route-line {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 28px;
    border: 1px solid rgba(0, 0, 0, 0.045);
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.08);
  }

  .mobile-route-arrow {
    width: 26px;
    height: 26px;
    font-size: 17px;
  }

  .mobile-route-row img {
    width: 30px;
    height: 30px;
  }

  .mobile-trust-module {
    margin-top: 22px;
  }

  .mobile-trust-module p {
    margin-bottom: 11px;
    font-size: 13px;
  }

  .mobile-trust-box {
    width: 100%;
    max-width: 100%;
    gap: 17px;
    padding: 17px;
    overflow: hidden;
  }

  .mobile-trust-row {
    min-width: 0;
    gap: 8px;
  }

  .mobile-trust-row strong {
    font-size: 19px;
  }

  .mobile-trust-row span {
    min-width: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .mobile-trust-row i {
    min-width: 0;
    height: 9px;
  }

  .mobile-query {
    max-width: 100%;
    padding: 13px 15px;
    font-size: 14px;
    text-align: center;
  }

  .mobile-sources {
    justify-content: center;
    margin-top: 14px;
  }

  .shift-card-3 .mobile-citation-module {
    margin-top: 28px;
  }

  .problem-section,
  .solution-card,
  .figma-frame .why-section,
  .consultation-section,
  .figma-frame .footer {
    text-align: center;
  }

  .figma-frame .why-section {
    grid-template-columns: minmax(0, 1fr) 11px auto minmax(0, 1fr);
    justify-content: stretch;
    justify-items: stretch;
    column-gap: 9px;
    row-gap: 0;
    width: 100vw;
    max-width: 100vw;
    padding: 74px 22px 82px;
  }

  .dot-why {
    display: inline-block;
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: center;
    width: 11px;
    height: 11px;
    margin: 0;
    background: #5f5f5f;
  }

  .label-why {
    grid-column: 3;
    grid-row: 1;
    justify-self: start;
    align-self: center;
    margin: 0;
    color: #666;
  }

  .why-mobile-heading {
    display: block;
    grid-column: 1 / -1;
    width: 100%;
    max-width: calc(100vw - 44px);
    margin: 26px auto 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #d8d8d4;
    color: #000;
    font-family: var(--serif);
    font-size: clamp(27px, 7.4vw, 33px);
    font-weight: 400;
    line-height: 1.14;
    text-align: center;
    overflow-wrap: normal;
  }

  .why-mobile-heading span {
    position: static;
    display: block;
    white-space: nowrap;
  }

  .why-kicker {
    grid-column: 1 / -1;
    order: 50;
    width: min(100%, 31ch);
    height: auto;
    max-width: calc(100vw - 44px);
    margin: 32px auto 0;
    padding-top: 26px;
    padding-bottom: 0;
    border-top: 1px solid #d8d8d4;
    border-bottom: 0;
    color: #6a6a6a;
    font-size: 13px;
    font-style: normal;
    line-height: 1.45;
    text-align: center;
  }

  .table-row-label,
  .table-standard,
  .table-delphic {
    grid-column: 1 / -1 !important;
  }

  .table-row-label {
    width: 100% !important;
    margin: 34px 0 22px;
    padding-top: 26px;
    border-top: 1px solid #d8d8d4;
    color: #000;
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
  }

  .built {
    margin-top: 28px;
    padding-top: 0;
    border-top: 0;
  }

  .table-standard,
  .table-delphic {
    width: min(100%, 58ch) !important;
    max-width: calc(100vw - 88px) !important;
    min-height: 0;
    padding: 0 8px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    font-size: 16px;
    line-height: 1.45;
    text-align: center;
  }

  .table-standard {
    color: #5f5f5f;
  }

  .table-delphic {
    margin: 20px auto 0;
    color: #000;
  }

  .table-standard {
    margin-right: auto;
    margin-left: auto;
  }

  .table-standard::before {
    display: block;
    margin-bottom: 8px;
    color: #767676;
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .table-delphic::before {
    display: block;
    margin-bottom: 8px;
    color: #000;
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .problem-text,
  .solution-title,
  .solution-copy,
  .output,
  .output-body,
  .consult-title,
  .consult-copy {
    margin-right: auto;
    margin-left: auto;
  }

  .table-row-label,
  .table-standard,
  .table-delphic {
    text-align: center;
  }

  .footer p,
  .footer a {
    text-align: center;
  }

  .figma-frame .consult-form {
    text-align: left;
  }

  .field-label {
    text-align: center;
  }

  .field {
    text-align: left;
  }

  .field-error {
    text-align: left;
  }
}

@media (max-width: 430px) {
  .hero-title {
    font-size: clamp(29px, 8.2vw, 35px);
  }
}