._page_y1p4x_1 {
  --section-one-overlap: 35rem;

  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow-x: visible;
  background: #000000;
}

._textSection_y1p4x_11 {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(5rem, 10vw, 10rem) clamp(1.5rem, 6vw, 6rem);
  text-align: center;
}

._content_y1p4x_19 {
  position: relative;
  z-index: 1;
  isolation: isolate;
  margin-top: clamp(-3.5rem, -4vw, -1.5rem);
}

._contentAboveHero_y1p4x_26 {
  z-index: 3;
  margin-top: 0;
}

._audienceContent_y1p4x_31 {
  margin-top: -100vh;
  margin-top: -100svh;
}

._ambientVideo_y1p4x_36 {
  --websites-ambient-opacity: 0;
  --websites-ambient-translate-y: 1.4rem;

  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100vw;
  height: min(46vh, 32rem);
  overflow: hidden;
  pointer-events: none;
  opacity: var(--websites-ambient-opacity);
  background: #000000;
  transform: translate3d(0, var(--websites-ambient-translate-y), 0);
  transition: opacity 720ms ease-out, transform 900ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
  mask-image: linear-gradient(to bottom, transparent 0%, #000000 36%, #000000 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000000 36%, #000000 100%);
}

._ambientVideo_y1p4x_36 video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: blur(22px) saturate(0.76) brightness(0.7);
  transform: scale(1.12);
}

._textSectionContent_y1p4x_66 {
  width: min(100%, 54rem);
}

._textSectionHeading_y1p4x_70 {
  margin: 0;
  color: #ffffff;
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(2.4rem, 5vw, 3.75rem);
  font-weight: 700;
  line-height: 0.98;
  letter-spacing: -0.045em;
  text-wrap: balance;
}

._textSectionParagraph_y1p4x_81 {
  max-width: 43rem;
  margin: clamp(1.5rem, 3vw, 2.75rem) auto 0;
  color: #ababab;
  font-size: clamp(1.25rem, 3.2vw, 1.5rem);
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

._textSectionParagraph_y1p4x_81 + ._textSectionParagraph_y1p4x_81 {
  margin-top: 1rem;
}

._interactiveSection_y1p4x_96 ._textSectionContent_y1p4x_66 {
  width: min(100%, 64rem);
}

._interactiveSectionHint_y1p4x_100 {
  display: none;
  color: rgb(255 255 255 / 0.52);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

._flowerViewer_y1p4x_109 {
  position: relative;
  width: 45vw;
  aspect-ratio: 1;
  margin: clamp(2rem, 4vw, 3.5rem) auto 0;
  contain: layout paint style;
  touch-action: none;
}

._flowerViewerCanvas_y1p4x_118 {
  display: block;
  width: 100%;
  height: 100%;
  cursor: grab;
  outline: none;
}

._flowerViewerCanvas_y1p4x_118:active {
  cursor: grabbing;
}

._flowerViewerStatus_y1p4x_130,
._flowerViewerHint_y1p4x_131 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color: rgb(255 255 255 / 0.52);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-align: center;
  text-transform: uppercase;
  pointer-events: none;
}

._flowerViewerStatus_y1p4x_130 {
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
}

@media (orientation: landscape) {
  ._interactiveSection_y1p4x_96 ._textSectionContent_y1p4x_66 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 45vw;
    align-items: center;
    width: 100%;
    column-gap: clamp(2rem, 4vw, 5rem);
  }

  ._interactiveSection_y1p4x_96 ._textSectionCopy_y1p4x_160 {
    min-width: 0;
    text-align: left;
  }

  ._interactiveSection_y1p4x_96 ._textSectionParagraph_y1p4x_81 {
    margin-right: 0;
    margin-left: 0;
  }

  ._interactiveSectionHint_y1p4x_100 {
    display: inline-block;
    margin-top: clamp(1.5rem, 3vw, 2.75rem);
  }

  ._interactiveSection_y1p4x_96 ._flowerViewer_y1p4x_109 {
    justify-self: end;
    margin: 0;
  }

  ._interactiveSection_y1p4x_96 ._flowerViewerHint_y1p4x_131 {
    display: none;
  }
}

._worldSummary_y1p4x_185 {
  position: relative;
  padding: clamp(6rem, 12vw, 11rem) 0 clamp(4rem, 8vw, 8rem);
  overflow: hidden;
}

._worldSummaryHeading_y1p4x_191 {
  width: min(100% - 3rem, 54rem);
  margin: 0 auto;
  text-align: center;
}

._worldSummaryParagraph_y1p4x_197 {
  width: min(100% - 3rem, 43rem);
  text-align: center;
}

._sectionTwo_y1p4x_202 ._textSectionContent_y1p4x_66 {
  width: min(100%, 68rem);
  margin: 0 auto;
}

._sectionTwo_y1p4x_202 {
  display: block;
  min-height: 100svh;
  padding: max(
      clamp(5rem, 10vw, 10rem),
      var(--section-two-layer3-clearance, 0px)
    ) clamp(1.5rem, 6vw, 6rem) clamp(5rem, 10vw, 10rem);
}

._mapRouteScrollScene_y1p4x_216 {
  --map-route-height: clamp(10rem, 18vw, 13.5rem);
  --map-route-scroll-distance: 110svh;

  position: relative;
  height: calc(var(--map-route-height) + var(--map-route-scroll-distance));
  margin-top: clamp(3.25rem, 6vw, 5.25rem);
}

._mapRouteSticky_y1p4x_225 {
  position: sticky;
  top: calc(50svh - (var(--map-route-height) / 2));
  height: var(--map-route-height);
}

._mapRoute_y1p4x_216 {
  --map-route-progress: 0;

  position: relative;
  isolation: isolate;
  width: 80vw;
  max-width: none;
  height: var(--map-route-height);
  margin: 0 0 0 calc(50% - 40vw);
  color: rgb(226 245 255 / 0.92);
}

._mapRoute_y1p4x_216::before {
  position: absolute;
  inset: -28% -8%;
  z-index: -1;
  content: "";
  background:
    radial-gradient(ellipse 22% 72% at 18% 44%, rgb(153 224 255 / 0.08), transparent 72%),
    radial-gradient(ellipse 28% 88% at 72% 66%, rgb(206 180 255 / 0.07), transparent 74%);
  filter: blur(1.7rem);
  pointer-events: none;
}

._mapRouteDesktopLine_y1p4x_255,
._mapRouteMobileLine_y1p4x_256 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

._mapRouteDesktopLine_y1p4x_255 {
  clip-path: inset(0 calc((1 - var(--map-route-progress)) * 100%) 0 0);
}

._mapRouteDesktopLine_y1p4x_255 path,
._mapRouteMobileLine_y1p4x_256 path {
  fill: none;
  stroke-linecap: round;
}

._mapRouteLineGlow_y1p4x_274 {
  stroke: rgb(164 223 255 / 0.26);
  stroke-dasharray: 5 9;
  stroke-width: 8.5;
  filter: blur(0.38rem);
}

._mapRouteLine_y1p4x_274 {
  stroke: rgb(215 243 255 / 0.72);
  stroke-dasharray: 5 9;
  stroke-width: 3.4;
  filter:
    drop-shadow(0 0 0.32rem rgb(181 230 255 / 0.42))
    drop-shadow(0 0 0.8rem rgb(151 198 255 / 0.16));
}

._mapRouteMobileLine_y1p4x_256 {
  display: none;
  clip-path: inset(0 0 calc((1 - var(--map-route-progress)) * 100%) 0);
}

._mapRouteStops_y1p4x_295 {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

._mapRouteStop_y1p4x_295 {
  position: absolute;
  top: var(--route-y);
  left: var(--route-x);
  display: grid;
  place-items: center;
  opacity: clamp(0, calc((var(--map-route-progress) - var(--route-stop-progress)) * 9), 1);
  transform: translate(-50%, -50%) scale(clamp(0.72, calc(0.72 + ((var(--map-route-progress) - var(--route-stop-progress)) * 0.28)), 1));
}

._mapRoutePoint_y1p4x_313 {
  position: relative;
  width: 1.05rem;
  height: 1.05rem;
  box-sizing: border-box;
  border-radius: 50%;
  border: 1px solid rgb(232 247 255 / 0.78);
  background: linear-gradient(145deg, rgb(255 255 255 / 0.32), rgb(154 209 238 / 0.16));
  box-shadow:
    inset 0 1px 1px rgb(255 255 255 / 0.42),
    0 0 0 0.28rem rgb(188 228 255 / 0.06),
    0 0 0.75rem rgb(188 228 255 / 0.34);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

._mapRoutePoint_y1p4x_313::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.27rem;
  height: 0.27rem;
  border-radius: 50%;
  content: "";
  background: rgb(247 253 255 / 0.92);
  box-shadow: 0 0 0.34rem rgb(235 250 255 / 0.7);
  transform: translate(-50%, -50%);
}

._mapRouteLabel_y1p4x_342 {
  position: absolute;
  top: calc(100% + 0.85rem);
  left: 50%;
  color: rgb(231 244 250 / 0.76);
  font-size: clamp(0.69rem, 1.15vw, 0.8rem);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  text-shadow: 0 0 0.7rem rgb(175 221 255 / 0.18);
  transform: translateX(-50%);
}

._mapRouteStop_y1p4x_295:nth-child(2) ._mapRouteLabel_y1p4x_342,
._mapRouteStop_y1p4x_295:nth-child(3) ._mapRouteLabel_y1p4x_342 {
  top: auto;
  bottom: calc(100% + 0.85rem);
}

._mapRouteTreasure_y1p4x_361 {
  position: absolute;
  top: calc(84.8% + 10px);
  left: 100%;
  display: grid;
  justify-items: center;
  gap: 0.35rem;
  color: #ffffff;
  opacity: clamp(0, calc((var(--map-route-progress) - var(--route-stop-progress)) * 16), 1);
  transform: translate(-50%, -50%) scale(clamp(0.72, calc(0.72 + ((var(--map-route-progress) - var(--route-stop-progress)) * 0.28)), 1));
}

._mapRouteTreasure_y1p4x_361 span {
  display: block;
  font-family: "Mogra", cursive;
  font-size: clamp(2rem, 3.2vw, 2.8rem);
  font-weight: 400;
  line-height: 0.7;
  color: rgb(236 249 255 / 0.92);
  text-shadow: 0 0 0.55rem rgb(174 222 250 / 0.42);
}

._mapRouteTreasure_y1p4x_361 small {
  color: rgb(224 244 252 / 0.64);
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  text-shadow: 0 0 0.7rem rgb(175 221 255 / 0.22);
}

/* Website service story: everything below the existing hero */

._content_y1p4x_19 {
  /*
   * Keep the long-form story comfortably framed on large displays: 15% on
   * either side, while preserving a readable 34rem content column before the
   * viewport is wide enough to support that proportion.
   */
  --story-gutter: min(15vw, max(1.25rem, calc((100vw - 34rem) / 2)));
  --story-max-width: 100%;
  --story-section-space: clamp(6rem, 10vh, 10rem);
  --story-section-space-tight: clamp(3rem, 6vh, 5rem);
  --story-line: rgb(255 255 255 / 0.1);
  --story-muted: rgb(232 239 246 / 0.6);
  --story-blue: #9bd9ff;
  --story-violet: #bca4ff;

  color: #f7f9fb;
}

._storyHeading_y1p4x_412 {
  max-width: 12ch;
  margin: 0;
  color: #f9fafb;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.7rem, 5vw, 5.6rem);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: -0.058em;
  text-wrap: balance;
}

._storyEyebrow_y1p4x_424 {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: clamp(1.5rem, 3svh, 2.6rem);
  color: rgb(230 236 246 / 0.46);
  font-size: 0.64rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

._storyEyebrow_y1p4x_424 > span {
  display: grid;
  width: 1.8rem;
  aspect-ratio: 1;
  place-items: center;
  color: rgb(255 255 255 / 0.86);
  border: 1px solid rgb(255 255 255 / 0.17);
  border-radius: 50%;
  font-size: 0.55rem;
  letter-spacing: 0;
}

._storyCopy_y1p4x_448 {
  display: grid;
  gap: 1rem;
}

._storyCopy_y1p4x_448 p,
._productExplorerCopy_y1p4x_454 > p,
._pathsHeader_y1p4x_455 > p,
._systemsHeader_y1p4x_456 > p,
._foundationCopy_y1p4x_457 > p,
._finalStoryContent_y1p4x_458 > p {
  max-width: 39rem;
  margin: 0;
  color: rgb(229 234 242 / 0.62);
  font-size: clamp(0.98rem, 1.08vw, 1.16rem);
  line-height: 1.63;
  letter-spacing: -0.02em;
}

._anchorTarget_y1p4x_467 {
  position: absolute;
  top: 0;
  left: 0;
}

/* 01: Audience */

._audienceWorld_y1p4x_475 {
  --seed-crack: 0;
  --seed-open: 0;
  --plant-grow: 0;
  --blue-pulse: 0;
  --plant-aura: 0;

  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  margin-top: 0;
  padding-top: clamp(1rem, 3vw, 2.2rem);
  background: transparent;
}

._audienceSticky_y1p4x_490 {
  position: sticky;
  top: 0;
  width: min(100%, var(--story-max-width));
  min-height: 100svh;
  display: grid;
  grid-template-columns: minmax(0, 0.88fr) minmax(24rem, 1.12fr);
  align-items: center;
  gap: clamp(2.5rem, 7vw, 8rem);
  margin: 0 auto;
  padding: var(--story-section-space) var(--story-gutter) var(--story-section-space-tight);
  overflow: hidden;
}

._audienceCopy_y1p4x_504 {
  position: relative;
  z-index: 3;
  display: grid;
  align-content: center;
}

._audienceCopy_y1p4x_504 ._storyHeading_y1p4x_412 {
  width: max-content;
  max-width: none;
}

._audienceCopy_y1p4x_504 ._storyHeading_y1p4x_412 span {
  display: block;
  white-space: nowrap;
}

._audienceCopy_y1p4x_504 ._storyCopy_y1p4x_448 {
  max-width: 36rem;
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

._audiencePrinciples_y1p4x_526 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(2.2rem, 4vw, 4rem);
  border-top: 1px solid var(--story-line);
  opacity: clamp(0, calc((var(--audience-progress) - 0.72) * 5), 1);
  transform: translateY(calc((1 - var(--plant-aura)) * 1.2rem));
}

._audiencePrinciple_y1p4x_526 {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 0.46rem;
  padding: 1.1rem 1rem 0 0;
}

._audiencePrinciple_y1p4x_526 + ._audiencePrinciple_y1p4x_526 {
  border-left: 1px solid var(--story-line);
  padding-left: 1rem;
}

._audiencePrinciple_y1p4x_526 small {
  color: rgb(220 233 243 / 0.44);
  font-size: 0.62rem;
  line-height: 1.35;
}

._audiencePrinciple_y1p4x_526 strong {
  color: rgb(255 255 255 / 0.86);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

._seedStory_y1p4x_561 {
  position: relative;
  isolation: isolate;
  width: min(100%, 40rem);
  height: min(76svh, 48rem);
  justify-self: center;
  contain: layout paint style;
}

._seedStory_y1p4x_561::before {
  position: absolute;
  inset: 7% -2% -4%;
  z-index: -2;
  border-radius: 50%;
  content: "";
  opacity: calc(0.08 + (var(--plant-aura) * 0.72));
  background:
    radial-gradient(ellipse 25% 48% at 50% 55%, rgb(181 218 255 / 0.2), transparent 72%),
    radial-gradient(ellipse 46% 25% at 50% 82%, rgb(89 107 255 / 0.18), transparent 75%);
  filter: blur(calc(1.7rem + (var(--plant-aura) * 1.2rem)));
  transform: scale(calc(0.86 + (var(--plant-aura) * 0.14)));
}

._glassSeedPlant_y1p4x_584 {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  overflow: visible;
  shape-rendering: geometricPrecision;
}

._plantFrameCanvas_y1p4x_595 {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  mask-image: linear-gradient(to bottom, #000 0 70%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, #000 0 70%, transparent 100%);
}

._glassPlantReflection_y1p4x_607 {
  fill: rgb(151 187 224 / 0.08);
  opacity: calc(0.25 + (var(--plant-aura) * 0.34));
  filter: blur(7px);
  transform-origin: center;
  transform: scaleX(calc(0.82 + (var(--seed-open) * 0.18)));
}

._glassPlantBaseGlow_y1p4x_615 {
  opacity:
    clamp(
      0.07,
      calc(0.07 + (var(--seed-crack) * 0.11) + (var(--blue-pulse) * 0.62)),
      0.8
    );
  filter: blur(7px);
}

._glassFullSeed_y1p4x_625 {
  opacity: clamp(0, calc(1 - (var(--seed-open) * 1.4)), 1);
  transform-origin: 260px 692px;
  transform: scale(calc(1 - (var(--seed-open) * 0.025)));
}

._glassSeedBody_y1p4x_631 {
  fill: url("#audienceSeedGlass");
  stroke: rgb(226 241 255 / 0.74);
  stroke-width: 2.1;
  filter: url("#audienceGlassGlow");
  vector-effect: non-scaling-stroke;
}

._glassSeedHighlight_y1p4x_639,
._glassSeedHighlightSoft_y1p4x_640,
._glassSeedFacet_y1p4x_641,
._glassSeedEdgeLight_y1p4x_642 {
  fill: none;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

._glassSeedHighlight_y1p4x_639 {
  stroke: rgb(255 255 255 / 0.64);
  stroke-width: 3;
  filter: blur(0.25px);
}

._glassSeedHighlightSoft_y1p4x_640 {
  stroke: rgb(197 220 242 / 0.28);
  stroke-width: 1.4;
}

._glassSeedCrack_y1p4x_659 {
  opacity:
    clamp(
      0,
      calc(var(--seed-crack) * 5),
      calc((1 - var(--seed-open)) * 6)
    );
}

._glassSeedCrack_y1p4x_659 path {
  fill: none;
  stroke: rgb(235 248 255 / 0.92);
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--seed-crack));
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2.2;
  filter: url("#audiencePulseGlow");
  vector-effect: non-scaling-stroke;
}

._glassSeedHalf_y1p4x_680 {
  opacity: clamp(0, calc(var(--seed-crack) * 4), 1);
  transform-box: fill-box;
  transform-origin: 50% 96%;
}

._glassSeedHalfLeft_y1p4x_686 {
  transform:
    translateX(calc(var(--seed-open) * -26px))
    rotate(calc(var(--seed-open) * -11deg));
}

._glassSeedHalfRight_y1p4x_692 {
  transform:
    translateX(calc(var(--seed-open) * 26px))
    rotate(calc(var(--seed-open) * 11deg));
}

._glassSeedFacet_y1p4x_641 {
  stroke: rgb(205 226 245 / 0.26);
  stroke-width: 1.15;
}

._glassSeedEdgeLight_y1p4x_642 {
  stroke: rgb(255 255 255 / 0.68);
  stroke-width: 2.2;
  filter: blur(0.18px);
}

._glassPlant_y1p4x_607 {
  opacity: clamp(0, calc(var(--plant-grow) * 10), 1);
}

._glassStemShadow_y1p4x_713,
._glassStem_y1p4x_713,
._glassStemHighlight_y1p4x_715,
._glassStemInnerLight_y1p4x_716 {
  --path-progress:
    clamp(
      0,
      calc((var(--plant-grow) - var(--path-start)) * 2.9),
      1
    );

  fill: none;
  stroke-dasharray: 1;
  stroke-dashoffset: calc(1 - var(--path-progress));
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

._glassStemShadow_y1p4x_713 {
  stroke: rgb(119 155 190 / 0.2);
  stroke-width: 11;
  filter: blur(4px);
}

._glassStem_y1p4x_713 {
  stroke: url("#audienceStemGlass");
  stroke-width: 7.2;
  filter: url("#audienceGlassGlow");
}

._glassStemHighlight_y1p4x_715 {
  stroke: rgb(255 255 255 / 0.54);
  stroke-width: 1.5;
  transform: translate(-1px, -0.6px);
}

._glassStemInnerLight_y1p4x_716 {
  stroke: rgb(207 235 255 / 0.28);
  stroke-width: 2.2;
}

._glassLeaf_y1p4x_755 {
  --leaf-progress:
    clamp(
      0,
      calc((var(--plant-grow) - var(--leaf-start)) * 3.5),
      1
    );
  --leaf-pulse-progress:
    clamp(
      0,
      calc((var(--blue-pulse) - var(--leaf-pulse)) * 4.2),
      1
    );

  opacity: var(--leaf-progress);
  transform-box: fill-box;
  transform-origin: var(--leaf-origin);
  transform: scale(var(--leaf-progress));
}

._glassLeafBody_y1p4x_775 {
  fill: url("#audienceLeafGlass");
  stroke: rgb(228 244 255 / 0.7);
  stroke-width: 1.7;
  filter: url("#audienceGlassGlow");
  vector-effect: non-scaling-stroke;
}

._glassLeafVein_y1p4x_783 {
  fill: none;
  stroke: rgb(231 245 255 / 0.34);
  stroke-linecap: round;
  stroke-width: 1;
  vector-effect: non-scaling-stroke;
}

._glassLeafPulse_y1p4x_791 {
  fill: rgb(102 171 255 / 0.1);
  stroke: #78bdff;
  stroke-width: 2.4;
  opacity:
    clamp(
      0,
      calc(var(--leaf-pulse-progress) * 6),
      calc((1 - var(--leaf-pulse-progress)) * 6)
    );
  filter: url("#audiencePulseGlow");
  vector-effect: non-scaling-stroke;
}

._glassLeafGlint_y1p4x_805 {
  fill: #ffffff;
  opacity:
    clamp(
      0,
      calc(var(--leaf-pulse-progress) * 8),
      calc((1 - var(--leaf-pulse-progress)) * 8)
    );
  filter: url("#audiencePulseGlow");
}

._glassPulseNetwork_y1p4x_816 {
  opacity: clamp(0, calc(var(--blue-pulse) * 12), 1);
}

._glassPulsePath_y1p4x_820,
._glassSeedPulse_y1p4x_821 {
  --local-pulse:
    clamp(
      0,
      calc((var(--blue-pulse) - var(--pulse-delay)) * 3.05),
      1
    );

  fill: none;
  stroke: url("#audienceBluePulse");
  stroke-dasharray: 0.12 0.88;
  stroke-dashoffset: calc(var(--local-pulse) * -1);
  stroke-linecap: round;
  stroke-width: 4;
  opacity: clamp(0, calc((1 - var(--local-pulse)) * 5), 1);
  vector-effect: non-scaling-stroke;
}

._glassSeedPulse_y1p4x_821 {
  stroke-dasharray: 0.2 0.8;
  stroke-width: 3;
}

._glassPlantGlints_y1p4x_844 {
  opacity: calc(0.16 + (var(--plant-aura) * 0.84));
}

._glassPlantGlints_y1p4x_844 circle {
  fill: #ffffff;
  filter: url("#audiencePulseGlow");
  transform-box: fill-box;
  transform-origin: center;
  animation: _glassPlantGlint_y1p4x_844 4.8s ease-in-out infinite;
}

._glassPlantGlints_y1p4x_844 circle:nth-child(2) {
  animation-delay: -1.7s;
}

._glassPlantGlints_y1p4x_844 circle:nth-child(3) {
  animation-delay: -3.1s;
}

._scrollCue_y1p4x_864 {
  position: absolute;
  right: 0;
  bottom: 1%;
  left: 0;
  z-index: 3;
  color: rgb(220 235 247 / 0.28);
  font-size: 0.6rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-align: center;
  text-transform: uppercase;
  opacity: clamp(0, calc(1 - (var(--plant-grow) * 2.5)), 1);
}

@keyframes _glassPlantGlint_y1p4x_844 {
  0%,
  100% {
    opacity: 0.22;
    transform: scale(0.72);
  }

  50% {
    opacity: 0.9;
    transform: scale(1.2);
  }
}

/* 02: Capability carousel */

._capabilitySection_y1p4x_894 {
  --capability-progress: 0;
  --capability-intro-top-space: clamp(8rem, 18vh, 12rem);
  --capability-intro-bottom-space: clamp(1.5rem, 4vh, 3rem);
  --capability-cards-gap: clamp(2rem, 5vh, 4.5rem);

  position: relative;
  min-height: 650svh;
  overflow: clip;
  background: transparent;
}

._capabilitySticky_y1p4x_906 {
  position: sticky;
  top: 0;
  width: min(100%, var(--story-max-width));
  height: 100svh;
  margin: var(--capability-cards-gap) auto 0;
  padding: var(--story-section-space-tight) var(--story-gutter);
  overflow: clip;
}

._capabilityHeader_y1p4x_916 {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: clamp(1.25rem, 3vh, 2rem);
  margin: 0 auto;
  padding:
    var(--capability-intro-top-space)
    var(--story-gutter)
    var(--capability-intro-bottom-space);
}

._capabilityHeader_y1p4x_916 ._storyEyebrow_y1p4x_424 {
  grid-column: 1;
  margin-bottom: 0;
}

._capabilityHeader_y1p4x_916 ._storyHeading_y1p4x_412 {
  grid-column: 1;
  width: max-content;
  max-width: none;
}

._capabilityHeader_y1p4x_916 ._storyHeading_y1p4x_412 span {
  display: block;
  white-space: nowrap;
}

._capabilityHeaderCopy_y1p4x_945 {
  grid-column: 1;
  grid-row: auto;
  max-width: 42rem;
}

._capabilityHeaderCopy_y1p4x_945 p {
  margin: 0;
  color: rgb(229 234 242 / 0.62);
  font-size: clamp(0.98rem, 1.08vw, 1.16rem);
  line-height: 1.63;
  letter-spacing: -0.02em;
}

._capabilityHeaderCopy_y1p4x_945 p + p {
  margin-top: 1rem;
}

._capabilityStage_y1p4x_963 {
  position: relative;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

._capabilityStage_y1p4x_963:focus-visible {
  outline: 1px solid rgb(154 211 255 / 0.52);
  outline-offset: -1px;
}

._capabilityCardStack_y1p4x_975 {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: clamp(22rem, 52svh, 42rem);
}

._capabilityCard_y1p4x_975 {
  position: absolute;
  inset: 0;
  isolation: isolate;
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(18rem, 0.8fr) minmax(22rem, 1.2fr);
  align-items: stretch;
  padding: clamp(1.5rem, 3.2vw, 3.2rem);
  overflow: hidden;
  opacity: var(--capability-card-opacity, 1);
  filter: blur(var(--capability-card-blur, 0));
  transform:
    perspective(74rem)
    translate3d(0, var(--capability-card-y, 112%), var(--capability-card-z, 0))
    scale(var(--capability-card-scale, 0.94));
  transform-style: preserve-3d;
  will-change: transform, opacity, filter;
}

._capabilityCardCopy_y1p4x_1004 {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: clamp(1rem, 2vw, 2rem) clamp(1rem, 3vw, 2.8rem) 0.3rem 0.3rem;
}

._capabilityCardCopy_y1p4x_1004 h3 {
  max-width: 8ch;
  margin: 0 0 1.6rem;
  color: #f8fafc;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.5vw, 3.9rem);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: -0.058em;
}

._capabilityCardCopy_y1p4x_1004 h3 span {
  display: block;
  white-space: nowrap;
}

._capabilityCard_y1p4x_975[data-capability-type="strategy"] ._capabilityCardCopy_y1p4x_1004 h3,
._capabilityCard_y1p4x_975[data-capability-type="brand"] ._capabilityCardCopy_y1p4x_1004 h3,
._capabilityCard_y1p4x_975[data-capability-type="commerce"] ._capabilityCardCopy_y1p4x_1004 h3 {
  width: max-content;
  max-width: none;
  white-space: nowrap;
}

._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._capabilityCardCopy_y1p4x_1004 h3 {
  max-width: 11ch;
  font-size: clamp(1.9rem, 3vw, 3.35rem);
}

._capabilityCardCopy_y1p4x_1004 p {
  max-width: 27rem;
  margin: 0;
  color: rgb(230 237 244 / 0.62);
  font-size: clamp(0.96rem, 1.25vw, 1.14rem);
  line-height: 1.55;
}

._capabilityDeliverables_y1p4x_1051,
._capabilityPlatforms_y1p4x_1052 {
  width: 100%;
  max-width: 31rem;
  margin-top: clamp(1.1rem, 2.2vh, 1.8rem);
}

._capabilityDeliverables_y1p4x_1051 > strong,
._capabilityPlatforms_y1p4x_1052 > strong {
  display: block;
  margin-bottom: 0.65rem;
  color: rgb(239 247 252 / 0.9);
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

._capabilityDeliverables_y1p4x_1051 ul,
._capabilityPlatforms_y1p4x_1052 ul {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.38rem 1rem;
  margin: 0;
  padding: 0;
  color: rgb(230 237 244 / 0.62);
  font-size: clamp(0.68rem, 0.86vw, 0.79rem);
  line-height: 1.3;
  list-style: none;
}

._capabilityDeliverables_y1p4x_1051 li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.5rem;
}

._capabilityDeliverables_y1p4x_1051 li::before {
  content: ">";
  color: rgb(220 233 243 / 0.44);
  font-weight: 600;
}

._capabilityPlatforms_y1p4x_1052 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.42rem;
}

._capabilityPlatforms_y1p4x_1052 li {
  padding: 0.28rem 0.46rem;
  border: 1px solid rgb(255 255 255 / 0.11);
  border-radius: 999px;
  color: rgb(237 244 249 / 0.74);
  line-height: 1.1;
}

._capabilityCardCopy_y1p4x_1004 a {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin-top: clamp(1.7rem, 3vw, 2.8rem);
  color: rgb(240 247 252 / 0.78);
  font-size: 0.78rem;
  font-weight: 600;
  text-decoration: none;
}

._capabilityCardCopy_y1p4x_1004 a svg {
  transition: transform 180ms ease;
}

._capabilityCardCopy_y1p4x_1004 a:hover svg {
  transform: translateX(0.24rem);
}

._capabilityVisual_y1p4x_1127 {
  position: relative;
  min-height: 0;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}

._strategyVisual_y1p4x_1137 {
  display: grid;
  place-items: center;
  background: transparent;
}

._strategyOrbit_y1p4x_1143,
._strategyNodeMain_y1p4x_1144,
._strategyNode_y1p4x_1144 {
  display: none;
}

._strategyNode_y1p4x_1144:nth-of-type(3) { top: 19%; right: 15%; }
._strategyNode_y1p4x_1144:nth-of-type(4) { right: 10%; bottom: 21%; }
._strategyNode_y1p4x_1144:nth-of-type(5) { bottom: 12%; left: 18%; }

/* The strategy book is intentionally a one-sided scene: its cover and spine
   are visible at all times, but it never accepts pointer input or turns around. */
._strategyBookVisual_y1p4x_1155 {
  display: grid;
  place-items: center;
  isolation: isolate;
  background: transparent;
}

._strategyBookAura_y1p4x_1162 {
  display: none;
}

._strategyBook_y1p4x_1155 {
  --strategy-book-depth: clamp(0.72rem, 1.9vw, 1.3rem);

  position: relative;
  z-index: 1;
  width: min(54%, 21rem);
  aspect-ratio: 1587 / 2245;
  transform-style: preserve-3d;
  pointer-events: none;
  will-change: transform;
  animation: _strategyBookFloat_y1p4x_1 6.5s ease-in-out infinite;
}

._strategyBookShadow_y1p4x_1179 {
  position: absolute;
  inset: 2.2% 1.2% 1.5% 1.8%;
  border-radius: 0.4rem;
  background: rgb(0 0 0 / 0.8);
  box-shadow: 0.8rem 1.1rem 1.9rem rgb(0 0 0 / 0.58);
  transform: translateZ(calc(var(--strategy-book-depth) * -1));
}

._strategyBookBack_y1p4x_1188 {
  position: absolute;
  inset: 0.1rem;
  border: 1px solid rgb(26 27 31 / 0.95);
  border-radius: 0.2rem 0.45rem 0.45rem 0.2rem;
  background:
    linear-gradient(135deg, rgb(47 48 52 / 0.9), #070707 18% 76%, #16171a),
    linear-gradient(90deg, transparent 0 92%, rgb(255 255 255 / 0.1));
  box-shadow:
    0.56rem 0.84rem 1.65rem rgb(0 0 0 / 0.54),
    inset -1px 0 0 rgb(255 255 255 / 0.08);
  transform: translateZ(calc(var(--strategy-book-depth) * -0.5));
}

._strategyBookFront_y1p4x_1202 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 0.2rem 0.45rem 0.45rem 0.2rem;
  background: #020202;
  box-shadow: 0.8rem 1.5rem 2.4rem rgb(0 0 0 / 0.52);
  transform: translateZ(calc(var(--strategy-book-depth) * 0.5));
  backface-visibility: hidden;
}

._strategyBookFront_y1p4x_1202::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.16rem;
  content: "";
  background: linear-gradient(180deg, #050505, rgb(38 39 42 / 0.72) 48%, #020202);
  opacity: 0.9;
}

._strategyBookCover_y1p4x_1224 {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  object-fit: cover;
  transform: scale(1.02);
  transform-origin: center;
}

._strategyBookPages_y1p4x_1234 {
  position: absolute;
  top: 0.32rem;
  right: calc(var(--strategy-book-depth) * -1);
  bottom: 0.32rem;
  width: var(--strategy-book-depth);
  overflow: hidden;
  border: 1px solid rgb(218 227 240 / 0.3);
  border-radius: 0 0.18rem 0.18rem 0;
  background:
    repeating-linear-gradient(
      to bottom,
      rgb(190 195 204 / 0.76) 0 1px,
      rgb(50 55 64 / 0.76) 1px 2px,
      rgb(173 179 189 / 0.8) 2px 3px
    );
  box-shadow: 0.45rem 0.8rem 1.4rem rgb(0 0 0 / 0.42);
  transform:
    translateZ(calc(var(--strategy-book-depth) * 0.5))
    rotateY(90deg);
  transform-origin: left center;
}

._strategyBookBottomPages_y1p4x_1257 {
  position: absolute;
  left: 0.3rem;
  right: 0.3rem;
  bottom: calc(var(--strategy-book-depth) * -1);
  height: var(--strategy-book-depth);
  border: 1px solid rgb(160 167 179 / 0.32);
  border-radius: 0 0 0.15rem 0.15rem;
  background:
    repeating-linear-gradient(
      to right,
      rgb(185 190 199 / 0.82) 0 1px,
      rgb(57 62 71 / 0.74) 1px 2px,
      rgb(174 180 190 / 0.84) 2px 3px
    );
  box-shadow: 0 0.42rem 0.9rem rgb(0 0 0 / 0.34);
  transform:
    translateZ(calc(var(--strategy-book-depth) * 0.5))
    rotateX(-90deg);
  transform-origin: top center;
}

._strategyBookPageLines_y1p4x_1279 {
  position: absolute;
  inset: 0.5rem 0.12rem 0.5rem;
  border-inline: 1px solid rgb(255 255 255 / 0.32);
  opacity: 0.78;
}

._strategyBookSpine_y1p4x_1286 {
  position: absolute;
  top: 0.15rem;
  bottom: 0.15rem;
  left: calc(var(--strategy-book-depth) * -1);
  width: var(--strategy-book-depth);
  overflow: hidden;
  border-left: 1px solid rgb(255 255 255 / 0.14);
  border-right: 1px solid rgb(255 255 255 / 0.12);
  border-radius: 0.14rem 0 0 0.14rem;
  background:
    repeating-linear-gradient(to bottom, transparent 0 1.6rem, rgb(255 255 255 / 0.11) 1.6rem 1.68rem),
    linear-gradient(90deg, #030303, #2b2b2b 42%, #0a0a0a 76%);
  box-shadow: -0.35rem 0.28rem 0.7rem rgb(0 0 0 / 0.48);
  transform:
    translateZ(calc(var(--strategy-book-depth) * 0.5))
    rotateY(-90deg);
  transform-origin: right center;
}

._strategyBookSpine_y1p4x_1286 span {
  position: absolute;
  top: 7%;
  bottom: 7%;
  left: 42%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgb(255 255 255 / 0.32), transparent);
}

._websiteTabletVisual_y1p4x_1315 {
  display: grid;
  place-items: center;
  isolation: isolate;
  background: transparent;
}

._websiteTabletAura_y1p4x_1322 {
  display: none;
}

._websiteTablet_y1p4x_1315 {
  position: relative;
  z-index: 1;
  display: block;
  width: 176%;
  max-width: none;
  height: auto;
  pointer-events: none;
  will-change: transform;
  animation: _websiteTabletFloat_y1p4x_1 6.8s ease-in-out infinite;
}

._ecommerceDesktopVisual_y1p4x_1338 {
  display: grid;
  place-items: center;
  isolation: isolate;
  background: transparent;
}

._ecommerceDesktopAura_y1p4x_1345 {
  display: none;
}

._ecommerceDesktop_y1p4x_1338 {
  position: relative;
  z-index: 1;
  display: block;
  width: 174%;
  max-width: none;
  height: auto;
  pointer-events: none;
  will-change: transform;
  animation: _ecommerceDesktopFloat_y1p4x_1 7.2s ease-in-out infinite;
}

._liquidTagsVisual_y1p4x_1361 {
  position: relative;
  isolation: isolate;
  min-height: clamp(22rem, 52svh, 42rem);
  display: grid;
  place-items: center;
}

._liquidTagsGlow_y1p4x_1369 {
  position: absolute;
  inset: 14% 8%;
  z-index: -1;
  border-radius: 50%;
  opacity: 0.72;
  background:
    radial-gradient(circle at 34% 42%, rgb(67 172 255 / 0.16), transparent 34%),
    radial-gradient(circle at 70% 58%, rgb(142 100 255 / 0.13), transparent 38%),
    radial-gradient(ellipse at 50% 70%, rgb(72 225 205 / 0.08), transparent 58%);
  filter: blur(3rem);
}

._liquidTagsCloud_y1p4x_1382 {
  position: relative;
  z-index: 2;
  width: min(92%, 45rem);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(0.85rem, 1.8vw, 1.45rem);
  margin: 0;
  padding: clamp(2rem, 5vw, 4rem);
  list-style: none;
}

._liquidTagsCloud_y1p4x_1382 li {
  position: relative;
}

._liquidTagsCloud_y1p4x_1382 li:nth-child(3n + 1) {
  transform: translateY(-0.8rem) rotate(-2.2deg);
}

._liquidTagsCloud_y1p4x_1382 li:nth-child(3n + 2) {
  transform: translateY(0.7rem) rotate(1.7deg);
}

._liquidTagsCloud_y1p4x_1382 li:nth-child(4n) {
  transform: translateY(-0.2rem) rotate(2.4deg);
}

._liquidTag_y1p4x_1361 {
  position: relative;
  isolation: isolate;
  min-height: clamp(2.9rem, 5vw, 4.2rem);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid rgb(229 245 255 / 0.2);
  border-radius: 999px;
  padding: 0.85rem clamp(1.15rem, 2.1vw, 1.8rem);
  color: rgb(247 251 255 / 0.86);
  font-size: clamp(0.72rem, 1vw, 0.9rem);
  font-weight: 500;
  letter-spacing: -0.015em;
  white-space: nowrap;
  background:
    radial-gradient(circle at 22% 5%, rgb(255 255 255 / 0.24), transparent 36%),
    linear-gradient(135deg, rgb(255 255 255 / 0.13), rgb(173 217 255 / 0.045) 48%, rgb(137 108 255 / 0.07));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.28),
    inset 0 -1px 0 rgb(123 176 218 / 0.09),
    0 0.9rem 2.4rem rgb(0 0 0 / 0.3),
    0 0 1.8rem rgb(98 169 255 / 0.055);
  backdrop-filter: blur(20px) saturate(175%);
  -webkit-backdrop-filter: blur(20px) saturate(175%);
  animation:
    _liquidTagDrift_y1p4x_1
    calc(4.8s + (var(--liquid-tag-index) * 0.18s))
    ease-in-out
    calc(var(--liquid-tag-index) * -0.37s)
    infinite
    alternate;
}

._liquidTag_y1p4x_1361::before {
  position: absolute;
  top: 2px;
  right: 12%;
  left: 12%;
  height: 42%;
  border-radius: 999px 999px 50% 50%;
  content: "";
  opacity: 0.58;
  background: linear-gradient(to bottom, rgb(255 255 255 / 0.24), transparent);
  filter: blur(0.2rem);
  pointer-events: none;
}

._liquidTagsCloud_y1p4x_1382 li:nth-child(4n + 2) ._liquidTag_y1p4x_1361 {
  border-color: rgb(210 197 255 / 0.22);
  background:
    radial-gradient(circle at 22% 5%, rgb(255 255 255 / 0.22), transparent 36%),
    linear-gradient(135deg, rgb(255 255 255 / 0.12), rgb(168 139 255 / 0.085) 58%, rgb(121 197 255 / 0.045));
}

._liquidTagsCloud_y1p4x_1382 li:nth-child(5n) ._liquidTag_y1p4x_1361 {
  min-height: clamp(3.25rem, 5.5vw, 4.6rem);
  padding-inline: clamp(1.4rem, 2.5vw, 2.2rem);
}

._dragonVisual_y1p4x_1473 {
  isolation: isolate;
  background: transparent;
  touch-action: pan-y;
}

._dragonCanvasHost_y1p4x_1479 {
  position: absolute;
  inset: 0;
  z-index: 2;
}

._dragonCanvas_y1p4x_1479 {
  display: block;
  width: 100%;
  height: 100%;
}

._dragonAura_y1p4x_1491,
._dragonOrbital_y1p4x_1492 {
  display: none;
}

._dragonLoading_y1p4x_1496 {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  place-items: center;
  pointer-events: none;
  transition: opacity 300ms ease;
}

._dragonLoading_y1p4x_1496 span {
  width: 2.3rem;
  aspect-ratio: 1;
  border: 1px solid rgb(196 184 255 / 0.16);
  border-top-color: rgb(210 199 255 / 0.68);
  border-radius: 50%;
  animation: _dragonLoadingSpin_y1p4x_1 1.2s linear infinite;
}

._dragonLoading_y1p4x_1496[data-status="idle"] {
  opacity: 0;
}

._dragonLoading_y1p4x_1496[data-status="error"] {
  opacity: 0.18;
}

._brandVisual_y1p4x_1523 {
  display: grid;
  place-items: center;
  perspective: 50rem;
}

._brandVisual_y1p4x_1523::before,
._brandVisual_y1p4x_1523::after {
  position: absolute;
  width: 42%;
  aspect-ratio: 1;
  border: 1px solid rgb(194 219 242 / 0.14);
  border-radius: 50%;
  content: "";
  background: radial-gradient(circle at 35% 30%, rgb(255 255 255 / 0.22), rgb(92 86 164 / 0.05) 52%, transparent 70%);
  box-shadow: 0 0 5rem rgb(99 95 255 / 0.13);
}

._brandVisual_y1p4x_1523::before {
  transform: translate(-34%, -12%);
}

._brandVisual_y1p4x_1523::after {
  transform: translate(34%, 12%);
}

._brandVisual_y1p4x_1523 span,
._brandVisual_y1p4x_1523 strong,
._brandVisual_y1p4x_1523 i {
  position: absolute;
  z-index: 2;
  color: rgb(246 250 255 / 0.82);
  font-family: "Inter Tight", sans-serif;
  font-style: normal;
  line-height: 0.9;
  letter-spacing: -0.065em;
}

._brandVisual_y1p4x_1523 span {
  top: 25%;
  left: 17%;
  font-size: clamp(2rem, 3.3vw, 4rem);
  font-weight: 200;
}

._brandVisual_y1p4x_1523 strong {
  font-size: clamp(4.4rem, 7.5vw, 8.7rem);
  font-weight: 300;
}

._brandVisual_y1p4x_1523 i {
  right: 16%;
  bottom: 24%;
  color: var(--story-blue);
  font-size: clamp(1.4rem, 2.4vw, 2.8rem);
  font-weight: 300;
}

._motionVisual_y1p4x_1581 {
  display: grid;
  place-items: center;
}

._motionOrb_y1p4x_1586 {
  width: 34%;
  aspect-ratio: 1;
  border: 1px solid rgb(226 241 255 / 0.34);
  border-radius: 42% 58% 62% 38% / 52% 40% 60% 48%;
  background:
    radial-gradient(circle at 32% 28%, rgb(255 255 255 / 0.82), transparent 8%),
    radial-gradient(circle at 45% 40%, rgb(176 218 255 / 0.4), rgb(103 68 194 / 0.12) 48%, rgb(0 0 0 / 0.1) 72%);
  box-shadow:
    inset -1rem -1.2rem 2rem rgb(53 45 91 / 0.38),
    0 0 5rem rgb(117 90 255 / 0.26);
  animation: _motionOrbFloat_y1p4x_1 6s ease-in-out infinite;
}

._motionRing_y1p4x_1600 {
  position: absolute;
  width: 58%;
  aspect-ratio: 1;
  border: 1px solid rgb(162 215 255 / 0.28);
  border-radius: 50%;
  transform: rotateX(70deg) rotateZ(-18deg);
  box-shadow: 0 0 2rem rgb(83 168 255 / 0.14);
  animation: _capabilityOrbit_y1p4x_1 12s linear infinite;
}

._motionVisual_y1p4x_1581 small {
  position: absolute;
  bottom: 7%;
  color: rgb(220 234 246 / 0.4);
  font-size: 0.62rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

._commerceVisual_y1p4x_1621 {
  display: grid;
  grid-template-columns: 1fr 0.74fr;
  align-items: center;
  gap: 1rem;
  padding: clamp(1.4rem, 3vw, 3rem);
}

._commerceProduct_y1p4x_1629,
._commerceCheckout_y1p4x_1630 {
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 1.2rem;
  background: rgb(255 255 255 / 0.045);
}

._commerceProduct_y1p4x_1629 {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
}

._commerceProduct_y1p4x_1629 > span {
  display: block;
  aspect-ratio: 0.88;
  border-radius: 0.9rem;
  background:
    radial-gradient(circle at 45% 42%, transparent 0 16%, rgb(184 206 240 / 0.68) 17% 21%, transparent 22%),
    radial-gradient(circle at 50% 45%, rgb(123 86 255 / 0.3), transparent 47%),
    #090910;
  box-shadow: inset 0 0 2.4rem rgb(115 97 255 / 0.1);
}

._commerceProduct_y1p4x_1629 strong,
._commerceProduct_y1p4x_1629 small {
  color: rgb(246 250 255 / 0.76);
  font-size: 0.73rem;
}

._commerceProduct_y1p4x_1629 small {
  color: rgb(208 224 238 / 0.42);
}

._commerceCheckout_y1p4x_1630 {
  display: grid;
  gap: 1.8rem;
  padding: 1.3rem;
  transform: translateX(-1.4rem);
  box-shadow: 0 1.5rem 4rem rgb(0 0 0 / 0.42);
}

._commerceCheckout_y1p4x_1630 span {
  color: rgb(220 235 245 / 0.48);
  font-size: 0.68rem;
}

._commerceCheckout_y1p4x_1630 strong {
  border-radius: 999px;
  padding: 0.8rem 1rem;
  color: #0b0b10;
  font-size: 0.7rem;
  text-align: center;
  background: #e9f5ff;
}

._journeyVisual_y1p4x_1685 {
  display: grid;
  grid-template-rows: auto 1fr auto;
  gap: clamp(1rem, 3vh, 2.4rem);
  padding: clamp(1.4rem, 3vw, 3rem);
  background:
    radial-gradient(circle at 92% 12%, rgb(103 137 255 / 0.18), transparent 31%),
    linear-gradient(145deg, rgb(255 255 255 / 0.055), transparent 46%),
    #05050a;
}

._journeyVisualHeader_y1p4x_1696,
._journeyVisualAction_y1p4x_1697 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(217 232 244 / 0.5);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

._journeyVisualHeader_y1p4x_1696 i {
  width: 0.55rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #bde8ff;
  box-shadow: 0 0 1rem rgb(113 193 255 / 0.72);
}

._journeyVisualSteps_y1p4x_1716 {
  display: grid;
  align-content: center;
  gap: clamp(1rem, 3vh, 2rem);
  margin: 0;
  padding: 0;
  list-style: none;
}

._journeyVisualSteps_y1p4x_1716 li {
  position: relative;
  min-height: 2.25rem;
  display: grid;
  grid-template-columns: 2.2rem 1fr;
  align-items: center;
  gap: 0.9rem;
}

._journeyVisualSteps_y1p4x_1716 li:not(:last-child)::after {
  position: absolute;
  top: calc(50% + 1.1rem);
  left: 1.06rem;
  width: 1px;
  height: calc(clamp(1rem, 3vh, 2rem) + 1.15rem);
  content: "";
  background: linear-gradient(#9bd9ff, rgb(155 217 255 / 0.08));
}

._journeyVisualSteps_y1p4x_1716 span {
  position: relative;
  z-index: 1;
  width: 2.2rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgb(178 221 255 / 0.28);
  border-radius: 50%;
  color: rgb(222 243 255 / 0.82);
  font-size: 0.58rem;
  background: rgb(8 12 20 / 0.92);
  box-shadow: 0 0 1.4rem rgb(78 149 255 / 0.12);
}

._journeyVisualSteps_y1p4x_1716 strong {
  color: rgb(244 249 253 / 0.88);
  font-family: "Inter Tight", Inter, sans-serif;
  font-size: clamp(1.15rem, 2vw, 1.7rem);
  font-weight: 400;
  letter-spacing: -0.04em;
}

._journeyVisualAction_y1p4x_1697 {
  border-top: 1px solid rgb(255 255 255 / 0.1);
  padding-top: 1rem;
}

._journeyVisualAction_y1p4x_1697 strong {
  color: rgb(234 247 255 / 0.86);
  font-size: 0.62rem;
}

._systemsVisual_y1p4x_1777 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  place-content: center;
  gap: clamp(1.2rem, 3vw, 2.4rem);
  padding: clamp(2rem, 5vw, 5rem);
}

._systemsVisual_y1p4x_1777::before,
._systemsVisual_y1p4x_1777::after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  content: "";
  background: linear-gradient(90deg, transparent, rgb(139 203 248 / 0.38), transparent);
  transform: translate(-50%, -50%);
}

._systemsVisual_y1p4x_1777::before {
  width: 58%;
  height: 1px;
}

._systemsVisual_y1p4x_1777::after {
  width: 1px;
  height: 58%;
}

._systemsVisual_y1p4x_1777 span {
  position: relative;
  z-index: 2;
  display: grid;
  place-items: center;
  min-height: 6rem;
  border: 1px solid rgb(202 228 248 / 0.15);
  border-radius: 1.1rem;
  color: rgb(236 246 253 / 0.68);
  font-size: 0.72rem;
  background: rgb(10 14 21 / 0.8);
  box-shadow: 0 0 2rem rgb(66 146 255 / 0.08);
}

._systemsVisual_y1p4x_1777 i {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  width: 0.55rem;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #dcf5ff;
  box-shadow:
    0 0 0.7rem #fff,
    0 0 1.5rem #6e9fff;
  animation: _systemPulse_y1p4x_1 2.4s ease-in-out infinite;
  transform: translate(-50%, -50%);
}

/* 03: Product explorer */

html.has-explorer-stage-snap {
  scroll-snap-type: none;
}

@media (hover: none) and (pointer: coarse) {
  html.has-explorer-stage-snap {
    scroll-snap-type: y proximity;
  }
}

._productExplorer_y1p4x_454 {
  --explorer-progress: 0;
  --explorer-cad: 0;
  --explorer-explode: 0;
  --explorer-immersive: 0;
  --explorer-copy-opacity: 1;
  --explorer-scroll-rotation: 0deg;
  --explorer-nav-opacity: 0;
  --explorer-exit-lift: 0px;

  position: relative;
  min-height: 380svh;
  background: transparent;
}

._explorerSnapStops_y1p4x_1863 {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

._explorerSnapStop_y1p4x_1863 {
  position: absolute;
  left: 0;
  width: 1px;
  height: 1px;
  pointer-events: none;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}

._explorerSnapStart_y1p4x_1880 {
  top: 0;
}

._explorerSnapExplain_y1p4x_1884 {
  top: calc(22% - 22svh);
}

._explorerSnapReveal_y1p4x_1888 {
  top: calc(57% - 57svh);
}

._explorerSnapMake_y1p4x_1892 {
  top: calc(91% - 91svh);
}

._explorerSnapExit_y1p4x_1896 {
  top: 100%;
}

._productExplorerSticky_y1p4x_1900 {
  position: sticky;
  top: 0;
  width: min(100%, var(--story-max-width));
  min-height: 100svh;
  display: grid;
  grid-template-columns: minmax(20rem, 0.78fr) minmax(28rem, 1.22fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 6.5rem);
  margin: 0 auto;
  padding: var(--story-section-space) var(--story-gutter) var(--story-section-space-tight);
  overflow: hidden;
}

._productExplorerCopy_y1p4x_454 {
  position: relative;
  z-index: 3;
  opacity: var(--explorer-copy-opacity);
  transform:
    translateX(calc(var(--explorer-immersive) * -1.5rem))
    scale(calc(1 - (var(--explorer-immersive) * 0.025)));
  transform-origin: 0 50%;
  will-change: opacity, transform;
}

._productExplorerCopy_y1p4x_454 ._storyEyebrow_y1p4x_424 {
  margin-bottom: clamp(1.5rem, 3svh, 2.6rem);
}

._productExplorerCopy_y1p4x_454 ._storyHeading_y1p4x_412 {
  width: max-content;
  max-width: none;
}

._productExplorerCopy_y1p4x_454 ._storyHeading_y1p4x_412 span {
  display: block;
  white-space: nowrap;
}

._productExplorerCopy_y1p4x_454 > p {
  margin-top: clamp(2rem, 4vw, 3.4rem);
}

._productExplorerCopy_y1p4x_454 > p + p {
  margin-top: 1rem;
}

._explorerStageNav_y1p4x_1947 {
  position: fixed;
  bottom: max(0.9rem, env(safe-area-inset-bottom));
  left: 50%;
  z-index: 5;
  width: min(calc(100vw - clamp(2rem, 6vw, 5rem)), 66rem);
  pointer-events: none;
  visibility: hidden;
  opacity: var(--explorer-nav-opacity);
  transform: translate3d(-50%, 0, 0);
  transition: opacity 180ms linear, visibility 0s linear 180ms;
  will-change: opacity, transform;
}

._explorerStageNav_y1p4x_1947[hidden] {
  display: none;
}

._productExplorerPortal_y1p4x_1965[data-explorer-active="true"] ._explorerStageNav_y1p4x_1947 {
  pointer-events: auto;
  visibility: visible;
  transition-delay: 0s;
}

._explorerStageGlass_y1p4x_1971 {
  --explorer-stage-pad: 0.35rem;
  --explorer-stage-gutter: 0.7rem;

  position: relative;
  isolation: isolate;
  overflow: hidden;
  border: 1px solid rgb(210 235 255 / 0.23);
  border-radius: 1.15rem;
  background: rgb(5 10 15 / 0.12);
  box-shadow:
    0 1.25rem 3.6rem rgb(0 0 0 / 0.42),
    inset 0 1px 0 rgb(255 255 255 / 0.2),
    inset 0 -1px 0 rgb(107 164 207 / 0.08);
}

._explorerStageBackdrop_y1p4x_1987 {
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(
      180deg,
      rgb(255 255 255 / 0.105),
      rgb(255 255 255 / 0.025) 46%
    ),
    rgb(5 10 15 / 0.38);
  backdrop-filter: blur(18px) saturate(165%);
  -webkit-backdrop-filter: blur(18px) saturate(165%);
  pointer-events: none;
}

._explorerStageLiquid_y1p4x_2003 {
  position: absolute;
  top: var(--explorer-stage-pad);
  bottom: var(--explorer-stage-pad);
  left: var(--explorer-stage-pad);
  z-index: 1;
  width:
    calc(
      (100% - var(--explorer-stage-gutter)) / 3
    );
  pointer-events: none;
  transform: translate3d(0, 0, 0) scaleX(1);
  will-change: transform, filter;
}

._explorerStageLens_y1p4x_2018 {
  position: absolute;
  inset: 0;
  z-index: 3;
  overflow: hidden;
  border-radius: 0;
  background: transparent;
  pointer-events: none;
  transform: scale3d(1, 1, 1);
  transform-origin: 50% 50%;
  will-change: transform, border-radius;
}

._explorerStageLens_y1p4x_2018::after {
  display: none;
}

._explorerStageLensCore_y1p4x_2035,
._explorerStageLensEdge_y1p4x_2036 {
  position: absolute;
  pointer-events: none;
  transform: scale3d(1, 1, 1);
  will-change: transform, opacity, filter;
}

._explorerStageLensCore_y1p4x_2035 {
  display: none;
}

._explorerStageLensEdge_y1p4x_2036 {
  display: none;
}

._productExplorerPortal_y1p4x_1965[data-liquid-refraction="chromium"] ._explorerStageLiquid_y1p4x_2003 {
  z-index: 3;
}

._productExplorerPortal_y1p4x_1965[data-liquid-refraction="chromium"] ._explorerStageLensCore_y1p4x_2035 {
  backdrop-filter:
    url("#explorer-liquid-water-core")
    blur(0.25px)
    saturate(165%)
    brightness(0.92);
}

._productExplorerPortal_y1p4x_1965[data-liquid-refraction="chromium"] ._explorerStageLensEdge_y1p4x_2036 {
  backdrop-filter:
    url("#explorer-liquid-water-edge")
    blur(0.15px)
    saturate(215%)
    brightness(1.18);
}

._explorerLiquidFilterDefinitions_y1p4x_2071 {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}

._explorerStages_y1p4x_2079 {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: var(--explorer-stage-pad);
  list-style: none;
}

._explorerStages_y1p4x_2079 li {
  position: relative;
  z-index: 2;
  min-width: 0;
  border-radius: 0.8rem;
  opacity: 0.38;
  transition: opacity 360ms ease;
}

._explorerStages_y1p4x_2079 button {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  gap: 0;
  border: 0;
  border-radius: inherit;
  padding: 0.72rem 0.9rem;
  color: inherit;
  font: inherit;
  text-align: left;
  background: transparent;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

._explorerStages_y1p4x_2079 button:hover {
  background: rgb(214 239 255 / 0.045);
}

._explorerStages_y1p4x_2079 button:focus-visible {
  outline: 1px solid rgb(190 228 255 / 0.76);
  outline-offset: -2px;
  background: rgb(214 239 255 / 0.065);
}

._explorerStages_y1p4x_2079 button div {
  min-width: 0;
  display: grid;
  gap: 0.18rem;
}

._explorerStages_y1p4x_2079 strong {
  overflow: hidden;
  color: rgb(248 251 253 / 0.92);
  font-size: 0.78rem;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._explorerStages_y1p4x_2079 small {
  overflow: hidden;
  color: rgb(217 230 240 / 0.48);
  font-size: 0.62rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._explorerStages_y1p4x_2079 ._explorerStageActive_y1p4x_2151 {
  opacity: 1;
}

/* The explorer controls follow the same numbered-principles treatment as the audience section. */
._explorerStageNav_y1p4x_1947 {
  width: min(calc(100vw - clamp(2rem, 6vw, 5rem)), 42rem);
}

._explorerStageGlass_y1p4x_1971 {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

._explorerStageBackdrop_y1p4x_1987,
._explorerStageLiquid_y1p4x_2003 {
  display: none;
}

._explorerStages_y1p4x_2079 {
  padding: 0;
  border-top: 1px solid var(--story-line, rgb(255 255 255 / 0.1));
}

._explorerStages_y1p4x_2079 li {
  border-radius: 0;
  opacity: 0.48;
}

._explorerStages_y1p4x_2079 li + li {
  border-left: 1px solid var(--story-line, rgb(255 255 255 / 0.1));
}

._explorerStages_y1p4x_2079 button {
  padding: 1.1rem 1rem 0;
  border-radius: 0;
}

._explorerStages_y1p4x_2079 button:hover {
  background: transparent;
}

._explorerStages_y1p4x_2079 button div {
  gap: 0.46rem;
}

._explorerStages_y1p4x_2079 small {
  overflow: visible;
  color: rgb(220 233 243 / 0.44);
  font-size: 0.62rem;
  line-height: 1.35;
  text-overflow: clip;
  white-space: normal;
}

._explorerStages_y1p4x_2079 strong {
  overflow: visible;
  color: rgb(255 255 255 / 0.86);
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: -0.02em;
  text-overflow: clip;
  white-space: normal;
}

._productViewerSlot_y1p4x_2219 {
  position: relative;
  width: 100%;
  height: min(78svh, 50rem);
  min-width: 0;
}

._productExplorerPortal_y1p4x_1965 {
  --explorer-progress: 0;
  --explorer-cad: 0;
  --explorer-explode: 0;
  --explorer-immersive: 0;
  --explorer-backdrop-opacity: 0;
  --explorer-grid-opacity: 0;
  --explorer-label-opacity: 0;
  --explorer-hint-opacity: 1;
  --explorer-scroll-rotation: 0deg;
  --explorer-nav-opacity: 0;
  --explorer-exit-lift: 0px;
  --explorer-stage-top: 100vh;
  --explorer-stage-width: 1px;
  --explorer-stage-height: 1px;
  --explorer-frame-translate-x: 100vw;
  --explorer-frame-translate-y: 100vh;
  --explorer-frame-scale-x: 1;
  --explorer-frame-scale-y: 1;
  --explorer-frame-counter-scale-x: 1;

  position: fixed;
  inset: 0;
  z-index: calc(var(--layer-header) - 2);
  pointer-events: none;
  transform: translate3d(0, var(--explorer-exit-lift), 0);
  will-change: transform;
}

._productExplorerBackdrop_y1p4x_2255 {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: #000;
  opacity: var(--explorer-backdrop-opacity);
  pointer-events: none;
  will-change: opacity;
}

._productCadStageLayer_y1p4x_2265 {
  position: fixed;
  top: var(--explorer-stage-top);
  left: 0;
  width: var(--explorer-stage-width);
  height: var(--explorer-stage-height);
  overflow: hidden;
  pointer-events: none;
}

._productCadGridLayer_y1p4x_2275 {
  z-index: 1;
}

._productCadLabelLayer_y1p4x_2279 {
  z-index: 3;
}

._productViewerFrame_y1p4x_2283 {
  position: fixed;
  top: var(--explorer-stage-top);
  left: 0;
  z-index: 2;
  width: var(--explorer-stage-width);
  height: var(--explorer-stage-height);
  overflow: hidden;
  cursor: grab;
  pointer-events: auto;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  transform:
    translate3d(
      var(--explorer-frame-translate-x),
      var(--explorer-frame-translate-y),
      0
    )
    scale3d(
      var(--explorer-frame-scale-x),
      var(--explorer-frame-scale-y),
      1
    );
  transform-origin: 0 0;
  will-change: transform;
}

._productViewerCompensator_y1p4x_2311 {
  position: absolute;
  inset: 0;
  transform: scaleX(var(--explorer-frame-counter-scale-x));
  transform-origin: 50% 50%;
  will-change: transform;
}

._productViewer_y1p4x_2219 {
  position: absolute;
  inset: 0;
  isolation: isolate;
  width: 100%;
  height: 100%;
  contain: layout paint style;
}

._productCadGrid_y1p4x_2275 {
  --product-cad-grid-fade-inline: clamp(3.5rem, 11vw, 14rem);
  --product-cad-grid-fade-block: clamp(3.5rem, 10vh, 9rem);

  position: absolute;
  inset:
    clamp(1.5rem, 5vh, 3.5rem)
    clamp(1rem, 3vw, 3rem);
  z-index: 1;
  pointer-events: none;
  opacity: var(--explorer-grid-opacity);
  background-image:
    linear-gradient(rgb(59 151 255 / 0.18) 1px, transparent 1px),
    linear-gradient(90deg, rgb(59 151 255 / 0.18) 1px, transparent 1px),
    linear-gradient(rgb(99 190 255 / 0.4) 1px, transparent 1px),
    linear-gradient(90deg, rgb(99 190 255 / 0.4) 1px, transparent 1px);
  background-position: center;
  background-size:
    2.7rem 2.7rem,
    2.7rem 2.7rem,
    10.8rem 10.8rem,
    10.8rem 10.8rem;
  mask-image:
    linear-gradient(
      to right,
      transparent,
      #000 var(--product-cad-grid-fade-inline),
      #000 calc(100% - var(--product-cad-grid-fade-inline)),
      transparent
    ),
    linear-gradient(
      to bottom,
      transparent,
      #000 var(--product-cad-grid-fade-block),
      #000 calc(100% - var(--product-cad-grid-fade-block)),
      transparent
    );
  mask-composite: intersect;
  mask-repeat: no-repeat;
  mask-size: 100% 100%;
  -webkit-mask-image:
    linear-gradient(
      to right,
      transparent,
      #000 var(--product-cad-grid-fade-inline),
      #000 calc(100% - var(--product-cad-grid-fade-inline)),
      transparent
    ),
    linear-gradient(
      to bottom,
      transparent,
      #000 var(--product-cad-grid-fade-block),
      #000 calc(100% - var(--product-cad-grid-fade-block)),
      transparent
    );
  -webkit-mask-composite: source-in;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
}

._productCadGrid_y1p4x_2275::before,
._productCadGrid_y1p4x_2275::after {
  position: absolute;
  content: "";
  background: rgb(112 190 255 / 0.48);
}

._productCadGrid_y1p4x_2275::before {
  top: 50%;
  right: 4%;
  left: 4%;
  height: 1px;
}

._productCadGrid_y1p4x_2275::after {
  top: 4%;
  bottom: 4%;
  left: 50%;
  width: 1px;
}

._productCadOverlay_y1p4x_2409 {
  position: absolute;
  inset:
    clamp(1.5rem, 5vh, 3.5rem)
    clamp(1rem, 8vw, 9rem)
    clamp(2rem, 8vh, 5.5rem);
  z-index: 4;
  pointer-events: none;
  opacity: var(--explorer-label-opacity);
  user-select: none;
  -webkit-user-select: none;
}

._productCadLabel_y1p4x_2279 {
  position: absolute;
  min-width: 8.2rem;
  display: grid;
  grid-template-columns: 1.5rem auto;
  align-items: center;
  gap: 0.55rem;
  color: rgb(207 235 255 / 0.8);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  text-transform: uppercase;
}

._productCadLabel_y1p4x_2279::after {
  position: absolute;
  top: 50%;
  width: clamp(1.75rem, 3.5vw, 2.75rem);
  height: 1px;
  content: "";
  background:
    linear-gradient(
      90deg,
      rgb(88 174 255 / 0.58),
      rgb(88 174 255 / 0.08)
    );
}

._productCadLabel_y1p4x_2279 small {
  color: rgb(98 181 255 / 0.62);
  font-size: 0.52rem;
  letter-spacing: 0.12em;
}

._productCadLabel_y1p4x_2279 strong {
  font-size: 0.58rem;
  font-weight: 500;
  letter-spacing: 0.11em;
  white-space: nowrap;
}

._productCadGem_y1p4x_2461 {
  top: 7%;
  right: auto;
  left: calc(50% + clamp(5.5rem, 13vh, 7.5rem));
}

._productCadGem_y1p4x_2461::after,
._productCadBand_y1p4x_2468::after {
  right: calc(100% + 0.7rem);
  transform: rotate(180deg);
}

._productCadCrown_y1p4x_2473 {
  top: 18%;
  right: calc(50% + clamp(5.5rem, 13vh, 7.5rem));
  left: auto;
}

._productCadCrown_y1p4x_2473::after {
  left: calc(100% + 0.7rem);
}

._productCadBand_y1p4x_2468 {
  right: auto;
  bottom: 22%;
  left: calc(50% + clamp(9rem, 24vh, 12.5rem));
}

._productViewerDragging_y1p4x_2489 {
  cursor: grabbing;
}

._productCanvas_y1p4x_2493 {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
}

._productFallback_y1p4x_2502 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: min(64%, 28rem);
  aspect-ratio: 1;
  opacity: clamp(0.28, calc(0.28 + (var(--explorer-progress) * 1.6)), 1);
  filter:
    drop-shadow(0 0 2.5rem rgb(71 163 102 / 0.16))
    drop-shadow(0 1.6rem 2.5rem rgb(0 0 0 / 0.72))
    saturate(calc(1 - (var(--explorer-cad) * 0.64)));
  transform:
    translate(-50%, -50%)
    perspective(55rem)
    rotateX(calc(62deg - (var(--explorer-progress) * 28deg)))
    rotateZ(var(--explorer-scroll-rotation))
    scale(
      calc(
        0.72
        + (var(--explorer-progress) * 0.22)
        + (var(--explorer-immersive) * 0.28)
      )
    );
  transition: opacity 500ms ease;
  transform-style: preserve-3d;
}

._productViewerWebgl_y1p4x_2530 ._productFallback_y1p4x_2502 {
  opacity: 0;
}

._productViewerFallbackOnly_y1p4x_2534 ._productFallback_y1p4x_2502 {
  opacity: 1;
}

._productFallbackRing_y1p4x_2538 {
  position: absolute;
  inset: 15%;
  border: clamp(1.45rem, 3.4vw, 2.75rem) solid transparent;
  border-radius: 50%;
  background:
    linear-gradient(
      145deg,
      #fff0bd,
      #6b461e 25%,
      #dbb56b 48%,
      #7d5626 72%,
      #f6d58b
    ) border-box;
  box-shadow:
    inset 0.4rem 0.3rem 0.65rem rgb(255 244 201 / 0.72),
    inset -0.7rem -0.7rem 1rem rgb(41 24 8 / 0.72),
    0 0 1.5rem rgb(213 169 87 / 0.18);
  -webkit-mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  transform: translateY(calc(var(--explorer-explode) * 0.75rem));
}

._productFallbackCrown_y1p4x_2563 {
  position: absolute;
  top: 2%;
  left: 50%;
  width: 24%;
  height: 22%;
  border-radius: 34% 34% 50% 50%;
  background: linear-gradient(100deg, #755023, #ffe7a4 38%, #865c27 72%, #d9ad5d);
  box-shadow: 0 0 1.1rem rgb(226 181 95 / 0.2);
  transform:
    translateX(-50%)
    translateY(calc(var(--explorer-explode) * -1.75rem));
}

._productFallbackGem_y1p4x_2577 {
  position: absolute;
  top: -10%;
  left: 50%;
  width: 25%;
  aspect-ratio: 1;
  border: 1px solid rgb(192 255 218 / 0.58);
  background:
    linear-gradient(135deg, transparent 49%, rgb(229 255 238 / 0.34) 50%),
    linear-gradient(45deg, #013b20, #15945a 42%, #04532f 68%, #37b873);
  box-shadow:
    inset 0 0 1rem rgb(211 255 227 / 0.38),
    0 0 2.4rem rgb(32 151 88 / 0.38);
  clip-path: polygon(50% 0, 79% 8%, 98% 31%, 100% 68%, 77% 94%, 50% 100%, 23% 94%, 0 68%, 2% 31%, 21% 8%);
  transform:
    translateX(-50%)
    translateY(calc(var(--explorer-explode) * -3.5rem))
    rotate(calc(var(--explorer-progress) * -180deg));
}

._productDragHint_y1p4x_2597 {
  position: absolute;
  right: 50%;
  bottom: 2.6rem;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 999px;
  padding: 0.7rem 0.95rem;
  color: rgb(225 237 247 / 0.52);
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: rgb(6 7 11 / 0.58);
  opacity: var(--explorer-hint-opacity);
  transform: translateX(50%);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* 04: Customer paths */

._customerPaths_y1p4x_2622 {
  position: relative;
  width: min(100%, var(--story-max-width));
  margin: 0 auto;
  padding: var(--story-section-space) var(--story-gutter);
}

._customerPaths_y1p4x_2622::before {
  position: absolute;
  top: 20%;
  right: -20%;
  z-index: -1;
  width: 46rem;
  aspect-ratio: 1;
  border-radius: 50%;
  content: "";
  background: rgb(78 77 255 / 0.08);
  filter: blur(8rem);
}

._pathsHeader_y1p4x_455,
._systemsHeader_y1p4x_456 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.56fr);
  align-items: end;
  gap: clamp(3rem, 9vw, 9rem);
}

._pathsHeader_y1p4x_455 ._storyHeading_y1p4x_412,
._systemsHeader_y1p4x_456 ._storyHeading_y1p4x_412 {
  grid-column: 1;
}

._pathsHeader_y1p4x_455 > p,
._systemsHeader_y1p4x_456 > p {
  grid-column: 2;
  grid-row: 1 / span 2;
}

._pathTabs_y1p4x_2661 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: clamp(4rem, 8vw, 7rem);
  border-bottom: 1px solid var(--story-line);
}

._pathTabs_y1p4x_2661 button {
  min-width: 0;
  display: grid;
  gap: 0.65rem;
  border: 0;
  border-bottom: 1px solid transparent;
  padding: 1.3rem 1rem 1.25rem;
  color: rgb(226 237 245 / 0.36);
  text-align: left;
  background: transparent;
  cursor: pointer;
  transform: translateY(1px);
  transition: color 220ms ease, border-color 220ms ease, background 220ms ease;
}

._pathTabs_y1p4x_2661 button + button {
  border-left: 1px solid rgb(255 255 255 / 0.055);
}

._pathTabs_y1p4x_2661 button strong {
  font-family: "Inter Tight", sans-serif;
  font-size: clamp(1.2rem, 2.2vw, 2rem);
  font-weight: 400;
  letter-spacing: -0.045em;
}

._pathTabs_y1p4x_2661 button span {
  overflow: hidden;
  font-size: 0.58rem;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._pathTabs_y1p4x_2661 ._pathTabActive_y1p4x_2702 {
  border-bottom-color: #a6dfff;
  color: rgb(246 250 253 / 0.94);
  background: linear-gradient(180deg, transparent, rgb(115 176 255 / 0.045));
}

._pathPrototype_y1p4x_2708 {
  margin-top: clamp(1.8rem, 4vw, 3.5rem);
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: clamp(1.2rem, 2.4vw, 2rem);
  overflow: hidden;
  background:
    linear-gradient(135deg, rgb(255 255 255 / 0.055), transparent 42%),
    #050508;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.075),
    0 3rem 8rem rgb(0 0 0 / 0.55);
}

._prototypeTopbar_y1p4x_2721 {
  min-height: 4.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--story-line);
  padding: 0 clamp(1.2rem, 3vw, 2.4rem);
}

._prototypeBrand_y1p4x_2730 {
  color: rgb(246 250 254 / 0.9);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.18em;
}

._prototypeTopbar_y1p4x_2721 > span:last-child {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: rgb(212 227 238 / 0.4);
  font-size: 0.62rem;
}

._prototypeBody_y1p4x_2745 {
  min-height: 38rem;
  display: grid;
  grid-template-columns: minmax(12rem, 0.31fr) minmax(0, 0.69fr);
}

._pathStepper_y1p4x_2751 {
  display: grid;
  align-content: center;
  gap: 0;
  margin: 0;
  border-right: 1px solid var(--story-line);
  padding: clamp(1.4rem, 3vw, 2.8rem);
  list-style: none;
  background: rgb(255 255 255 / 0.012);
}

._pathStepper_y1p4x_2751 li {
  position: relative;
}

._pathStepper_y1p4x_2751 li:not(:last-child)::after {
  position: absolute;
  top: 2.6rem;
  bottom: -0.2rem;
  left: 0.88rem;
  width: 1px;
  content: "";
  background: rgb(255 255 255 / 0.1);
}

._pathStepper_y1p4x_2751 button {
  width: 100%;
  min-height: 4.4rem;
  display: grid;
  grid-template-columns: 1.8rem 1fr;
  align-items: center;
  gap: 0.8rem;
  border: 0;
  padding: 0;
  color: rgb(222 234 243 / 0.34);
  font-size: 0.7rem;
  text-align: left;
  background: transparent;
  cursor: pointer;
}

._pathStepper_y1p4x_2751 button > span {
  position: relative;
  z-index: 2;
  width: 1.8rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 0.11);
  border-radius: 50%;
  font-size: 0.62rem;
  background: #07070a;
}

._pathStepActive_y1p4x_2805 button {
  color: rgb(248 251 253 / 0.92);
}

._pathStepActive_y1p4x_2805 button > span {
  border-color: rgb(157 216 255 / 0.5);
  color: #f7fbff;
  box-shadow: 0 0 1.4rem rgb(92 171 255 / 0.19);
}

._pathStepComplete_y1p4x_2815 button {
  color: rgb(221 236 246 / 0.58);
}

._pathStepComplete_y1p4x_2815 button > span {
  border-color: rgb(151 219 255 / 0.22);
  color: #bce8ff;
  background: rgb(81 153 216 / 0.12);
}

._prototypeScreen_y1p4x_2825 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: clamp(1.6rem, 4vw, 4rem);
}

._prototypePrompt_y1p4x_2832 > span {
  color: rgb(177 211 237 / 0.42);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

._prototypePrompt_y1p4x_2832 h3,
._prototypeSuccess_y1p4x_2841 h3 {
  margin: 0.85rem 0 0;
  color: #f7fafc;
  font-family: "Inter Tight", sans-serif;
  font-size: clamp(2.1rem, 4vw, 4.2rem);
  font-weight: 300;
  line-height: 0.95;
  letter-spacing: -0.065em;
}

._prototypePrompt_y1p4x_2832 p,
._prototypeSuccess_y1p4x_2841 p {
  max-width: 32rem;
  margin: 1rem 0 0;
  color: rgb(218 231 240 / 0.48);
  font-size: 0.82rem;
  line-height: 1.55;
}

._prototypeChoices_y1p4x_2860 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(0.7rem, 1.5vw, 1.2rem);
  margin-top: auto;
  padding: clamp(2rem, 5vw, 4rem) 0 clamp(1.8rem, 3vw, 2.8rem);
}

._prototypeChoices_y1p4x_2860 button {
  position: relative;
  min-height: 8.5rem;
  display: grid;
  align-content: space-between;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 1rem;
  padding: 1rem;
  color: rgb(224 235 243 / 0.46);
  text-align: left;
  background: rgb(255 255 255 / 0.025);
  cursor: pointer;
  transition: color 180ms ease, border-color 180ms ease, background 180ms ease, transform 180ms ease;
}

._prototypeChoices_y1p4x_2860 button:hover {
  transform: translateY(-0.18rem);
}

._prototypeChoices_y1p4x_2860 button > span {
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

._prototypeChoices_y1p4x_2860 button strong {
  max-width: 12ch;
  color: inherit;
  font-size: 0.78rem;
  line-height: 1.35;
}

._prototypeChoices_y1p4x_2860 button i {
  position: absolute;
  top: 0.9rem;
  right: 0.9rem;
  width: 0.5rem;
  aspect-ratio: 1;
  border: 1px solid rgb(255 255 255 / 0.2);
  border-radius: 50%;
}

._prototypeChoices_y1p4x_2860 ._prototypeChoiceActive_y1p4x_2910 {
  border-color: rgb(158 215 255 / 0.34);
  color: rgb(246 251 255 / 0.88);
  background:
    radial-gradient(circle at 100% 0, rgb(131 93 255 / 0.14), transparent 48%),
    rgb(121 187 255 / 0.055);
}

._prototypeChoices_y1p4x_2860 ._prototypeChoiceActive_y1p4x_2910 i {
  border-color: #d5efff;
  background: #d5efff;
  box-shadow: 0 0 0.7rem #83caff;
}

._prototypeActions_y1p4x_2924 {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--story-line);
  padding-top: 1.2rem;
}

._prototypeActions_y1p4x_2924 button,
._prototypeSuccess_y1p4x_2841 button {
  min-height: 2.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 999px;
  padding: 0 1.1rem;
  color: rgb(232 242 249 / 0.62);
  font-size: 0.68rem;
  font-weight: 600;
  background: rgb(255 255 255 / 0.035);
  cursor: pointer;
}

._prototypeActions_y1p4x_2924 button:last-child,
._prototypeSuccess_y1p4x_2841 button {
  border-color: transparent;
  color: #0a0b0e;
  background: #e7f5ff;
}

._prototypeActions_y1p4x_2924 button:disabled {
  opacity: 0.24;
  cursor: default;
}

._prototypeSuccess_y1p4x_2841 {
  flex: 1;
  display: grid;
  place-items: center;
  place-content: center;
  text-align: center;
}

._prototypeSuccess_y1p4x_2841 > span {
  width: 4.4rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgb(176 223 255 / 0.25);
  border-radius: 50%;
  color: #d9f3ff;
  background: rgb(113 190 255 / 0.08);
  box-shadow: 0 0 3rem rgb(101 107 255 / 0.15);
}

._prototypeSuccess_y1p4x_2841 > small {
  margin-top: 1.5rem;
  color: rgb(190 220 242 / 0.42);
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

._prototypeSuccess_y1p4x_2841 button {
  margin-top: 1.8rem;
}

/* 05: Systems */

._systemsFlow_y1p4x_2994 {
  position: relative;
  padding: var(--story-section-space) var(--story-gutter);
  overflow: hidden;
  background:
    radial-gradient(ellipse 48% 25% at 50% 45%, rgb(74 121 255 / 0.09), transparent 74%),
    linear-gradient(180deg, #000, #020306 50%, #000);
}

._systemsFlow_y1p4x_2994 > * {
  width: min(100%, var(--story-max-width));
  margin-right: auto;
  margin-left: auto;
}

._systemsStage_y1p4x_3009 {
  margin-top: clamp(4rem, 8vw, 7rem);
}

._customerLayer_y1p4x_3013 {
  min-height: 6.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgb(255 255 255 / 0.09);
  border-radius: 1.2rem;
  padding: 1.2rem clamp(1.2rem, 3vw, 2rem);
  background:
    linear-gradient(115deg, rgb(255 255 255 / 0.06), transparent 40%),
    rgb(255 255 255 / 0.025);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06);
}

._customerLayer_y1p4x_3013 > div {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

._customerAvatar_y1p4x_3033,
._customerConfirmation_y1p4x_3034 {
  width: 2.8rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 50%;
  color: rgb(224 239 249 / 0.72);
  background: rgb(255 255 255 / 0.04);
}

._customerLayer_y1p4x_3013 > div > span:last-child {
  display: grid;
  gap: 0.3rem;
}

._customerLayer_y1p4x_3013 small {
  color: rgb(205 224 239 / 0.4);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._customerLayer_y1p4x_3013 strong {
  color: rgb(247 250 252 / 0.88);
  font-family: "Inter Tight", sans-serif;
  font-size: 1rem;
  font-weight: 500;
}

._customerConfirmation_y1p4x_3034 {
  border-color: rgb(137 217 255 / 0.18);
  color: #c8efff;
  background: rgb(80 181 255 / 0.08);
  box-shadow: 0 0 2rem rgb(80 154 255 / 0.11);
}

._systemDivider_y1p4x_3071 {
  height: 5.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgb(179 217 246 / 0.42);
}

._systemDivider_y1p4x_3071 span {
  flex: 1;
  width: 1px;
  background: linear-gradient(transparent, rgb(143 205 249 / 0.26));
}

._systemDivider_y1p4x_3071 span:last-child {
  background: linear-gradient(rgb(143 205 249 / 0.26), transparent);
}

._systemDivider_y1p4x_3071 svg {
  margin-block: 0.3rem;
  filter: drop-shadow(0 0 0.6rem rgb(105 178 255 / 0.5));
}

._systemLayer_y1p4x_3094 {
  border: 1px solid rgb(255 255 255 / 0.085);
  border-radius: clamp(1.2rem, 2vw, 1.8rem);
  padding: clamp(1.2rem, 3vw, 2.2rem);
  background:
    linear-gradient(135deg, rgb(255 255 255 / 0.04), transparent 42%),
    rgb(3 4 7 / 0.9);
}

._scenarioTabs_y1p4x_3103 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  border-bottom: 1px solid var(--story-line);
  padding-bottom: 1.2rem;
}

._scenarioTabs_y1p4x_3103 button {
  min-height: 2.35rem;
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 999px;
  padding-inline: 1rem;
  color: rgb(216 230 241 / 0.4);
  font-size: 0.64rem;
  font-weight: 600;
  background: rgb(255 255 255 / 0.025);
  cursor: pointer;
}

._scenarioTabs_y1p4x_3103 ._scenarioTabActive_y1p4x_3123 {
  border-color: rgb(160 218 255 / 0.24);
  color: rgb(241 248 252 / 0.88);
  background: rgb(117 188 255 / 0.075);
}

._workflowTrack_y1p4x_3129 {
  display: flex;
  align-items: center;
  padding: clamp(2rem, 5vw, 4.5rem) 0;
}

._workflowStep_y1p4x_3135 {
  min-width: 0;
  flex: 1;
  display: flex;
  align-items: center;
}

._workflowNode_y1p4x_3142 {
  min-width: 7rem;
  flex: 1;
  display: grid;
  justify-items: center;
  gap: 0.72rem;
  text-align: center;
  animation: _workflowNodeReveal_y1p4x_1 600ms cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: calc(var(--workflow-index, 0) * 90ms);
}

._workflowNode_y1p4x_3142 > span {
  width: clamp(3.2rem, 5vw, 4.2rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid rgb(171 218 249 / 0.18);
  border-radius: 1rem;
  color: rgb(221 241 252 / 0.75);
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.075), transparent),
    rgb(8 12 19 / 0.9);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.08),
    0 0 2rem rgb(69 132 255 / 0.08);
}

._workflowNode_y1p4x_3142 small {
  color: rgb(191 216 234 / 0.34);
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

._workflowNode_y1p4x_3142 strong {
  max-width: 10rem;
  min-height: 2.4em;
  color: rgb(235 244 249 / 0.68);
  font-size: 0.68rem;
  font-weight: 500;
  line-height: 1.35;
}

._workflowConnector_y1p4x_3185 {
  position: relative;
  min-width: 1.2rem;
  flex: 0.42;
  height: 1px;
  overflow: visible;
  background: rgb(255 255 255 / 0.1);
}

._workflowConnector_y1p4x_3185 i {
  position: absolute;
  top: -1px;
  left: 0;
  width: 1.2rem;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #bde8ff, transparent);
  box-shadow: 0 0 0.7rem #6da6ff;
  animation: _workflowLight_y1p4x_1 2.2s linear infinite;
}

._systemCapabilities_y1p4x_3206 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: clamp(2rem, 4vw, 3.5rem);
  border-top: 1px solid var(--story-line);
  border-left: 1px solid var(--story-line);
  padding: 0;
  list-style: none;
}

._systemCapabilities_y1p4x_3206 li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-right: 1px solid var(--story-line);
  border-bottom: 1px solid var(--story-line);
  padding: 1.1rem;
  color: rgb(224 236 244 / 0.58);
  font-size: 0.72rem;
}

._systemCapabilities_y1p4x_3206 span {
  color: rgb(174 209 234 / 0.32);
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

/* 06: Adaptive foundations */

._adaptiveFoundation_y1p4x_3236 {
  --foundation-progress: 0;

  position: relative;
  min-height: 430svh;
  background:
    radial-gradient(circle at 63% 44%, rgb(91 74 255 / 0.1), transparent 31rem),
    #000;
}

._foundationSticky_y1p4x_3246 {
  position: sticky;
  top: 0;
  width: min(100%, var(--story-max-width));
  min-height: 100svh;
  display: grid;
  grid-template-columns: minmax(18rem, 0.7fr) minmax(30rem, 1.3fr);
  grid-template-rows: 1fr auto;
  align-items: center;
  gap: clamp(1.5rem, 4vw, 4rem) clamp(2rem, 6vw, 6.5rem);
  margin: 0 auto;
  padding: var(--story-section-space) var(--story-gutter) var(--story-section-space-tight);
  overflow: hidden;
}

._foundationCopy_y1p4x_457 {
  align-self: center;
}

._foundationCopy_y1p4x_457 ._storyHeading_y1p4x_412 {
  max-width: 8.8ch;
}

._foundationCopy_y1p4x_457 > p {
  margin-top: clamp(2rem, 4vw, 3.2rem);
}

._foundationStateRail_y1p4x_3273 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(2rem, 4vw, 3.5rem);
  border-top: 1px solid var(--story-line);
  border-left: 1px solid var(--story-line);
}

._foundationStateRail_y1p4x_3273 button {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  border: 0;
  border-right: 1px solid var(--story-line);
  border-bottom: 1px solid var(--story-line);
  padding: 0.75rem;
  color: rgb(221 233 241 / 0.32);
  font-size: 0.65rem;
  text-align: left;
  background: transparent;
  cursor: pointer;
  transition: color 200ms ease, background 200ms ease;
}

._foundationStateRail_y1p4x_3273 button span {
  color: rgb(167 204 231 / 0.26);
  font-size: 0.5rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

._foundationStateRail_y1p4x_3273 ._foundationStateActive_y1p4x_3305 {
  color: rgb(245 249 252 / 0.88);
  background: rgb(130 194 255 / 0.055);
}

._foundationVisual_y1p4x_3310 {
  position: relative;
  min-width: 0;
  display: grid;
  justify-items: center;
  align-content: center;
  height: min(67svh, 46rem);
}

._foundationVisual_y1p4x_3310::before {
  position: absolute;
  inset: 18% 5% 2%;
  z-index: -1;
  border-radius: 50%;
  content: "";
  background:
    radial-gradient(circle, rgb(126 81 255 / 0.17), transparent 46%),
    radial-gradient(ellipse at 50% 82%, rgb(72 173 255 / 0.13), transparent 61%);
  filter: blur(2.8rem);
}

._deviceLabel_y1p4x_3331 {
  width: min(100%, 50rem);
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  color: rgb(220 234 244 / 0.38);
  font-size: 0.6rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._deviceLabel_y1p4x_3331 span {
  color: rgb(230 243 251 / 0.7);
}

._foundationDevice_y1p4x_3346 {
  position: relative;
  width: min(100%, 50rem);
  aspect-ratio: 16 / 9;
  border: clamp(0.35rem, 0.65vw, 0.55rem) solid #191b20;
  border-radius: clamp(0.8rem, 1.6vw, 1.35rem);
  padding: 0.28rem;
  overflow: hidden;
  background: #060608;
  box-shadow:
    inset 0 0 0 1px rgb(255 255 255 / 0.11),
    0 2rem 5rem rgb(0 0 0 / 0.6),
    0 0 5rem rgb(94 82 255 / 0.12);
  transition:
    width 800ms cubic-bezier(0.22, 1, 0.36, 1),
    border-radius 800ms cubic-bezier(0.22, 1, 0.36, 1),
    aspect-ratio 800ms cubic-bezier(0.22, 1, 0.36, 1),
    transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}

._foundationDevice_y1p4x_3346[data-state="tablet"] {
  width: min(70%, 35rem);
  aspect-ratio: 4 / 3;
  border-radius: 1.65rem;
}

._foundationDevice_y1p4x_3346[data-state="mobile"] {
  width: min(39%, 19rem);
  aspect-ratio: 9 / 17;
  border-radius: 2.2rem;
}

._foundationDevice_y1p4x_3346[data-state="reduced"] {
  width: min(76%, 40rem);
  aspect-ratio: 4 / 3;
}

._foundationDevice_y1p4x_3346[data-state="cms"],
._foundationDevice_y1p4x_3346[data-state="analytics"] {
  width: min(100%, 50rem);
  aspect-ratio: 16 / 9;
  transform: perspective(60rem) rotateX(2deg);
}

._deviceCamera_y1p4x_3390 {
  position: absolute;
  top: 0.68rem;
  left: 50%;
  z-index: 4;
  width: 0.35rem;
  aspect-ratio: 1;
  border-radius: 50%;
  opacity: 0;
  background: #111;
  box-shadow: inset 0 0 0 1px rgb(115 163 197 / 0.32);
  transform: translateX(-50%);
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._deviceCamera_y1p4x_3390,
._foundationDevice_y1p4x_3346[data-state="tablet"] ._deviceCamera_y1p4x_3390 {
  opacity: 1;
}

._websitePreview_y1p4x_3409,
._cmsPreview_y1p4x_3410,
._analyticsPreview_y1p4x_3411 {
  width: 100%;
  height: 100%;
  border-radius: 0.72rem;
  overflow: hidden;
  background: #090a0e;
}

._previewNav_y1p4x_3419 {
  min-height: 13%;
  display: flex;
  align-items: center;
  gap: 1.1rem;
  border-bottom: 1px solid rgb(255 255 255 / 0.06);
  padding: 0 5%;
  color: rgb(230 238 246 / 0.5);
  font-size: clamp(0.32rem, 0.65vw, 0.58rem);
}

._previewNav_y1p4x_3419 strong {
  margin-right: auto;
  color: rgb(248 250 252 / 0.9);
  font-size: clamp(0.38rem, 0.8vw, 0.7rem);
  letter-spacing: 0.15em;
}

._previewNav_y1p4x_3419 svg {
  display: none;
}

._previewHero_y1p4x_3441 {
  position: relative;
  height: 78%;
  display: grid;
  grid-template-columns: 0.86fr 1.14fr;
  align-items: center;
  padding: 6%;
  overflow: hidden;
  background:
    radial-gradient(circle at 28% 48%, rgb(115 85 255 / 0.18), transparent 36%),
    linear-gradient(145deg, #090a0e, #050508);
}

._previewHero_y1p4x_3441 > div {
  position: relative;
  z-index: 2;
  display: grid;
  justify-items: start;
}

._previewHero_y1p4x_3441 small {
  color: rgb(174 211 237 / 0.42);
  font-size: clamp(0.28rem, 0.55vw, 0.5rem);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

._previewHero_y1p4x_3441 strong {
  margin-top: 5%;
  color: rgb(247 249 251 / 0.9);
  font-family: "Inter Tight", sans-serif;
  font-size: clamp(1rem, 3vw, 2.8rem);
  font-weight: 300;
  line-height: 0.9;
  letter-spacing: -0.065em;
}

._previewHero_y1p4x_3441 button {
  margin-top: 9%;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 999px;
  padding: clamp(0.25rem, 0.65vw, 0.55rem) clamp(0.5rem, 1vw, 0.9rem);
  color: rgb(231 241 248 / 0.7);
  font-size: clamp(0.25rem, 0.54vw, 0.48rem);
  background: rgb(255 255 255 / 0.045);
}

._previewOrb_y1p4x_3488 {
  position: relative;
  z-index: 1;
  width: 66%;
  aspect-ratio: 1;
  justify-self: center;
  border: 1px solid rgb(213 235 250 / 0.28);
  border-radius: 45% 55% 62% 38% / 54% 43% 57% 46%;
  background:
    radial-gradient(circle at 31% 26%, rgb(255 255 255 / 0.72), transparent 7%),
    radial-gradient(circle at 44% 39%, rgb(178 215 249 / 0.34), rgb(78 49 153 / 0.14) 54%, transparent 72%);
  box-shadow:
    inset -0.6rem -0.8rem 1.6rem rgb(29 24 49 / 0.62),
    0 0 3rem rgb(97 65 255 / 0.19);
  animation: _previewOrbFloat_y1p4x_1 5s ease-in-out infinite;
}

._previewMetric_y1p4x_3505 {
  position: absolute;
  right: 4%;
  bottom: 4%;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  border: 1px solid rgb(255 255 255 / 0.09);
  border-radius: 999px;
  padding: 0.4rem 0.58rem;
  color: rgb(212 231 243 / 0.46);
  font-size: clamp(0.24rem, 0.5vw, 0.44rem);
  background: rgb(3 5 8 / 0.62);
  backdrop-filter: blur(10px);
}

._foundationDevice_y1p4x_3346[data-state="tablet"] ._previewHero_y1p4x_3441 {
  grid-template-columns: 1fr;
  text-align: center;
}

._foundationDevice_y1p4x_3346[data-state="tablet"] ._previewHero_y1p4x_3441 > div {
  position: absolute;
  inset: auto 0 8%;
  justify-items: center;
}

._foundationDevice_y1p4x_3346[data-state="tablet"] ._previewOrb_y1p4x_3488 {
  width: 41%;
  transform: translateY(-15%);
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewNav_y1p4x_3419 {
  min-height: 9%;
  padding-top: 0.4rem;
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewNav_y1p4x_3419 span {
  display: none;
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewNav_y1p4x_3419 svg {
  display: block;
  width: 0.65rem;
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewHero_y1p4x_3441 {
  height: 86%;
  grid-template-columns: 1fr;
  align-content: center;
  text-align: center;
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewHero_y1p4x_3441 > div {
  justify-items: center;
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewOrb_y1p4x_3488 {
  width: 65%;
  margin-bottom: 18%;
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewHero_y1p4x_3441 strong {
  font-size: clamp(0.8rem, 2.7vw, 1.45rem);
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewMetric_y1p4x_3505 {
  right: 50%;
  bottom: 2.4%;
  width: max-content;
  transform: translateX(50%);
}

._foundationDevice_y1p4x_3346[data-state="reduced"] ._previewOrb_y1p4x_3488 {
  animation: none;
}

._cmsPreview_y1p4x_3410 {
  display: grid;
  grid-template-columns: 0.28fr 0.72fr;
}

._cmsSidebar_y1p4x_3588 {
  display: grid;
  align-content: start;
  gap: clamp(0.4rem, 1vw, 0.9rem);
  border-right: 1px solid rgb(255 255 255 / 0.075);
  padding: 8%;
  color: rgb(215 228 238 / 0.38);
  font-size: clamp(0.28rem, 0.65vw, 0.58rem);
  background: rgb(255 255 255 / 0.018);
}

._cmsSidebar_y1p4x_3588 strong {
  margin-bottom: 10%;
  color: rgb(241 247 251 / 0.76);
  font-size: clamp(0.38rem, 0.8vw, 0.7rem);
}

._cmsEditor_y1p4x_3605 {
  display: grid;
  align-content: center;
  gap: 5%;
  padding: 8%;
}

._cmsToolbar_y1p4x_3612 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: rgb(186 217 239 / 0.44);
  font-size: clamp(0.28rem, 0.6vw, 0.53rem);
}

._cmsEditor_y1p4x_3605 label {
  display: grid;
  gap: 0.4rem;
  color: rgb(179 207 228 / 0.36);
  font-size: clamp(0.27rem, 0.58vw, 0.5rem);
}

._cmsEditor_y1p4x_3605 label strong,
._cmsEditor_y1p4x_3605 label span {
  border: 1px solid rgb(255 255 255 / 0.085);
  border-radius: 0.45rem;
  padding: 4%;
  color: rgb(238 245 249 / 0.78);
  font-family: "Inter Tight", sans-serif;
  font-size: clamp(0.55rem, 1.5vw, 1.3rem);
  font-weight: 400;
  background: rgb(255 255 255 / 0.025);
}

._cmsEditor_y1p4x_3605 label span {
  font-family: Inter, sans-serif;
  font-size: clamp(0.32rem, 0.65vw, 0.58rem);
}

._cmsEditor_y1p4x_3605 button {
  justify-self: start;
  border: 0;
  border-radius: 999px;
  padding: 0.55rem 0.8rem;
  color: #090a0c;
  font-size: clamp(0.26rem, 0.56vw, 0.5rem);
  font-weight: 600;
  background: #e5f4ff;
}

._analyticsPreview_y1p4x_3411 {
  display: grid;
  grid-template-rows: auto auto 1fr;
  padding: 5%;
}

._analyticsHeader_y1p4x_3661 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgb(255 255 255 / 0.075);
  padding-bottom: 3%;
  color: rgb(231 241 247 / 0.68);
  font-size: clamp(0.3rem, 0.68vw, 0.6rem);
}

._analyticsHeader_y1p4x_3661 span {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

._analyticsHeader_y1p4x_3661 small {
  color: rgb(208 224 235 / 0.36);
  font-size: 0.84em;
}

._analyticsStats_y1p4x_3682 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 3%;
  padding-block: 4%;
}

._analyticsStats_y1p4x_3682 > span {
  display: grid;
  border: 1px solid rgb(255 255 255 / 0.075);
  border-radius: 0.55rem;
  padding: 6%;
  background: rgb(255 255 255 / 0.02);
}

._analyticsStats_y1p4x_3682 small {
  color: rgb(203 220 232 / 0.36);
  font-size: clamp(0.24rem, 0.52vw, 0.46rem);
}

._analyticsStats_y1p4x_3682 strong {
  margin-top: 6%;
  color: rgb(245 248 250 / 0.84);
  font-family: "Inter Tight", sans-serif;
  font-size: clamp(0.6rem, 1.6vw, 1.4rem);
  font-weight: 400;
}

._analyticsStats_y1p4x_3682 i {
  margin-top: 2%;
  color: #91d8ff;
  font-size: clamp(0.22rem, 0.48vw, 0.42rem);
  font-style: normal;
}

._analyticsChart_y1p4x_3717 {
  display: flex;
  align-items: end;
  gap: 2.4%;
  border-bottom: 1px solid rgb(173 218 248 / 0.12);
  padding: 2% 3% 0;
}

._analyticsChart_y1p4x_3717 span {
  flex: 1;
  height: var(--chart-height);
  border-radius: 0.25rem 0.25rem 0 0;
  background: linear-gradient(to top, rgb(99 87 242 / 0.14), rgb(134 208 255 / 0.65));
  box-shadow: 0 0 1rem rgb(94 152 255 / 0.08);
  animation: _analyticsBar_y1p4x_1 700ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

._previewCursor_y1p4x_3734 {
  position: absolute;
  right: 24%;
  bottom: 18%;
  z-index: 5;
  color: rgb(245 250 253 / 0.8);
  filter: drop-shadow(0 0.2rem 0.35rem rgb(0 0 0 / 0.7));
  transition: right 700ms ease, bottom 700ms ease;
}

._foundationDevice_y1p4x_3346[data-state="mobile"] ._previewCursor_y1p4x_3734 {
  right: 18%;
  bottom: 12%;
}

._foundationProof_y1p4x_3749 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--story-line);
  padding: 0;
  list-style: none;
}

._foundationProof_y1p4x_3749 li {
  min-width: 0;
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  gap: 0.55rem;
  padding: 1rem;
  opacity: 0.28;
  transition: opacity 300ms ease, background 300ms ease;
}

._foundationProof_y1p4x_3749 li + li {
  border-left: 1px solid var(--story-line);
}

._foundationProof_y1p4x_3749 li > span {
  color: rgb(170 207 234 / 0.3);
  font-size: 0.52rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}

._foundationProof_y1p4x_3749 li div {
  display: grid;
  gap: 0.28rem;
}

._foundationProof_y1p4x_3749 strong {
  color: rgb(242 247 250 / 0.78);
  font-size: 0.65rem;
  font-weight: 600;
}

._foundationProof_y1p4x_3749 small {
  color: rgb(203 220 232 / 0.38);
  font-size: 0.58rem;
  line-height: 1.35;
}

._foundationProof_y1p4x_3749 ._foundationProofActive_y1p4x_3797 {
  opacity: 1;
  background: linear-gradient(180deg, rgb(121 189 255 / 0.04), transparent);
}

/* 07: Founder partnership */

._founderPartnership_y1p4x_3804 {
  position: relative;
  width: min(100%, var(--story-max-width));
  min-height: 105svh;
  display: grid;
  grid-template-columns: minmax(22rem, 0.84fr) minmax(24rem, 1.16fr);
  align-items: center;
  gap: clamp(3rem, 9vw, 10rem);
  margin: 0 auto;
  padding: var(--story-section-space) var(--story-gutter);
}

._founderPortrait_y1p4x_3816 {
  position: relative;
  isolation: isolate;
  aspect-ratio: 0.82;
  display: grid;
  place-items: center;
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: clamp(1rem, 2vw, 1.8rem);
  overflow: hidden;
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.04), transparent 46%),
    #030407;
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.055),
    0 3rem 8rem rgb(0 0 0 / 0.56);
}

._founderPortrait_y1p4x_3816::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  opacity: 0.24;
  background-image:
    linear-gradient(rgb(255 255 255 / 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgb(255 255 255 / 0.07) 1px, transparent 1px);
  background-size: 4rem 4rem;
  mask-image: linear-gradient(to bottom, #000, transparent 70%);
}

._founderPortrait_y1p4x_3816 > strong {
  color: transparent;
  font-family: "Inter Tight", sans-serif;
  font-size: clamp(16rem, 34vw, 32rem);
  font-weight: 200;
  line-height: 0.7;
  letter-spacing: -0.12em;
  background:
    linear-gradient(155deg, rgb(241 248 253 / 0.58), rgb(126 167 198 / 0.05) 56%, transparent);
  background-clip: text;
  -webkit-background-clip: text;
  filter: drop-shadow(0 0 3rem rgb(89 122 255 / 0.12));
  transform: translateX(-0.05em);
}

._founderLight_y1p4x_3861 {
  position: absolute;
  top: -16%;
  right: -34%;
  width: 78%;
  height: 140%;
  opacity: 0.62;
  background: linear-gradient(110deg, transparent 18%, rgb(81 211 255 / 0.13) 46%, transparent 72%);
  filter: blur(1.8rem);
  animation: _founderLightMove_y1p4x_1 9s ease-in-out infinite alternate;
  transform: rotate(12deg);
}

._founderPortrait_y1p4x_3816 > div {
  position: absolute;
  right: 1.4rem;
  bottom: 1.4rem;
  left: 1.4rem;
  display: flex;
  align-items: end;
  justify-content: space-between;
  border-top: 1px solid rgb(255 255 255 / 0.1);
  padding-top: 1rem;
}

._founderPortrait_y1p4x_3816 > div span {
  color: rgb(247 250 252 / 0.86);
  font-family: "Inter Tight", sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  letter-spacing: -0.04em;
}

._founderPortrait_y1p4x_3816 > div small {
  color: rgb(210 227 239 / 0.38);
  font-size: 0.56rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

._founderCopy_y1p4x_3901 ._storyHeading_y1p4x_412 {
  max-width: 9ch;
}

._founderCopy_y1p4x_3901 ._storyCopy_y1p4x_448 {
  max-width: 39rem;
  margin-top: clamp(2rem, 4vw, 3.5rem);
}

._founderProof_y1p4x_3910 {
  margin: clamp(2.5rem, 5vw, 4.5rem) 0 0;
  border-top: 1px solid var(--story-line);
  padding: 0;
  list-style: none;
}

._founderProof_y1p4x_3910 li {
  display: grid;
  grid-template-columns: 2rem 1fr;
  gap: 0.9rem;
  border-bottom: 1px solid var(--story-line);
  padding: 1.1rem 0;
}

._founderProof_y1p4x_3910 li > span {
  color: rgb(173 209 235 / 0.34);
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

._founderProof_y1p4x_3910 li div {
  display: grid;
  grid-template-columns: minmax(9rem, 0.46fr) minmax(0, 0.54fr);
  gap: 1.2rem;
}

._founderProof_y1p4x_3910 strong {
  color: rgb(242 247 250 / 0.8);
  font-size: 0.78rem;
  font-weight: 600;
}

._founderProof_y1p4x_3910 p {
  margin: 0;
  color: rgb(209 225 237 / 0.42);
  font-size: 0.7rem;
  line-height: 1.45;
}

._founderLink_y1p4x_3951 {
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
  margin-top: 2rem;
  color: rgb(232 242 249 / 0.72);
  font-size: 0.75rem;
  font-weight: 600;
  text-decoration: none;
}

._founderLink_y1p4x_3951 svg {
  transition: transform 180ms ease;
}

._founderLink_y1p4x_3951:hover svg {
  transform: translate(0.15rem, -0.15rem);
}

/* 08: Final story */

._finalStory_y1p4x_458 {
  position: relative;
  isolation: isolate;
  min-height: 125svh;
  overflow: visible;
  background: transparent;
}

._finalStorySticky_y1p4x_3980 {
  position: sticky;
  top: 0;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: var(--story-section-space) var(--story-gutter);
}

._finalWorld_y1p4x_3989 {
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
  background:
    linear-gradient(to top, rgb(0 0 0 / 0.28), rgb(0 0 0 / 0.72)),
    url("/websites-hero/layer1-v4-1280.webp") 50% 50% / cover no-repeat;
  filter: saturate(0.66) brightness(0.38);
  transform: scale(1.08);
  transition:
    filter 2.4s cubic-bezier(0.22, 1, 0.36, 1),
    transform 3.4s cubic-bezier(0.22, 1, 0.36, 1);
}

._finalDawn_y1p4x_4004 {
  position: absolute;
  inset: 0;
  opacity: 0;
  background:
    radial-gradient(ellipse 38% 46% at 50% 54%, rgb(255 218 166 / 0.5), transparent 56%),
    linear-gradient(to top, rgb(119 75 165 / 0.21), transparent 58%);
  mix-blend-mode: screen;
  transition: opacity 2.4s ease;
}

._gateDoor_y1p4x_4015 {
  position: absolute;
  top: 10%;
  bottom: 5%;
  width: 32%;
  border: 1px solid rgb(255 238 214 / 0.12);
  background:
    linear-gradient(90deg, rgb(4 4 7 / 0.9), rgb(22 18 25 / 0.72)),
    repeating-linear-gradient(90deg, transparent 0 14%, rgb(255 255 255 / 0.035) 14.4% 14.8%);
  box-shadow: 0 0 6rem rgb(0 0 0 / 0.8);
  transition: transform 2.4s cubic-bezier(0.22, 1, 0.36, 1);
}

._gateDoorLeft_y1p4x_4028 {
  left: 18%;
  border-radius: 50% 0 0;
  transform-origin: 0 50%;
}

._gateDoorRight_y1p4x_4034 {
  right: 18%;
  border-radius: 0 50% 0 0;
  transform-origin: 100% 50%;
}

._gateLight_y1p4x_4040 {
  position: absolute;
  top: 12%;
  bottom: 0;
  left: 50%;
  width: 1px;
  opacity: 0.1;
  background: #fff5df;
  box-shadow:
    0 0 1.2rem #fff,
    0 0 5rem #ffcda7,
    0 0 12rem 4rem rgb(177 126 255 / 0.45);
  transform: translateX(-50%);
  transition: width 2.4s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.4s ease;
}

._finalStoryContent_y1p4x_458 {
  width: min(100%, 54rem);
  display: grid;
  justify-items: center;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: clamp(1.2rem, 2.5vw, 2rem);
  padding: clamp(2rem, 4.5vw, 4rem);
  text-align: center;
  opacity: 0;
  background:
    linear-gradient(145deg, rgb(255 255 255 / 0.11), rgb(255 255 255 / 0.035)),
    rgb(8 7 11 / 0.58);
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / 0.12),
    0 3rem 10rem rgb(0 0 0 / 0.55);
  transform: translateY(2.5rem) scale(0.97);
  backdrop-filter: blur(24px) saturate(120%);
  -webkit-backdrop-filter: blur(24px) saturate(120%);
  transition:
    opacity 900ms ease 180ms,
    transform 1.1s cubic-bezier(0.22, 1, 0.36, 1) 140ms;
}

._finalStoryContent_y1p4x_458 ._storyEyebrow_y1p4x_424 {
  margin-bottom: clamp(1.1rem, 2svh, 1.7rem);
}

._finalStoryContent_y1p4x_458 ._storyHeading_y1p4x_412 {
  max-width: 12ch;
  font-size: clamp(2.6rem, 4.4vw, 4.8rem);
}

._finalStoryContent_y1p4x_458 > p {
  max-width: 41rem;
  margin-top: clamp(1.25rem, 2.2vw, 1.8rem);
  text-align: center;
}

._finalActions_y1p4x_4094 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-top: clamp(1.5rem, 2.8vw, 2.2rem);
}

._finalActions_y1p4x_4094 a {
  min-height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  border: 1px solid rgb(255 255 255 / 0.1);
  border-radius: 999px;
  padding: 0 1.3rem;
  font-size: 0.74rem;
  font-weight: 600;
  text-decoration: none;
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}

._finalActions_y1p4x_4094 a:hover {
  transform: translateY(-0.14rem);
}

._finalPrimary_y1p4x_4121 {
  color: #101014;
  background: #edf7ff;
}

._finalSecondary_y1p4x_4126 {
  color: rgb(242 247 251 / 0.76);
  background: rgb(255 255 255 / 0.045);
  backdrop-filter: blur(12px);
}

._finalStoryContent_y1p4x_458 > small {
  max-width: 34rem;
  margin-top: 1.1rem;
  color: rgb(225 235 242 / 0.38);
  font-size: 0.65rem;
  line-height: 1.45;
}

._finalStoryVisible_y1p4x_4140 ._finalWorld_y1p4x_3989 {
  filter: saturate(0.92) brightness(0.64);
  transform: scale(1);
}

._finalStoryVisible_y1p4x_4140 ._finalDawn_y1p4x_4004 {
  opacity: 1;
}

._finalStoryVisible_y1p4x_4140 ._gateDoorLeft_y1p4x_4028 {
  transform: perspective(80rem) rotateY(-36deg) translateX(-19%);
}

._finalStoryVisible_y1p4x_4140 ._gateDoorRight_y1p4x_4034 {
  transform: perspective(80rem) rotateY(36deg) translateX(19%);
}

._finalStoryVisible_y1p4x_4140 ._gateLight_y1p4x_4040 {
  width: 14%;
  opacity: 0.72;
}

._finalStoryVisible_y1p4x_4140 ._finalStoryContent_y1p4x_458 {
  opacity: 1;
  transform: translateY(0) scale(1);
}

@keyframes _capabilityOrbit_y1p4x_1 {
  to { transform: rotate(360deg); }
}

@keyframes _strategyBookFloat_y1p4x_1 {
  0%,
  100% {
    transform:
      translate3d(0, -1.2%, 0)
      rotateX(4deg)
      rotateY(-18deg)
      rotateZ(-2.5deg);
  }

  50% {
    transform:
      translate3d(0, 1.8%, 0)
      rotateX(5.5deg)
      rotateY(-14deg)
      rotateZ(-1.2deg);
  }
}

@keyframes _websiteTabletFloat_y1p4x_1 {
  0%,
  100% {
    transform: translate3d(0, -1.2%, 0) scale(1);
  }

  50% {
    transform: translate3d(0, 1.4%, 0) scale(1.015);
  }
}

@keyframes _ecommerceDesktopFloat_y1p4x_1 {
  0%,
  100% {
    transform: translate3d(0, -1%, 0) scale(1);
  }

  50% {
    transform: translate3d(0, 1.25%, 0) scale(1.012);
  }
}

@keyframes _liquidTagDrift_y1p4x_1 {
  from { transform: translateY(-0.18rem); }
  to { transform: translateY(0.28rem); }
}

@keyframes _dragonLoadingSpin_y1p4x_1 {
  to { transform: rotate(360deg); }
}

@keyframes _motionOrbFloat_y1p4x_1 {
  0%,
  100% { transform: translateY(-0.55rem) rotate(-5deg); }
  50% { transform: translateY(0.55rem) rotate(6deg); }
}

@keyframes _systemPulse_y1p4x_1 {
  0%,
  100% { opacity: 0.45; transform: translate(-50%, -50%) scale(0.74); }
  50% { opacity: 1; transform: translate(-50%, -50%) scale(1.18); }
}

@keyframes _workflowNodeReveal_y1p4x_1 {
  from { opacity: 0; transform: translateY(0.8rem); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes _workflowLight_y1p4x_1 {
  from { left: -1.2rem; }
  to { left: 100%; }
}

@keyframes _previewOrbFloat_y1p4x_1 {
  0%,
  100% { transform: translateY(-3%) rotate(-4deg); }
  50% { transform: translateY(3%) rotate(5deg); }
}

@keyframes _analyticsBar_y1p4x_1 {
  from { height: 0; opacity: 0; }
  to { height: var(--chart-height); opacity: 1; }
}

@keyframes _founderLightMove_y1p4x_1 {
  from { transform: translateX(-12%) rotate(12deg); }
  to { transform: translateX(18%) rotate(12deg); }
}

@media (max-width: 1050px) {
  ._audienceSticky_y1p4x_490,
  ._productExplorerSticky_y1p4x_1900,
  ._foundationSticky_y1p4x_3246 {
    gap: 2.2rem;
  }

  ._audienceSticky_y1p4x_490 {
    grid-template-columns: minmax(0, 0.95fr) minmax(22rem, 1.05fr);
  }

  ._capabilityCard_y1p4x_975 {
    min-width: 78vw;
  }

  ._foundationSticky_y1p4x_3246 {
    grid-template-columns: minmax(17rem, 0.76fr) minmax(25rem, 1.24fr);
  }

  ._foundationProof_y1p4x_3749 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  ._foundationProof_y1p4x_3749 li:nth-child(4) {
    border-left: 0;
  }

  ._workflowNode_y1p4x_3142 strong {
    font-size: 0.6rem;
  }
}

/* A 70% reading column uses flexible grid tracks before the phone layout. */
@media (min-width: 821px) and (max-width: 2100px) {
  ._audienceSticky_y1p4x_490,
  ._productExplorerSticky_y1p4x_1900 {
    grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    gap: clamp(1rem, 3vw, 2.5rem);
  }

  ._capabilityCard_y1p4x_975 {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
    padding: clamp(1rem, 2vw, 2rem);
  }

  ._foundationSticky_y1p4x_3246 {
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.3fr);
    column-gap: clamp(1rem, 3vw, 2.5rem);
  }

  ._founderPartnership_y1p4x_3804 {
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
    gap: clamp(1.5rem, 4vw, 4rem);
  }
}

@media (max-width: 820px) {
  ._audienceContent_y1p4x_31 {
    z-index: 1;
    pointer-events: auto;
  }

  ._storyHeading_y1p4x_412 {
    font-size: clamp(2.55rem, 10.5vw, 4.7rem);
  }

  ._audienceWorld_y1p4x_475 {
    min-height: 330svh;
  }

  ._audienceSticky_y1p4x_490 {
    top: 5rem;
    min-height: calc(100svh - 5rem);
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    align-content: center;
    padding-top: max(6rem, var(--section-two-layer3-clearance, 0px));
  }

  ._audienceCopy_y1p4x_504 {
    align-self: end;
    margin-top: -20rem;
  }

  ._audienceCopy_y1p4x_504 ._storyCopy_y1p4x_448 {
    max-width: 32rem;
    margin-top: 1.4rem;
  }

  ._audienceCopy_y1p4x_504 ._storyCopy_y1p4x_448 p:last-child {
    display: none;
  }

  ._audiencePrinciples_y1p4x_526 {
    display: none;
  }

  ._seedStory_y1p4x_561 {
    width: min(100%, 30rem);
    height: 52svh;
    align-self: start;
  }

  ._capabilityHeader_y1p4x_916,
  ._pathsHeader_y1p4x_455,
  ._systemsHeader_y1p4x_456 {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 1.8rem;
  }

  ._capabilityHeader_y1p4x_916 ._storyHeading_y1p4x_412,
  ._capabilityHeaderCopy_y1p4x_945,
  ._pathsHeader_y1p4x_455 ._storyHeading_y1p4x_412,
  ._pathsHeader_y1p4x_455 > p,
  ._systemsHeader_y1p4x_456 ._storyHeading_y1p4x_412,
  ._systemsHeader_y1p4x_456 > p {
    grid-column: 1;
    grid-row: auto;
  }

  ._capabilityHeader_y1p4x_916 {
    gap: 1.25rem;
  }

  ._capabilityCard_y1p4x_975 {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(18rem, 1fr);
  }

  ._capabilityCardCopy_y1p4x_1004 {
    padding: 0;
  }

  ._capabilityCardCopy_y1p4x_1004 h3 {
    margin: 0 0 1rem;
  }

  ._capabilityCardCopy_y1p4x_1004 p {
    max-width: 34rem;
  }

  ._capabilityCardCopy_y1p4x_1004 a {
    margin: 1.2rem 0 1.8rem;
  }

  ._capabilityVisual_y1p4x_1127 {
    min-height: 19rem;
  }

  ._productExplorer_y1p4x_454 {
    min-height: 360svh;
  }

  ._productExplorerSticky_y1p4x_1900 {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    align-content: center;
    padding-top: 5.5rem;
  }

  ._productExplorerCopy_y1p4x_454 > p {
    max-width: 35rem;
    margin-top: 1.35rem;
  }

  ._explorerStageNav_y1p4x_1947 {
    bottom: calc(0.7rem + env(safe-area-inset-bottom));
    width: calc(100vw - 1.25rem);
  }

  ._explorerStageGlass_y1p4x_1971 {
    --explorer-stage-pad: 0.28rem;
    --explorer-stage-gutter: 0.56rem;
  }

  ._explorerStages_y1p4x_2079 button {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding: 0.68rem 0.75rem;
  }

  ._explorerStages_y1p4x_2079 small {
    display: none;
  }

  ._productViewerSlot_y1p4x_2219 {
    height: 50svh;
  }

  ._productCadOverlay_y1p4x_2409 {
    inset:
      clamp(1rem, 4vh, 2rem)
      clamp(0.75rem, 3vw, 1.5rem)
      clamp(1.5rem, 7vh, 3.5rem);
  }

  ._productCadLabel_y1p4x_2279 {
    min-width: 7rem;
    grid-template-columns: 1.15rem auto;
    gap: 0.35rem;
  }

  ._productCadLabel_y1p4x_2279::after {
    width: clamp(1.4rem, 5vw, 2.4rem);
  }

  ._productCadLabel_y1p4x_2279 strong {
    font-size: 0.5rem;
  }

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

  ._prototypeBody_y1p4x_2745 {
    min-height: 43rem;
    grid-template-columns: 1fr;
  }

  ._pathStepper_y1p4x_2751 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-right: 0;
    border-bottom: 1px solid var(--story-line);
    padding: 0.9rem;
  }

  ._pathStepper_y1p4x_2751 li:not(:last-child)::after {
    top: 1.15rem;
    right: -0.2rem;
    bottom: auto;
    left: calc(50% + 1.25rem);
    width: calc(100% - 2.1rem);
    height: 1px;
  }

  ._pathStepper_y1p4x_2751 button {
    min-height: 3.6rem;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.45rem;
    font-size: 0.58rem;
    text-align: center;
  }

  ._workflowTrack_y1p4x_3129 {
    display: grid;
    padding: 2rem 0 0.5rem;
  }

  ._workflowStep_y1p4x_3135 {
    display: grid;
    justify-items: stretch;
  }

  ._workflowNode_y1p4x_3142 {
    grid-template-columns: 3.2rem 1.6rem 1fr;
    align-items: center;
    justify-items: start;
    gap: 0.7rem;
    text-align: left;
  }

  ._workflowNode_y1p4x_3142 > span {
    width: 3rem;
  }

  ._workflowNode_y1p4x_3142 strong {
    max-width: none;
    min-height: 0;
    font-size: 0.7rem;
  }

  ._workflowConnector_y1p4x_3185 {
    width: 1px;
    min-width: 0;
    height: 1.5rem;
    margin-left: 1.5rem;
    background: rgb(255 255 255 / 0.1);
  }

  ._workflowConnector_y1p4x_3185 i {
    top: -0.3rem;
    left: -1px;
    width: 3px;
    height: 0.7rem;
    background: linear-gradient(transparent, #bde8ff, transparent);
    animation: _workflowLightVertical_y1p4x_1 1.7s linear infinite;
  }

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

  ._adaptiveFoundation_y1p4x_3236 {
    min-height: 410svh;
  }

  ._foundationSticky_y1p4x_3246 {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    align-content: center;
    padding-top: 5.5rem;
  }

  ._foundationCopy_y1p4x_457 > p {
    max-width: 38rem;
    margin-top: 1.3rem;
  }

  ._foundationStateRail_y1p4x_3273 {
    display: flex;
    margin-top: 1.4rem;
    border-left: 0;
    overflow-x: auto;
    scrollbar-width: none;
  }

  ._foundationStateRail_y1p4x_3273 button {
    flex: 0 0 auto;
    border-left: 1px solid var(--story-line);
    padding-inline: 0.8rem;
  }

  ._foundationVisual_y1p4x_3310 {
    height: 44svh;
  }

  ._foundationDevice_y1p4x_3346 {
    width: min(88%, 40rem);
  }

  ._foundationDevice_y1p4x_3346[data-state="tablet"] {
    width: min(65%, 29rem);
  }

  ._foundationDevice_y1p4x_3346[data-state="mobile"] {
    width: min(28%, 12rem);
  }

  ._foundationDevice_y1p4x_3346[data-state="reduced"] {
    width: min(70%, 30rem);
  }

  ._foundationDevice_y1p4x_3346[data-state="cms"],
  ._foundationDevice_y1p4x_3346[data-state="analytics"] {
    width: min(88%, 40rem);
  }

  ._foundationProof_y1p4x_3749 {
    grid-template-columns: repeat(5, 13rem);
    overflow-x: auto;
    scrollbar-width: none;
  }

  ._founderPartnership_y1p4x_3804 {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }

  ._founderProof_y1p4x_3910 li div {
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }
}

@media (max-width: 620px) {
  ._content_y1p4x_19 {
    --story-gutter: 1.15rem;
  }

  ._storyCopy_y1p4x_448 p,
  ._productExplorerCopy_y1p4x_454 > p,
  ._pathsHeader_y1p4x_455 > p,
  ._systemsHeader_y1p4x_456 > p,
  ._foundationCopy_y1p4x_457 > p,
  ._finalStoryContent_y1p4x_458 > p {
    font-size: 0.94rem;
    line-height: 1.55;
  }

  ._audienceSticky_y1p4x_490 {
    padding-top: max(5.2rem, var(--section-two-layer3-clearance, 0px));
  }

  ._audienceCopy_y1p4x_504 ._storyHeading_y1p4x_412 {
    font-size: clamp(2.35rem, 11.5vw, 3.8rem);
  }

  ._seedStory_y1p4x_561 {
    height: 48svh;
  }

  ._glassSeedPlant_y1p4x_584 {
    transform: scale(1.04);
    transform-origin: 50% 100%;
  }

  ._customerPaths_y1p4x_2622,
  ._systemsFlow_y1p4x_2994 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  ._capabilitySticky_y1p4x_906 {
    padding-top: 4.75rem;
    padding-bottom: 1.25rem;
  }

  ._capabilityCard_y1p4x_975 {
    padding: 1.05rem;
  }

  ._capabilityCardCopy_y1p4x_1004 h3 {
    font-size: clamp(1.8rem, 7.6vw, 2.8rem);
  }

  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] {
    grid-template-rows: auto minmax(14rem, 1fr);
  }

  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._liquidTagsVisual_y1p4x_1361 {
    min-height: 14rem;
  }

  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._liquidTagsCloud_y1p4x_1382 {
    width: 100%;
    gap: 0.45rem;
    padding: 0.25rem;
  }

  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._liquidTag_y1p4x_1361 {
    min-height: 2.1rem;
    padding: 0.48rem 0.72rem;
    font-size: 0.64rem;
  }

  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._liquidTagsCloud_y1p4x_1382 li:nth-child(3n + 1) {
    transform: translateY(-0.25rem) rotate(-1.4deg);
  }

  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._liquidTagsCloud_y1p4x_1382 li:nth-child(3n + 2) {
    transform: translateY(0.2rem) rotate(1deg);
  }

  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._liquidTagsCloud_y1p4x_1382 li:nth-child(4n) {
    transform: translateY(-0.1rem) rotate(1.3deg);
  }

  ._capabilityVisual_y1p4x_1127 {
    min-height: 0;
  }

  ._commerceVisual_y1p4x_1621 {
    padding: 1rem;
  }

  ._commerceCheckout_y1p4x_1630 {
    transform: translateX(-0.6rem);
  }

  ._productExplorerSticky_y1p4x_1900 {
    padding-top: 4.9rem;
    padding-bottom: 1rem;
  }

  ._productExplorerCopy_y1p4x_454 ._storyHeading_y1p4x_412 {
    font-size: clamp(2.35rem, 10.8vw, 3.75rem);
  }

  ._explorerStageNav_y1p4x_1947 {
    bottom: calc(0.5rem + env(safe-area-inset-bottom));
    width: calc(100vw - 1rem);
  }

  ._explorerStageGlass_y1p4x_1971 {
    --explorer-stage-pad: 0.24rem;
    --explorer-stage-gutter: 0.48rem;

    border-radius: 0.95rem;
  }

  ._explorerStages_y1p4x_2079 button {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.16rem;
    padding: 0.52rem 0.3rem 0.58rem;
    text-align: center;
  }

  ._explorerStages_y1p4x_2079 strong {
    max-width: 100%;
    font-size: 0.64rem;
  }

  ._productViewerSlot_y1p4x_2219 {
    width: calc(100% + 2rem);
    height: 46svh;
    margin-left: -1rem;
  }

  ._productCadLabel_y1p4x_2279 small {
    display: none;
  }

  ._productCadLabel_y1p4x_2279 {
    min-width: 0;
    display: block;
  }

  ._productCadLabel_y1p4x_2279 strong {
    font-size: 0.56rem;
  }

  ._productCadGem_y1p4x_2461 {
    top: 7%;
    right: 0.75rem;
    left: auto;
  }

  ._productCadCrown_y1p4x_2473 {
    top: 20%;
    right: auto;
    left: 0.5rem;
  }

  ._productCadBand_y1p4x_2468 {
    right: 0.5rem;
    bottom: 18%;
    left: auto;
  }

  ._pathTabs_y1p4x_2661 button {
    padding: 1rem 0.75rem;
  }

  ._pathTabs_y1p4x_2661 button strong {
    font-size: 1.25rem;
  }

  ._pathTabs_y1p4x_2661 button span {
    font-size: 0.48rem;
  }

  ._prototypeBody_y1p4x_2745 {
    min-height: 39rem;
  }

  ._prototypeTopbar_y1p4x_2721 {
    min-height: 3.5rem;
  }

  ._pathStepper_y1p4x_2751 {
    padding: 0.65rem;
  }

  ._pathStepper_y1p4x_2751 button {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  ._prototypeScreen_y1p4x_2825 {
    padding: 1.15rem;
  }

  ._prototypePrompt_y1p4x_2832 h3,
  ._prototypeSuccess_y1p4x_2841 h3 {
    font-size: 2rem;
  }

  ._prototypeChoices_y1p4x_2860 {
    grid-template-columns: 1fr;
    gap: 0.55rem;
    padding-block: 1.4rem;
  }

  ._prototypeChoices_y1p4x_2860 button {
    min-height: 3.5rem;
    grid-template-columns: 1.7rem 1fr;
    align-items: center;
    align-content: center;
  }

  ._prototypeChoices_y1p4x_2860 button > span {
    grid-row: 1;
  }

  ._prototypeChoices_y1p4x_2860 button strong {
    max-width: none;
    grid-column: 2;
    grid-row: 1;
  }

  ._prototypeActions_y1p4x_2924 button {
    min-height: 2.55rem;
    padding-inline: 0.85rem;
    font-size: 0.6rem;
  }

  ._scenarioTabs_y1p4x_3103 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  ._scenarioTabs_y1p4x_3103 button {
    padding-inline: 0.6rem;
  }

  ._systemCapabilities_y1p4x_3206 {
    grid-template-columns: 1fr;
  }

  ._adaptiveFoundation_y1p4x_3236 {
    min-height: 390svh;
  }

  ._foundationSticky_y1p4x_3246 {
    padding-top: 4.8rem;
    gap: 0.8rem;
  }

  ._foundationCopy_y1p4x_457 ._storyHeading_y1p4x_412 {
    font-size: clamp(2.35rem, 10.5vw, 3.65rem);
  }

  ._foundationCopy_y1p4x_457 > p {
    display: none;
  }

  ._foundationStateRail_y1p4x_3273 {
    margin-top: 1rem;
  }

  ._foundationStateRail_y1p4x_3273 button {
    padding: 0.65rem;
    font-size: 0.56rem;
  }

  ._foundationVisual_y1p4x_3310 {
    height: 42svh;
  }

  ._deviceLabel_y1p4x_3331 {
    width: 96%;
    margin-bottom: 0.55rem;
  }

  ._foundationDevice_y1p4x_3346 {
    width: 96%;
  }

  ._foundationDevice_y1p4x_3346[data-state="tablet"] {
    width: 72%;
  }

  ._foundationDevice_y1p4x_3346[data-state="mobile"] {
    width: 34%;
  }

  ._foundationDevice_y1p4x_3346[data-state="reduced"] {
    width: 80%;
  }

  ._foundationDevice_y1p4x_3346[data-state="cms"],
  ._foundationDevice_y1p4x_3346[data-state="analytics"] {
    width: 96%;
  }

  ._foundationProof_y1p4x_3749 {
    grid-template-columns: repeat(5, 11rem);
  }

  ._founderPartnership_y1p4x_3804 {
    min-height: auto;
    grid-template-columns: 1fr;
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  ._founderPortrait_y1p4x_3816 {
    width: min(100%, 26rem);
    aspect-ratio: 1.2;
  }

  ._founderPortrait_y1p4x_3816 > strong {
    font-size: 15rem;
  }

  ._founderPortrait_y1p4x_3816 > div {
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
  }

  ._founderPortrait_y1p4x_3816 > div small {
    max-width: 8rem;
    text-align: right;
  }

  ._founderProof_y1p4x_3910 li div {
    grid-template-columns: 1fr;
  }

  ._finalStory_y1p4x_458 {
    min-height: 115svh;
  }

  ._finalStoryContent_y1p4x_458 {
    padding: 1.7rem 1.1rem;
  }

  ._finalStoryContent_y1p4x_458 ._storyHeading_y1p4x_412 {
    font-size: clamp(2.25rem, 9.8vw, 3.2rem);
  }

  ._finalActions_y1p4x_4094 {
    width: 100%;
    display: grid;
  }

  ._finalActions_y1p4x_4094 a {
    width: 100%;
  }

  ._gateDoor_y1p4x_4015 {
    width: 39%;
  }

  ._gateDoorLeft_y1p4x_4028 {
    left: 11%;
  }

  ._gateDoorRight_y1p4x_4034 {
    right: 11%;
  }
}

@keyframes _workflowLightVertical_y1p4x_1 {
  from { top: -0.7rem; }
  to { top: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  html.has-explorer-stage-snap {
    scroll-snap-type: none;
  }

  ._capabilitySection_y1p4x_894 {
    min-height: auto;
    padding: 0;
  }

  ._capabilitySticky_y1p4x_906 {
    position: static;
    height: auto;
    display: block;
    padding: 0 var(--story-gutter) 6rem;
    overflow: visible;
  }

  ._capabilityHeader_y1p4x_916 {
    margin-bottom: 0;
    padding:
      var(--capability-intro-top-space)
      var(--story-gutter)
      var(--capability-intro-bottom-space);
  }

  ._capabilityStage_y1p4x_963 {
    height: auto;
    overflow: visible;
  }

  ._capabilityCardStack_y1p4x_975 {
    height: auto;
    min-height: 0;
    display: grid;
    gap: 1.25rem;
  }

  ._capabilityCard_y1p4x_975 {
    position: relative;
    min-height: min(72svh, 47rem);
    opacity: 1;
    filter: none;
    transform: none;
  }

  ._productCadGrid_y1p4x_2275,
  ._productCadOverlay_y1p4x_2409 {
    display: none;
  }

  ._productExplorerBackdrop_y1p4x_2255 {
    display: none;
  }

  ._productExplorerCopy_y1p4x_454 {
    opacity: 1;
    transform: none;
  }

  ._productFallback_y1p4x_2502 {
    transform:
      translate(-50%, -50%)
      perspective(55rem)
      rotateX(calc(62deg - (var(--explorer-progress) * 28deg)))
      rotateZ(var(--explorer-scroll-rotation))
      scale(calc(0.72 + (var(--explorer-progress) * 0.22)));
  }

  ._strategyOrbit_y1p4x_1143,
  ._strategyBook_y1p4x_1155,
  ._websiteTablet_y1p4x_1315,
  ._ecommerceDesktop_y1p4x_1338,
  ._liquidTag_y1p4x_1361,
  ._dragonLoading_y1p4x_1496 span,
  ._motionOrb_y1p4x_1586,
  ._motionRing_y1p4x_1600,
  ._systemsVisual_y1p4x_1777 i,
  ._previewOrb_y1p4x_3488,
  ._analyticsChart_y1p4x_3717 span,
  ._founderLight_y1p4x_3861,
  ._workflowConnector_y1p4x_3185 i,
  ._glassPlantGlints_y1p4x_844 circle {
    animation: none;
  }

  ._capabilityCard_y1p4x_975,
  ._finalWorld_y1p4x_3989,
  ._finalDawn_y1p4x_4004,
  ._gateDoor_y1p4x_4015,
  ._gateLight_y1p4x_4040,
  ._finalStoryContent_y1p4x_458,
  ._foundationDevice_y1p4x_3346 {
    transition-duration: 1ms;
  }

  ._finalStoryContent_y1p4x_458 {
    opacity: 1;
    transform: none;
  }
}

._hero_y1p4x_5103 {
  --hero-gate-progress: 0;
  --hero-layer-two-scale: 1.35;
  --hero-layer-two-opacity: 1;
  --hero-darken-opacity: 0;
  --hero-layer-three-left-exit-x: 0vw;
  --hero-layer-three-right-exit-x: 0vw;
  --hero-carousel-entry-x: 42vw;
  --hero-carousel-opacity: 0;
  --hero-carousel-exit-x: 0vw;
  --hero-stage-opacity: 1;
  --hero-layer-two-pointer-x: 0px;
  --hero-layer-two-pointer-y: 0px;
  --hero-layer-three-left-pointer-x: 0px;
  --hero-layer-three-left-pointer-y: 0px;
  --hero-layer-three-right-pointer-x: 0px;
  --hero-layer-three-right-pointer-y: 0px;
  --hero-carousel-pointer-x: 0px;
  --hero-carousel-pointer-y: 0px;
  --hero-headline-pointer-x: 0px;
  --hero-headline-pointer-y: 0px;
  --hero-headline-entry-x: -38vw;
  --hero-headline-exit-x: 0vw;
  --hero-headline-opacity: 0;
  --hero-paragraph-pointer-x: 0px;
  --hero-paragraph-pointer-y: 0px;
  --hero-paragraph-entry-x: -32vw;
  --hero-paragraph-exit-x: 0vw;
  --hero-paragraph-opacity: 0;

  position: relative;
  z-index: 2;
  height: 600vh;
  height: 600svh;
}

._heroSticky_y1p4x_5139 {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  overflow: clip;
  isolation: isolate;
  opacity: var(--hero-stage-opacity);
  background: #000000;
}

._heroBottomMask_y1p4x_5151 {
  position: absolute;
  right: 0;
  bottom: -16vh;
  left: 0;
  z-index: 4;
  height: 58vh;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    rgb(0 0 0 / 0.35) 38%,
    #000000 65%,
    #000000 100%
  );
}

._heroLayer_y1p4x_5168 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  object-fit: cover;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  display: block;
}

._heroLayerFill_y1p4x_5181,
._heroLayerPicture_y1p4x_5182 {
  display: block;
  width: 100%;
  height: 100%;
}

._heroLayerFill_y1p4x_5181 {
  object-fit: cover;
}

._heroLayerOne_y1p4x_5192 {
  z-index: 0;
}

._heroDarken_y1p4x_5196 {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: var(--hero-darken-opacity);
  background: #000000;
  will-change: opacity;
}

._heroLayerTwo_y1p4x_5206 {
  z-index: 1;
  opacity: var(--hero-layer-two-opacity);
  transform:
    translate3d(
      var(--hero-layer-two-pointer-x),
      var(--hero-layer-two-pointer-y),
      0
    )
    scale(var(--hero-layer-two-scale));
  transform-origin: 50% 51%;
  will-change: transform, opacity;
}

._heroLayerTwoImage_y1p4x_5220 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

._heroPortraitTopMask_y1p4x_5227 {
  display: none;
}

._heroIntroCopy_y1p4x_5231 {
  position: absolute;
  top: clamp(6.5rem, 14vh, 10rem);
  right: auto;
  left: clamp(4rem, 8vw, 9rem);
  z-index: 1;
  width: min(48vw, 43rem);
  color: #ffffff;
  pointer-events: none;
  text-align: left;
  text-shadow: 0 0.25rem 1.4rem rgb(2 4 14 / 0.38);
}

._heroHeadlineCopy_y1p4x_5244 {
  opacity: var(--hero-headline-opacity);
  transform: translate3d(
    calc(
      var(--hero-headline-entry-x)
      + var(--hero-headline-pointer-x)
      + var(--hero-headline-exit-x)
    ),
    var(--hero-headline-pointer-y),
    0
  );
  will-change: transform, opacity;
}

._heroHeadlineCopy_y1p4x_5244 h1 {
  max-width: 100%;
  margin: 0;
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-size: clamp(2.7rem, 2.8vw, 3.3rem);
  font-weight: 400;
  line-height: 0.9;
  letter-spacing: -0.055em;
}

._heroHeadlineHorizontal_y1p4x_5268 {
  display: block;
}

._heroHeadlineHorizontal_y1p4x_5268 > span {
  display: block;
  white-space: nowrap;
}

._heroParagraphCopy_y1p4x_5277 {
  width: min(100%, 30rem);
  margin: clamp(1.35rem, 2.5vw, 2.2rem) 0 0 clamp(2.5rem, 5vw, 5rem);
  opacity: var(--hero-paragraph-opacity);
  transform: translate3d(
    calc(
      var(--hero-paragraph-entry-x)
      + var(--hero-paragraph-pointer-x)
      + var(--hero-paragraph-exit-x)
    ),
    var(--hero-paragraph-pointer-y),
    0
  );
  will-change: transform, opacity;
}

._heroParagraphCopy_y1p4x_5277 p {
  margin: 0;
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(0.92rem, 1.18vw, 1.12rem);
  font-weight: 400;
  line-height: 1.45;
  text-wrap: balance;
}

._heroParagraphCopy_y1p4x_5277 p span,
._heroParagraphCopy_y1p4x_5277 p strong {
  display: block;
}

._heroParagraphCopy_y1p4x_5277 p span {
  margin-bottom: 0.45rem;
  color: rgb(255 255 255 / 0.76);
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-size: 1.12em;
  font-style: italic;
}

._heroParagraphCopy_y1p4x_5277 p strong {
  font-weight: 600;
}

._heroCarousel_y1p4x_5319 {
  position: absolute;
  top: 50%;
  right: clamp(1rem, 5vw, 5rem);
  z-index: 1;
  width: min(53vw, 46rem);
  opacity: var(--hero-carousel-opacity);
  pointer-events: auto;
  transform: translate3d(
    calc(
      var(--hero-carousel-entry-x)
      + var(--hero-carousel-pointer-x)
      + var(--hero-carousel-exit-x)
    ),
    calc(-50% + var(--hero-carousel-pointer-y)),
    0
  );
  will-change: transform, opacity;
}

._heroCarouselViewport_y1p4x_5339 {
  overflow: hidden;
  overscroll-behavior-inline: contain;
  touch-action: pan-y;
  mask-image: linear-gradient(to right, transparent 0%, #000000 12%, #000000 100%);
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 12%, #000000 100%);
}

._heroCarouselTrack_y1p4x_5347 {
  display: flex;
  width: 166.667%;
  gap: 1rem;
  transform: translateX(var(--hero-carousel-track-x));
  transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
}

._heroCarouselCard_y1p4x_5355 {
  position: relative;
  flex: 0 0 calc((100% - 4rem) / 5);
  min-width: 0;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(0.85rem, 1.5vw, 1.35rem);
  overflow: hidden;
  color: #ffffff;
  border: 1px solid rgb(255 255 255 / 0.28);
  border-radius: clamp(1.1rem, 1.8vw, 1.65rem);
  background:
    linear-gradient(145deg, rgb(255 214 223 / 0.28), transparent 36%),
    radial-gradient(circle at 72% 68%, rgb(139 227 255 / 0.56), transparent 40%),
    linear-gradient(150deg, rgb(28 35 66 / 0.62), rgb(181 95 145 / 0.36));
  box-shadow: inset 0 1px 1px rgb(255 255 255 / 0.36);
  backdrop-filter: blur(10px) saturate(1.15);
  -webkit-backdrop-filter: blur(10px) saturate(1.15);
}

._heroCarouselCard_y1p4x_5355:nth-child(2) {
  background:
    linear-gradient(150deg, rgb(254 238 193 / 0.42), transparent 40%),
    radial-gradient(circle at 30% 84%, rgb(245 151 150 / 0.58), transparent 46%),
    linear-gradient(145deg, rgb(70 64 100 / 0.58), rgb(115 168 167 / 0.36));
}

._heroCarouselCard_y1p4x_5355:nth-child(3) {
  background:
    linear-gradient(145deg, rgb(236 226 255 / 0.5), transparent 45%),
    radial-gradient(circle at 74% 72%, rgb(255 144 200 / 0.45), transparent 42%),
    linear-gradient(145deg, rgb(65 74 119 / 0.58), rgb(197 143 178 / 0.38));
}

._heroCarouselCard_y1p4x_5355:nth-child(4) {
  background:
    linear-gradient(145deg, rgb(187 233 255 / 0.46), transparent 42%),
    radial-gradient(circle at 31% 75%, rgb(175 136 251 / 0.54), transparent 43%),
    linear-gradient(145deg, rgb(22 51 93 / 0.64), rgb(103 109 183 / 0.4));
}

._heroCarouselCard_y1p4x_5355:nth-child(5) {
  background:
    linear-gradient(145deg, rgb(255 227 187 / 0.38), transparent 39%),
    radial-gradient(circle at 72% 72%, rgb(252 156 161 / 0.56), transparent 42%),
    linear-gradient(145deg, rgb(71 51 84 / 0.62), rgb(202 112 105 / 0.38));
}

._heroCarouselCardGlow_y1p4x_5405 {
  position: absolute;
  inset: 0;
  display: none;
}

._heroCarouselCard_y1p4x_5355 div {
  position: relative;
  z-index: 1;
}

._heroCarouselCard_y1p4x_5355 strong,
._heroCarouselCard_y1p4x_5355 small {
  display: block;
}

._heroCarouselCard_y1p4x_5355 strong {
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.05rem, 1.55vw, 1.55rem);
  line-height: 0.95;
  letter-spacing: -0.05em;
}

._heroCarouselCard_y1p4x_5355 small {
  margin-top: 0.36rem;
  color: rgb(255 255 255 / 0.8);
  font-size: clamp(0.65rem, 0.78vw, 0.75rem);
  line-height: 1.1;
}

._heroCarouselControls_y1p4x_5435 {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  margin-top: 0.85rem;
  margin-left: calc(33.333% + 0.2rem);
}

._heroCarouselControls_y1p4x_5435 button {
  width: 0.5rem;
  height: 0.5rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgb(255 255 255 / 0.34);
  cursor: pointer;
  transition: width 180ms ease, background-color 180ms ease;
}

._heroCarouselControls_y1p4x_5435 ._heroCarouselControlActive_y1p4x_5454 {
  width: 1.75rem;
  background: #ffffff;
}

._heroLayerThree_y1p4x_5459 {
  position: absolute;
  top: auto;
  bottom: 0;
  width: auto;
  height: 90vh;
  aspect-ratio: 3840 / 2160;
  z-index: 2;
  will-change: transform;
}

._heroLayerThreeImage_y1p4x_5470 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

._heroLayerThreeLeft_y1p4x_5477 {
  left: 0;
  right: auto;
  transform: translate3d(
    calc(
      (var(--hero-gate-progress) * -60%)
      + var(--hero-layer-three-left-pointer-x)
      + var(--hero-layer-three-left-exit-x)
    ),
    var(--hero-layer-three-left-pointer-y),
    0
  );
}

._heroLayerThreeLeft_y1p4x_5477 ._heroLayerThreeImage_y1p4x_5470 {
  object-position: left bottom;
}

._heroLayerThreeRight_y1p4x_5495 {
  left: auto;
  right: 0;
  height: 100vh;
  transform: translate3d(
    calc(
      20%
      + (var(--hero-gate-progress) * 30%)
      + var(--hero-layer-three-right-pointer-x)
      + var(--hero-layer-three-right-exit-x)
    ),
    var(--hero-layer-three-right-pointer-y),
    0
  );
}

@media (orientation: portrait) {
  ._hero_y1p4x_5103 {
    --hero-layer-two-scale: 1.22;
    --hero-carousel-entry-x: 110vw;
    --hero-headline-entry-x: -105vw;
    --hero-paragraph-entry-x: -95vw;

    height: 620vh;
    height: 620svh;
  }

  ._heroSticky_y1p4x_5139 {
    overflow: hidden;
    overflow: clip;
  }

  ._heroLayerOne_y1p4x_5192 {
    object-position: 50% 50%;
  }

  ._heroLayerTwo_y1p4x_5206 {
    transform-origin: 50% 51%;
  }

  ._heroLayerTwoImage_y1p4x_5220 {
    position: absolute;
    bottom: 8vh;
    bottom: 8svh;
    left: 50%;
    width: auto;
    max-width: none;
    height: 74vh;
    height: 74svh;
    object-fit: contain;
    transform: translateX(-50%);
  }

  ._heroPortraitTopMask_y1p4x_5227 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    height: 38vh;
    height: 38svh;
    pointer-events: none;
    opacity: var(--hero-layer-two-opacity);
    background: linear-gradient(
      to bottom,
      #020307 0%,
      #020307 38%,
      rgb(2 3 7 / 0.98) 52%,
      rgb(2 4 8 / 0.86) 64%,
      rgb(2 4 8 / 0.58) 76%,
      rgb(2 4 8 / 0.26) 88%,
      transparent 100%
    );
  }

  ._heroIntroCopy_y1p4x_5231 {
    top: max(calc(env(safe-area-inset-top) + 6.85rem), 14svh);
    right: auto;
    left: max(1.15rem, env(safe-area-inset-left));
    width: min(calc(100% - 2.3rem), 32rem);
  }

  ._heroHeadlineCopy_y1p4x_5244 {
    width: min(88vw, 32rem);
  }

  ._heroHeadlineCopy_y1p4x_5244 h1 {
    font-size: clamp(2.65rem, 11vw, 4.2rem);
    line-height: 0.9;
  }

  ._heroHeadlineHorizontal_y1p4x_5268 {
    display: block;
  }

  ._heroParagraphCopy_y1p4x_5277 {
    width: min(76vw, 27rem);
    margin-top: clamp(0.9rem, 3vw, 1.35rem);
    margin-left: clamp(2rem, 10vw, 4.5rem);
  }

  ._heroParagraphCopy_y1p4x_5277 p {
    font-size: clamp(0.92rem, 3.8vw, 1.08rem);
    line-height: 1.4;
  }

  ._heroCarousel_y1p4x_5319 {
    top: 69svh;
    right: auto;
    left: 0;
    width: min(120vw, 52rem);
  }

  ._heroCarouselViewport_y1p4x_5339 {
    mask-image: linear-gradient(to right, transparent 0%, #000000 8%, #000000 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 8%, #000000 100%);
  }

  ._heroCarouselCard_y1p4x_5355 {
    padding: clamp(0.75rem, 3vw, 1.1rem);
    border-radius: clamp(1rem, 5vw, 1.5rem);
  }

  ._heroCarouselCard_y1p4x_5355 strong {
    font-size: clamp(1rem, 4.4vw, 1.35rem);
  }

  ._heroCarouselCard_y1p4x_5355 small {
    font-size: clamp(0.65rem, 2.8vw, 0.78rem);
  }

  ._heroCarouselControls_y1p4x_5435 {
    margin-top: 0.7rem;
  }

  ._heroLayerThree_y1p4x_5459 {
    height: 78vh;
    height: 78svh;
  }

  ._heroLayerThreeLeft_y1p4x_5477 {
    transform: translate3d(
      calc(
        -20%
        + (var(--hero-gate-progress) * -25%)
        + var(--hero-layer-three-left-pointer-x)
        + var(--hero-layer-three-left-exit-x)
      ),
      var(--hero-layer-three-left-pointer-y),
      0
    );
  }

  ._heroLayerThreeRight_y1p4x_5495 {
    height: 78vh;
    height: 78svh;
    transform: translate3d(
      calc(
        48%
        + (var(--hero-gate-progress) * 25%)
        + var(--hero-layer-three-right-pointer-x)
        + var(--hero-layer-three-right-exit-x)
      ),
      var(--hero-layer-three-right-pointer-y),
      0
    );
  }

  ._heroBottomMask_y1p4x_5151 {
    bottom: -8svh;
    height: 32vh;
    height: 32svh;
    background: linear-gradient(
      to bottom,
      transparent 0%,
      rgb(0 0 0 / 0.22) 38%,
      #000000 74%,
      #000000 100%
    );
  }
}

@media (prefers-reduced-motion: reduce) {
  ._hero_y1p4x_5103 {
    --hero-gate-progress: 1 !important;
    --hero-layer-two-scale: 1 !important;
    --hero-layer-two-opacity: 1 !important;
    --hero-darken-opacity: 0 !important;
    --hero-layer-three-left-exit-x: 0vw !important;
    --hero-layer-three-right-exit-x: 0vw !important;
    --hero-carousel-entry-x: 0vw !important;
    --hero-carousel-opacity: 1 !important;
    --hero-carousel-exit-x: 0vw !important;
    --hero-headline-entry-x: 0vw !important;
    --hero-headline-exit-x: 0vw !important;
    --hero-headline-opacity: 1 !important;
    --hero-paragraph-entry-x: 0vw !important;
    --hero-paragraph-exit-x: 0vw !important;
    --hero-paragraph-opacity: 1 !important;
    --hero-stage-opacity: 1 !important;

    height: 100vh;
    height: 100svh;
  }

  ._heroSticky_y1p4x_5139 {
    position: relative;
  }

  ._heroHeadlineCopy_y1p4x_5244,
  ._heroParagraphCopy_y1p4x_5277,
  ._heroCarousel_y1p4x_5319,
  ._heroLayerTwo_y1p4x_5206,
  ._heroLayerThree_y1p4x_5459,
  ._heroDarken_y1p4x_5196 {
    will-change: auto;
  }
}

._heroStage_y1p4x_5715 {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100svh;
  overflow: visible;
  overflow-anchor: none;
  transform: translate3d(0, var(--hero-stage-scroll-y, 0px), 0);
  will-change: transform;
}

._blurSeam_y1p4x_5726 {
  --blur-seam-mask-direction: to bottom;

  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
  height: 112px;
  pointer-events: none;
  transform: translateZ(0);
}

._blurSeamTop_y1p4x_5739 {
  --blur-seam-mask-direction: to top;

  top: 0;
  bottom: auto;
}

._blurSeamLayer_y1p4x_5746 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: rgb(0 0 0 / 0.01);
  backdrop-filter: blur(var(--blur-seam-strength));
  -webkit-backdrop-filter: blur(var(--blur-seam-strength));
  mask-image: linear-gradient(
    var(--blur-seam-mask-direction),
    transparent var(--blur-seam-start),
    #000000 var(--blur-seam-solid)
  );
  -webkit-mask-image: linear-gradient(
    var(--blur-seam-mask-direction),
    transparent var(--blur-seam-start),
    #000000 var(--blur-seam-solid)
  );
}

._viewportProbe_y1p4x_5765 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  width: 100lvw;
  height: 100vh;
  height: 100lvh;
  visibility: hidden;
  pointer-events: none;
}

._layer_y1p4x_5777 {
  position: absolute;
  left: 50%;
  display: block;
  width: 100vw;
  max-width: none;
  height: auto;
  pointer-events: none;
  user-select: none;
  transform: translate3d(-50%, var(--layer-parallax-y, 0px), 0);
  will-change: transform;
}

._layer1_y1p4x_5790 {
  z-index: -50;
}

._layer2_y1p4x_5794 {
  z-index: -40;
}

._layer3_y1p4x_5798 {
  z-index: 0;
}

._layerImage_y1p4x_5802 {
  display: block;
  width: 100%;
  height: auto;
}

._layer3Mask_y1p4x_5808 {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  height: clamp(14rem, 30vw, 32rem);
  pointer-events: none;
  background: radial-gradient(
    140% 78% at 50% 100%,
    #000000 0%,
    #000000 34%,
    rgba(0, 0, 0, 0.82) 54%,
    rgba(0, 0, 0, 0.42) 72%,
    rgba(0, 0, 0, 0.1) 88%,
    transparent 100%
  );
}

._heroCopyPlane_y1p4x_5827 {
  position: absolute;
  top: var(--hero-copy-top, 50%);
  left: 50%;
  z-index: 1;
  width: min(70%, calc(100% - 2.5rem));
  display: grid;
  justify-items: center;
  gap: clamp(1.15rem, 2.4vw, 1.8rem);
  color: #ffffff;
  text-align: center;
  pointer-events: auto;
  transform: translate3d(-50%, var(--text-parallax-y, 0px), 0);
  will-change: transform;
}

._heroCopyPlane_y1p4x_5827 p {
  margin: 0;
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.2rem, 2vw, 2rem);
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: -0.035em;
  text-wrap: balance;
  text-shadow: 0 0.18rem 1.2rem rgba(0, 0, 0, 0.64);
}

._heading_y1p4x_5854 {
  position: absolute;
  z-index: -40;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._heroText_y1p4x_5867 {
  --hero-wave-delay: 0s;
  --hero-reveal-delay: 0s;

  position: absolute;
  top: var(--hero-text-top, 50%);
  left: 50%;
  z-index: -10;
  width: max-content;
  padding: 0.2em 0.18em 0.28em;
  margin: -0.2em 0 0;
  color: transparent;
  font-family: "Style Script", cursive;
  font-size: var(--hero-text-font-size, 20vw);
  font-weight: 400;
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  transform: translate3d(-50%, var(--text-parallax-y, 0px), 0);
  background-image: linear-gradient(
    100deg,
    #ffffff 0%,
    #ffffff 42%,
    #fffdf5 48%,
    #ffffff 52%,
    #ffffff 58%,
    #ffffff 100%
  );
  background-size: 250% 100%;
  background-position: 100% 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  will-change: transform, background-position;
}

._heroTextHidden_y1p4x_5905 {
  opacity: 0;
}

._heroTextWriting_y1p4x_5909 {
  clip-path: inset(0 100% 0 0);
  -webkit-clip-path: inset(0 100% 0 0);
  animation: _hero-text-reveal_y1p4x_1 1.875s cubic-bezier(0.22, 1, 0.36, 1) var(--hero-reveal-delay) forwards;
}

._heroText_y1p4x_5867::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  box-sizing: border-box;
  padding: inherit;
  color: rgba(255, 255, 255, 0.85);
  content: attr(data-text);
  filter: blur(0.055em);
  pointer-events: none;
  text-shadow:
    0 0.04em 0.18em rgba(224, 157, 45, 0.85),
    0 0 0.3em rgba(255, 206, 101, 0.85);
  transform: translateY(0.025em);
  -webkit-text-fill-color: rgba(255, 255, 255, 0.85);
}

._heroText_y1p4x_5867::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  box-sizing: border-box;
  padding: inherit;
  color: transparent;
  content: attr(data-text);
  background-image: linear-gradient(
    100deg,
    transparent 0%,
    transparent 39%,
    rgba(255, 247, 229, 0.08) 44%,
    rgba(255, 249, 237, 0.94) 50%,
    rgba(255, 247, 229, 0.08) 56%,
    transparent 61%,
    transparent 100%
  );
  background-position: 100% 0;
  background-size: 250% 100%;
  background-clip: text;
  filter:
    blur(0.055em)
    drop-shadow(0 0 0.035em rgba(255, 249, 237, 0.86))
    drop-shadow(0 0 0.11em rgba(255, 230, 194, 0.38));
  opacity: 0;
  pointer-events: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  will-change: background-position, opacity;
}

._heroTextWaveActive_y1p4x_5964 {
  animation: _heroTextHighlightWave_y1p4x_1 11.6s cubic-bezier(0.22, 1, 0.36, 1) var(--hero-wave-delay) infinite both;
}

._heroTextWaveActive_y1p4x_5964::after {
  animation: _heroTextGlowWave_y1p4x_1 30s cubic-bezier(0.22, 1, 0.36, 1) var(--hero-wave-delay) infinite both;
}

._brandText_y1p4x_5972 {
  z-index: -45;
}

._worldText_y1p4x_5976 {
  --hero-wave-delay: 0s;
  --hero-reveal-delay: 1.875s;

  z-index: -10;
}

@keyframes _hero-text-reveal_y1p4x_1 {
  to {
    clip-path: inset(0 0 0 0);
    -webkit-clip-path: inset(0 0 0 0);
  }
}

@keyframes _heroTextHighlightWave_y1p4x_1 {
  0% {
    background-position: 100% 0;
  }

  46.55%,
  100% {
    background-position: 0 0;
  }
}

@keyframes _heroTextGlowWave_y1p4x_1 {
  0% {
    background-position: 100% 0;
    opacity: 0;
  }

  3.72%,
  42.83% {
    opacity: 1;
  }

  46.55%,
  100% {
    background-position: 0 0;
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._heroTextHidden_y1p4x_5905 {
    opacity: 1;
  }

  ._heroTextWriting_y1p4x_5909 {
    clip-path: none;
    -webkit-clip-path: none;
    animation: none;
  }

  ._heroTextWaveActive_y1p4x_5964 {
    animation: none;
  }

  ._heroTextWaveActive_y1p4x_5964::after {
    animation: none;
    opacity: 0;
  }

  ._mapRoute_y1p4x_216 {
    --map-route-progress: 1 !important;
  }

}

/* Mockup-led editorial system.
 * These rules are deliberately scoped away from ProductExplorer, which is the
 * protected "Interactive experiences" section at the end of this page.
 */

._problemSolution_y1p4x_6050,
._capabilitySection_y1p4x_894,
._finalStory_y1p4x_458 {
  --mockup-section-width: 70%;
  --mockup-panel: #111111;
  --mockup-panel-soft: #0d0d0d;
  --mockup-border: rgb(255 255 255 / 0.09);
  --mockup-copy: rgb(255 255 255 / 0.54);
  --mockup-heading: #f1f0ed;
}

._problemSolution_y1p4x_6050 ._storyEyebrow_y1p4x_424,
._capabilitySection_y1p4x_894 ._storyEyebrow_y1p4x_424,
._finalStory_y1p4x_458 ._storyEyebrow_y1p4x_424 {
  gap: 0.42rem;
  margin-bottom: clamp(1rem, 2svh, 1.4rem);
  padding: 0.34rem 0.62rem;
  border: 1px solid rgb(255 255 255 / 0.07);
  border-radius: 999px;
  color: rgb(255 255 255 / 0.42);
  background: rgb(255 255 255 / 0.045);
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.58rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
}

._problemSolution_y1p4x_6050 ._storyEyebrow_y1p4x_424 > span,
._capabilitySection_y1p4x_894 ._storyEyebrow_y1p4x_424 > span,
._finalStory_y1p4x_458 ._storyEyebrow_y1p4x_424 > span {
  display: block;
  width: auto;
  aspect-ratio: auto;
  padding-right: 0.42rem;
  border: 0;
  border-right: 1px solid rgb(255 255 255 / 0.11);
  border-radius: 0;
  color: rgb(255 255 255 / 0.62);
  font-size: inherit;
}

._problemIntro_y1p4x_6092 h2,
._capabilitySection_y1p4x_894 ._storyHeading_y1p4x_412,
._capabilityCardCopy_y1p4x_1004 h3,
._finalStoryContent_y1p4x_458 ._storyHeading_y1p4x_412 {
  color: var(--mockup-heading);
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.035em;
}

@media (orientation: landscape) and (min-width: 901px) {
  ._problemLayout_y1p4x_6103 {
    width: var(--mockup-section-width);
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    grid-template-rows: auto minmax(20rem, 1fr);
    align-items: stretch;
    gap: clamp(1.25rem, 2.2vw, 2rem) clamp(0.75rem, 1.2vw, 1.1rem);
    margin: 0 auto;
    padding: clamp(6rem, 10svh, 8rem) 0 clamp(2rem, 4svh, 3.5rem);
  }

  ._problemCopy_y1p4x_6113 {
    display: contents;
  }

  ._problemIntro_y1p4x_6092 {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    width: min(100%, 48rem);
    text-align: center;
  }

  ._problemIntro_y1p4x_6092 h2 {
    max-width: 19ch;
    margin-inline: auto;
    font-size: clamp(2.55rem, 3.7vw, 4.15rem);
    line-height: 0.98;
  }

  ._problemIntro_y1p4x_6092 > p {
    max-width: 39rem;
    margin: clamp(0.9rem, 1.8svh, 1.35rem) auto 0;
    color: var(--mockup-copy);
    font-size: clamp(0.98rem, 1.08vw, 1.12rem);
    line-height: 1.58;
    letter-spacing: -0.01em;
  }

  ._problemSteps_y1p4x_6141 {
    grid-column: 1;
    grid-row: 2;
    align-self: stretch;
    align-content: center;
    width: 100%;
    margin: 0;
    padding: clamp(0.7rem, 1.5vw, 1.2rem) clamp(1rem, 1.8vw, 1.5rem) clamp(0.7rem, 1.5vw, 1.2rem) clamp(2.6rem, 4vw, 3.5rem);
    overflow: hidden;
    border: 1px solid var(--mockup-border);
    border-radius: clamp(1rem, 1.8vw, 1.4rem) 0 0 clamp(1rem, 1.8vw, 1.4rem);
    background: linear-gradient(145deg, #121212, #0c0c0c);
  }

  ._problemStepsRail_y1p4x_6155 {
    top: 1.2rem;
    bottom: 1.2rem;
    left: 1.45rem;
  }

  ._problemStep_y1p4x_6141 {
    min-height: 0;
    grid-template-columns: 2rem 1fr;
    gap: 0.65rem;
    padding: clamp(0.9rem, 1.8svh, 1.25rem) 0;
    border-color: rgb(255 255 255 / 0.07);
  }

  ._problemStep_y1p4x_6141 h3 {
    font-size: clamp(0.95rem, 1.15vw, 1.16rem);
    font-weight: 400;
    letter-spacing: -0.025em;
  }

  ._problemStep_y1p4x_6141 p {
    margin-top: 0.3rem;
    color: rgb(255 255 255 / calc(0.34 + (var(--problem-step-focus) * 0.22)));
    font-size: clamp(0.8rem, 0.86vw, 0.9rem);
  }

  ._problemVisual_y1p4x_6181 {
    grid-column: 2;
    grid-row: 2;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-height: 20rem;
    max-height: none;
    border: 1px solid var(--mockup-border);
    border-left: 0;
    border-radius: 0 clamp(1rem, 1.8vw, 1.4rem) clamp(1rem, 1.8vw, 1.4rem) 0;
    background: #07142b;
  }

  ._problemVisualFrame_y1p4x_6195 {
    border: 0;
  }

  ._problemVisualFrame_y1p4x_6195 > span {
    display: none;
  }
}

._capabilityHeader_y1p4x_916 {
  width: var(--mockup-section-width);
  justify-items: center;
  gap: clamp(0.9rem, 1.8svh, 1.3rem);
  margin-inline: auto;
  padding: clamp(7rem, 14svh, 10rem) 0 clamp(2.5rem, 5svh, 4rem);
  text-align: center;
}

._capabilityHeader_y1p4x_916 ._storyHeading_y1p4x_412 {
  width: auto;
  max-width: 19ch;
  font-size: clamp(2.5rem, 3.8vw, 4.2rem);
  line-height: 0.98;
}

._capabilityHeader_y1p4x_916 ._storyHeading_y1p4x_412 span {
  white-space: normal;
}

._capabilityHeaderCopy_y1p4x_945 {
  max-width: 39rem;
}

._capabilityHeaderCopy_y1p4x_945 p {
  color: var(--mockup-copy);
  font-size: clamp(0.98rem, 1.08vw, 1.12rem);
  line-height: 1.58;
  letter-spacing: -0.01em;
}

._capabilitySticky_y1p4x_906 {
  width: var(--mockup-section-width);
  margin-inline: auto;
  padding: clamp(6rem, 10svh, 7.25rem) 0 clamp(2rem, 4svh, 3rem);
}

._capabilityCard_y1p4x_975 {
  grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  gap: clamp(0.8rem, 1.5vw, 1.35rem);
  padding: clamp(1.15rem, 2.1vw, 2rem);
  border: 1px solid var(--mockup-border);
  border-radius: clamp(1rem, 1.8vw, 1.4rem);
  background: linear-gradient(145deg, var(--mockup-panel), var(--mockup-panel-soft));
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.025);
}

._capabilityCardCopy_y1p4x_1004 {
  padding: clamp(0.55rem, 1vw, 1rem) clamp(0.5rem, 1vw, 1rem);
}

._capabilityCardCopy_y1p4x_1004 h3 {
  max-width: 11ch;
  margin-bottom: clamp(0.8rem, 1.5svh, 1.2rem);
  font-size: clamp(2rem, 3vw, 3.35rem);
  line-height: 0.98;
}

._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._capabilityCardCopy_y1p4x_1004 h3 {
  font-size: clamp(1.85rem, 2.7vw, 3rem);
}

._capabilityCardCopy_y1p4x_1004 p {
  color: var(--mockup-copy);
  font-size: clamp(0.9rem, 0.98vw, 1.02rem);
  line-height: 1.56;
}

._capabilityDeliverables_y1p4x_1051,
._capabilityPlatforms_y1p4x_1052 {
  margin-top: clamp(0.9rem, 1.8svh, 1.35rem);
}

._capabilityDeliverables_y1p4x_1051 > strong,
._capabilityPlatforms_y1p4x_1052 > strong {
  color: rgb(255 255 255 / 0.72);
  font-size: 0.57rem;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: none;
}

._capabilityDeliverables_y1p4x_1051 ul,
._capabilityPlatforms_y1p4x_1052 ul {
  color: rgb(255 255 255 / 0.43);
  font-size: clamp(0.61rem, 0.69vw, 0.72rem);
}

._capabilityVisual_y1p4x_1127 {
  border: 1px solid rgb(255 255 255 / 0.055);
  border-radius: clamp(0.8rem, 1.4vw, 1.1rem);
  background: #090909;
}

._finalStory_y1p4x_458 {
  min-height: 112svh;
}

._finalStorySticky_y1p4x_3980 {
  width: var(--mockup-section-width);
  margin-inline: auto;
  padding: clamp(5rem, 10svh, 8rem) 0;
}

._finalStoryContent_y1p4x_458 {
  position: relative;
  isolation: isolate;
  width: 100%;
  min-height: clamp(17rem, 29vw, 23rem);
  justify-items: start;
  align-content: center;
  overflow: hidden;
  padding: clamp(2rem, 4vw, 3.5rem);
  border: 1px solid var(--mockup-border);
  border-radius: clamp(1rem, 2vw, 1.55rem);
  text-align: left;
  background:
    linear-gradient(90deg, rgb(3 8 18 / 0.96) 0%, rgb(3 10 24 / 0.82) 42%, rgb(3 9 18 / 0.1) 78%),
    url("/websites-hero/layer1-v4-1920.webp") 50% 54% / cover no-repeat;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

._finalStoryContent_y1p4x_458::after {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background: linear-gradient(to top, rgb(0 0 0 / 0.24), transparent 55%);
  pointer-events: none;
}

._finalStoryContent_y1p4x_458 ._storyHeading_y1p4x_412 {
  max-width: 11ch;
  font-size: clamp(2.5rem, 4vw, 4.3rem);
  line-height: 0.98;
}

._finalStoryContent_y1p4x_458 > p {
  max-width: 28rem;
  margin-top: clamp(0.8rem, 1.5vw, 1.2rem);
  color: rgb(255 255 255 / 0.66);
  font-size: clamp(0.98rem, 1.08vw, 1.12rem);
  line-height: 1.58;
  text-align: left;
}

._finalActions_y1p4x_4094 {
  justify-content: flex-start;
  margin-top: clamp(1.1rem, 2vw, 1.6rem);
}

._finalActions_y1p4x_4094 a {
  min-height: 2.55rem;
  padding-inline: 1rem;
  font-size: 0.68rem;
}

._finalStoryContent_y1p4x_458 > small {
  max-width: 27rem;
  color: rgb(255 255 255 / 0.38);
  text-align: left;
}

@media (orientation: landscape) and (min-width: 901px) and (max-height: 900px) {
  ._problemLayout_y1p4x_6103 {
    padding-top: max(5rem, 8svh);
    padding-bottom: max(1.5rem, 3svh);
  }

  ._problemSolution_y1p4x_6050 ._storyEyebrow_y1p4x_424 {
    margin-bottom: 0.7rem;
  }

  ._problemIntro_y1p4x_6092 h2 {
    font-size: clamp(2.25rem, min(3.5vw, 6svh), 3.7rem);
  }

  ._problemIntro_y1p4x_6092 > p {
    margin-top: 0.7rem;
    font-size: clamp(0.72rem, 0.8vw, 0.84rem);
  }

  ._problemSteps_y1p4x_6141 {
    margin-top: 0;
  }
}

@media (orientation: portrait), (max-width: 900px) {
  ._problemCopy_y1p4x_6113 {
    right: 15%;
    left: 15%;
  }

  ._problemIntro_y1p4x_6092 h2 {
    font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
    font-size: clamp(2.2rem, 9.5vw, 3.8rem);
    line-height: 0.98;
    letter-spacing: -0.035em;
  }

  ._problemIntro_y1p4x_6092 > p {
    color: var(--mockup-copy);
    font-size: clamp(0.98rem, 3.7vw, 1.08rem);
    line-height: 1.58;
  }

  ._capabilityHeader_y1p4x_916,
  ._capabilitySticky_y1p4x_906,
  ._finalStorySticky_y1p4x_3980 {
    width: var(--mockup-section-width);
    padding-right: 0;
    padding-left: 0;
  }

  ._capabilityHeader_y1p4x_916 {
    justify-items: center;
    padding-top: 7rem;
    text-align: center;
  }

  ._capabilitySticky_y1p4x_906 {
    padding-top: max(5.5rem, 10svh);
  }

  ._capabilityHeader_y1p4x_916 ._storyHeading_y1p4x_412 {
    font-size: clamp(2.2rem, 9vw, 3.5rem);
  }

  ._capabilityCard_y1p4x_975 {
    grid-template-columns: 1fr;
    grid-template-rows: auto minmax(15rem, 1fr);
    padding: 1rem;
  }

  ._capabilityCardCopy_y1p4x_1004 h3,
  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._capabilityCardCopy_y1p4x_1004 h3 {
    max-width: 12ch;
    font-size: clamp(1.9rem, 7.2vw, 2.8rem);
  }

  ._finalStoryContent_y1p4x_458 {
    min-height: 31rem;
    padding: clamp(1.35rem, 5vw, 2rem);
    background:
      linear-gradient(to bottom, rgb(3 8 18 / 0.97) 0%, rgb(3 10 24 / 0.78) 56%, rgb(3 9 18 / 0.18) 100%),
      url("/websites-hero/layer1-v4-1280.webp") 62% 50% / cover no-repeat;
  }

  ._finalStoryContent_y1p4x_458 ._storyHeading_y1p4x_412 {
    font-size: clamp(2.2rem, 9vw, 3.4rem);
  }

  ._finalActions_y1p4x_4094 {
    justify-content: start;
  }
}

@media (orientation: portrait) {
  ._flowerViewer_y1p4x_109 {
    width: 85vw;
  }

  ._hero_y1p4x_5103 {
    --hero-height: var(--hero-height-vertical);
  }

  ._heroCopyPlane_y1p4x_5827 {
    width: min(31rem, 86%);
  }

  ._heroCopyPlane_y1p4x_5827 p {
    font-size: clamp(1.1rem, 4.7vw, 1.65rem);
  }

  ._mapRouteScrollScene_y1p4x_216 {
    --map-route-height: clamp(36rem, 120vw, 48rem);
    --map-route-scroll-distance: 132svh;

    margin-top: clamp(3.5rem, 9vw, 5rem);
  }

  ._mapRoute_y1p4x_216 {
    width: 80vw;
    max-width: none;
    height: var(--map-route-height);
    margin-top: 0;
  }

  ._mapRouteDesktopLine_y1p4x_255 {
    display: none;
  }

  ._mapRouteMobileLine_y1p4x_256 {
    display: block;
  }

  ._mapRouteStop_y1p4x_295 {
    top: var(--route-mobile-y);
    left: var(--route-mobile-x);
  }

  ._mapRouteLabel_y1p4x_342,
  ._mapRouteStop_y1p4x_295:nth-child(2) ._mapRouteLabel_y1p4x_342,
  ._mapRouteStop_y1p4x_295:nth-child(3) ._mapRouteLabel_y1p4x_342 {
    top: 50%;
    bottom: auto;
    left: calc(100% + 0.9rem);
    transform: translateY(-50%);
  }

  ._mapRouteStop_y1p4x_295:nth-child(even) ._mapRouteLabel_y1p4x_342 {
    right: calc(100% + 0.9rem);
    left: auto;
  }

  ._mapRouteTreasure_y1p4x_361 {
    top: calc(94.5% + 10px);
    left: 100%;
  }
}

/* Scroll-controlled keyhole hero */

._keyholeEntrance_y1p4x_6529 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  pointer-events: none;
}

._keyholeHero_y1p4x_6540 {
  --keyhole-camera-scale: 1.03;
  --keyhole-door-opacity: 1;
  --keyhole-detail-opacity: 1;
  --keyhole-hint-opacity: 1;
  --keyhole-cloud-x: 0vw;
  --keyhole-far-y: 0vh;
  --keyhole-castle-y: 0vh;
  --keyhole-landscape-y: 0vh;
  --keyhole-fairy-x: -12vw;
  --keyhole-fairy-y: 70vh;
  --keyhole-fairy-rotation: -8deg;
  --keyhole-fairy-opacity: 0;
  --keyhole-copy-opacity: 0;
  --keyhole-copy-y: 58px;
  --keyhole-copy-blur: 13px;
  --keyhole-wash-opacity: 0;
  --keyhole-transition-opacity: 0;
  --keyhole-cloud-bank-opacity: 0;
  --keyhole-cloud-back-y: 56vh;
  --keyhole-cloud-middle-y: 66vh;
  --keyhole-cloud-front-y: 76vh;
  --keyhole-cloud-back-x: -4vw;
  --keyhole-cloud-middle-x: 3vw;

  position: relative;
  z-index: 2;
  height: 420svh;
  color: #ffffff;
  background: #050408;
}

._keyholeHeroSticky_y1p4x_6572 {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  background: #050408;
}

._keyholeWorld_y1p4x_6581 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #76b8f2;
}

._keyholeCamera_y1p4x_6588 {
  position: absolute;
  inset: -4%;
  overflow: hidden;
  transform: scale(var(--keyhole-camera-scale));
  transform-origin: 50% 54%;
  will-change: transform;
}

._keyholeFarLayer_y1p4x_6597,
._keyholeCloudLayer_y1p4x_6598,
._keyholeCastleLayer_y1p4x_6599,
._keyholeLandscapeLayer_y1p4x_6600,
._keyholeWorldWash_y1p4x_6601 {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

._keyholeFarLayer_y1p4x_6597 {
  transform: translate3d(0, var(--keyhole-far-y), 0);
  will-change: transform;
}

._keyholeFarLayer_y1p4x_6597::after {
  position: absolute;
  inset: 0;
  content: "";
  background:
    linear-gradient(to bottom, rgb(109 169 255 / 0.06), transparent 52%),
    radial-gradient(circle at 50% 38%, transparent 38%, rgb(42 28 99 / 0.1) 100%);
}

._keyholeFarLayer_y1p4x_6597 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

._keyholeCloudLayer_y1p4x_6598 {
  width: 100%;
  height: 47%;
  opacity: 0.52;
  filter: blur(1.2px);
  transform: translate3d(var(--keyhole-cloud-x), 0, 0) scale(1.08);
  will-change: transform;
}

._keyholeCastleLayer_y1p4x_6599 {
  top: 17%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: clamp(23rem, 34vw, 39rem);
  height: auto;
  filter:
    drop-shadow(0 1.4rem 2.8rem rgb(51 25 91 / 0.2))
    saturate(1.04);
  transform: translate3d(-50%, var(--keyhole-castle-y), 0);
  will-change: transform;
}

._keyholeCastleLayer_y1p4x_6599 img,
._keyholeLandscapeLayer_y1p4x_6600 img {
  display: block;
  width: 100%;
  height: auto;
}

._keyholeLandscapeLayer_y1p4x_6600 {
  top: 38%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 120%;
  height: auto;
  filter:
    drop-shadow(0 -1rem 2.8rem rgb(30 18 67 / 0.24))
    saturate(1.03);
  transform: translate3d(-50%, var(--keyhole-landscape-y), 0);
  will-change: transform;
}

._keyholeWorldWash_y1p4x_6601 {
  z-index: 5;
  opacity: var(--keyhole-wash-opacity);
  background: linear-gradient(180deg, #e8ddff, #e6f7f4);
}

._keyholeDoor_y1p4x_6679 {
  position: absolute;
  inset: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: var(--keyhole-door-opacity);
  pointer-events: none;
  will-change: opacity;
}

._keyholeArtwork_y1p4x_6690 {
  opacity: var(--keyhole-detail-opacity);
  filter:
    drop-shadow(0 0.2rem 0.35rem rgb(0 0 0 / 0.72))
    drop-shadow(0 0 1.2rem rgb(240 195 112 / 0.2));
}

._keyholeFairy_y1p4x_6697 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 13;
  width: clamp(3.4rem, 5.4vw, 5.8rem);
  aspect-ratio: 1;
  opacity: var(--keyhole-fairy-opacity);
  pointer-events: none;
  filter:
    drop-shadow(0 0 0.35rem rgb(255 244 165 / 0.9))
    drop-shadow(0 0 0.85rem rgb(201 244 226 / 0.58));
  transform:
    translate3d(var(--keyhole-fairy-x), var(--keyhole-fairy-y), 0)
    rotate(var(--keyhole-fairy-rotation));
  transform-origin: center;
  will-change: transform, opacity;
}

._keyholeFairyWings_y1p4x_6716,
._keyholeFairyBody_y1p4x_6717 {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: auto;
}

._keyholeFairyWings_y1p4x_6716 {
  z-index: 1;
  overflow: visible;
}

._keyholeFairyBody_y1p4x_6717 {
  z-index: 2;
}

._keyholeFairyWingBack_y1p4x_6734,
._keyholeFairyWingFront_y1p4x_6735 {
  transform-box: view-box;
  transform-origin: 59% 33%;
  will-change: transform;
}

._keyholeFairyWingBack_y1p4x_6734 {
  opacity: 0.76;
  animation: _websites-keyhole-wing-back_y1p4x_1 360ms cubic-bezier(0.45, 0, 0.55, 1) infinite alternate;
}

._keyholeFairyWingFront_y1p4x_6735 {
  animation: _websites-keyhole-wing-front_y1p4x_1 295ms cubic-bezier(0.45, 0, 0.55, 1) 80ms infinite alternate;
}

._keyholeFairyWingVeins_y1p4x_6750 {
  fill: none;
  stroke: rgb(185 143 205 / 0.5);
  stroke-linecap: round;
  stroke-width: 3;
}

._keyholeDustTrail_y1p4x_6757 {
  position: absolute;
  top: 48%;
  left: 39%;
  z-index: 0;
  width: 1px;
  height: 1px;
  filter: drop-shadow(0 0 0.5rem rgb(255 240 130 / 0.72));
}

._keyholeDustTrail_y1p4x_6757::before {
  position: absolute;
  top: 50%;
  right: -4px;
  width: 250px;
  height: 38px;
  border-radius: 50%;
  content: "";
  background:
    radial-gradient(ellipse at 96% 50%, rgb(255 255 235 / 0.72), transparent 12%),
    linear-gradient(
      90deg,
      transparent 0%,
      rgb(193 221 255 / 0.06) 18%,
      rgb(255 188 239 / 0.13) 47%,
      rgb(255 239 130 / 0.36) 78%,
      rgb(255 255 231 / 0.64) 100%
    );
  filter: blur(5px);
  opacity: 0.82;
  transform: translateY(-50%) rotate(-3deg);
  transform-origin: right center;
  animation: _websites-keyhole-dust-ribbon_y1p4x_1 1.3s ease-in-out infinite alternate;
}

._keyholeDustTrail_y1p4x_6757 span {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--dust-size);
  height: var(--dust-size);
  background: #fffbd8;
  box-shadow:
    0 0 0.35rem rgb(255 224 82 / 0.98),
    0 0 0.9rem rgb(255 177 239 / 0.78),
    0 0 1.35rem rgb(173 217 255 / 0.58);
  translate: var(--dust-x) var(--dust-y);
  animation: _websites-keyhole-dust_y1p4x_1 1.05s ease-in-out var(--dust-delay) infinite alternate;
  will-change: opacity, transform;
}

._keyholeDustParticle_y1p4x_6808 {
  border-radius: 50%;
}

._keyholeDustStar_y1p4x_6812 {
  clip-path: polygon(
    50% 0,
    60% 39%,
    100% 50%,
    60% 61%,
    50% 100%,
    40% 61%,
    0 50%,
    40% 39%
  );
}

._keyholeDustTrail_y1p4x_6757 span:nth-child(3n + 2) {
  background: #ffe3f7;
  box-shadow:
    0 0 0.4rem rgb(255 171 229 / 0.96),
    0 0 1rem rgb(255 240 157 / 0.72);
}

._keyholeDustTrail_y1p4x_6757 span:nth-child(5n) {
  background: #e8f7ff;
  box-shadow:
    0 0 0.38rem rgb(164 219 255 / 0.98),
    0 0 1.1rem rgb(240 189 255 / 0.7);
}

._keyholeHeroCopy_y1p4x_6839 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 12;
  width: min(88vw, 68rem);
  opacity: var(--keyhole-copy-opacity);
  text-align: center;
  filter: blur(var(--keyhole-copy-blur));
  transform: translate3d(-50%, calc(-50% + var(--keyhole-copy-y)), 0);
  will-change: transform, opacity, filter;
}

._keyholeEyebrow_y1p4x_6852 {
  margin: 0 0 clamp(1rem, 2vw, 1.5rem);
  color: rgb(255 255 255 / 0.82);
  font-size: clamp(0.68rem, 0.92vw, 0.8rem);
  font-weight: 700;
  letter-spacing: 0.18em;
  text-shadow: 0 0.2rem 1rem rgb(28 13 69 / 0.38);
  text-transform: uppercase;
}

._keyholeHeroCopy_y1p4x_6839 h1 {
  margin: 0;
  color: #ffffff;
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(3.25rem, 8.1vw, 8.7rem);
  font-weight: 600;
  line-height: 0.86;
  letter-spacing: -0.07em;
  text-shadow: 0 0.25rem 1.5rem rgb(28 13 69 / 0.34);
  text-wrap: balance;
}

._keyholeHeroCopy_y1p4x_6839 h1 span {
  display: block;
}

._keyholeHeroCopy_y1p4x_6839 h1 span:last-child {
  font-weight: 300;
}

._keyholeHeroParagraph_y1p4x_6882 {
  width: min(100%, 43rem);
  margin: clamp(1.6rem, 3vw, 2.35rem) auto 0;
  color: rgb(255 255 255 / 0.88);
  font-size: clamp(1.05rem, 1.7vw, 1.35rem);
  line-height: 1.55;
  letter-spacing: -0.025em;
  text-shadow: 0 0.2rem 1rem rgb(27 13 67 / 0.42);
  text-wrap: balance;
}

._keyholeScrollHint_y1p4x_6893 {
  position: absolute;
  bottom: max(1.6rem, calc(1.1rem + env(safe-area-inset-bottom)));
  left: 50%;
  z-index: 12;
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  width: max-content;
  color: rgb(255 255 255 / 0.68);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  opacity: var(--keyhole-hint-opacity);
  text-transform: uppercase;
  transform: translateX(-50%);
}

._keyholeScrollHint_y1p4x_6893 i {
  position: relative;
  width: 1px;
  height: 2.4rem;
  overflow: hidden;
  background: rgb(255 255 255 / 0.22);
}

._keyholeScrollHint_y1p4x_6893 i::after {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 65%;
  content: "";
  background: #ffffff;
  animation: _websites-keyhole-scroll-line_y1p4x_1 1.8s ease-in-out infinite;
}

._keyholeTransitionVeil_y1p4x_6930 {
  position: absolute;
  inset: 0;
  z-index: 11;
  opacity: var(--keyhole-transition-opacity);
  pointer-events: none;
  background: linear-gradient(to bottom, transparent 42%, rgb(232 221 255 / 0.42) 100%);
}

._keyholeCloudPassage_y1p4x_6939 {
  position: absolute;
  inset: 0;
  z-index: 14;
  opacity: var(--keyhole-cloud-bank-opacity);
  overflow: hidden;
  pointer-events: none;
  will-change: opacity;
}

._keyholeCloudBank_y1p4x_6949 {
  position: absolute;
  right: -7%;
  left: -7%;
  width: 114%;
  height: min(56vh, 34rem);
  overflow: visible;
  will-change: transform;
}

._keyholeCloudBankBack_y1p4x_6959 {
  bottom: 5vh;
  opacity: 0.86;
  filter: blur(1.5px);
  transform:
    translate3d(
      var(--keyhole-cloud-back-x),
      var(--keyhole-cloud-back-y),
      0
    );
}

._keyholeCloudBankMiddle_y1p4x_6971 {
  bottom: -1vh;
  opacity: 0.94;
  filter: drop-shadow(0 -1.5rem 2.8rem rgb(117 111 198 / 0.1));
  transform:
    translate3d(
      var(--keyhole-cloud-middle-x),
      var(--keyhole-cloud-middle-y),
      0
    );
}

._keyholeCloudBankFront_y1p4x_6983 {
  bottom: -8vh;
  filter: drop-shadow(0 -1.6rem 3rem rgb(109 91 165 / 0.1));
  transform: translate3d(0, var(--keyhole-cloud-front-y), 0);
}

@keyframes _websites-keyhole-wing-back_y1p4x_1 {
  from {
    transform: rotate(11deg) scaleY(0.58) skewX(-4deg);
  }

  to {
    transform: rotate(-7deg) scaleY(1.04) skewX(0deg);
  }
}

@keyframes _websites-keyhole-wing-front_y1p4x_1 {
  from {
    transform: rotate(7deg) scaleY(0.68) skewX(-3deg);
  }

  to {
    transform: rotate(-10deg) scaleY(1.04) skewX(0deg);
  }
}

@keyframes _websites-keyhole-dust_y1p4x_1 {
  from {
    opacity: 0.14;
    transform: translate3d(0, 4px, 0) rotate(-18deg) scale(0.38);
  }

  to {
    opacity: 1;
    transform:
      translate3d(calc(var(--dust-drift) * -1), -5px, 0)
      rotate(22deg)
      scale(1.35);
  }
}

@keyframes _websites-keyhole-dust-ribbon_y1p4x_1 {
  from {
    opacity: 0.48;
    transform: translateY(-50%) rotate(-5deg) scaleY(0.7);
  }

  to {
    opacity: 0.9;
    transform: translateY(-50%) rotate(2deg) scaleY(1.08);
  }
}

@keyframes _websites-keyhole-scroll-line_y1p4x_1 {
  0% {
    transform: translateY(0);
  }

  70%,
  100% {
    transform: translateY(310%);
  }
}

@media (max-width: 700px) {
  ._keyholeHero_y1p4x_6540 {
    height: 390svh;
  }

  ._keyholeCamera_y1p4x_6588 {
    inset: -2%;
    transform-origin: 50% 56%;
  }

  ._keyholeFarLayer_y1p4x_6597 img {
    object-position: 50% center;
  }

  ._keyholeCastleLayer_y1p4x_6599 {
    top: 22%;
    width: 69vw;
  }

  ._keyholeLandscapeLayer_y1p4x_6600 {
    top: 43%;
    width: 168%;
  }

  ._keyholeFairy_y1p4x_6697 {
    width: clamp(3.2rem, 14vw, 4.7rem);
  }

  ._keyholeHeroCopy_y1p4x_6839 {
    top: 48%;
    width: min(89vw, 34rem);
  }

  ._keyholeHeroCopy_y1p4x_6839 h1 {
    font-size: clamp(3.15rem, 15.2vw, 5.5rem);
    line-height: 0.9;
  }

  ._keyholeHeroParagraph_y1p4x_6882 {
    max-width: 31rem;
    font-size: 1rem;
  }

  ._keyholeScrollHint_y1p4x_6893 {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._keyholeHero_y1p4x_6540 {
    height: 100svh;
  }

  ._keyholeCamera_y1p4x_6588 {
    transform: scale(1.08);
  }

  ._keyholeDoor_y1p4x_6679,
  ._keyholeScrollHint_y1p4x_6893,
  ._keyholeFairy_y1p4x_6697 {
    display: none;
  }

  ._keyholeHeroCopy_y1p4x_6839 {
    opacity: 1;
    filter: none;
    transform: translate3d(-50%, -50%, 0);
  }

  ._keyholeFairyWingBack_y1p4x_6734,
  ._keyholeFairyWingFront_y1p4x_6735,
  ._keyholeDustTrail_y1p4x_6757 span,
  ._keyholeDustTrail_y1p4x_6757::before {
    animation: none;
  }
}

/* The first section after the hero occupies exactly one viewport without top offsets. */
._audienceContent_y1p4x_31 {
  height: 100vh;
  height: 100svh;
  margin-top: 0;
}

._audienceWorld_y1p4x_475 {
  height: 100vh;
  height: 100svh;
  min-height: 100vh;
  min-height: 100svh;
  margin-top: 0;
  padding-top: 0;
  overflow: hidden;
}

._audienceSticky_y1p4x_490 {
  top: 0;
  height: 100vh;
  height: 100svh;
  min-height: 100vh;
  min-height: 100svh;
  padding-top: 0;
}

@media (max-width: 820px) {
  ._audienceCopy_y1p4x_504 {
    margin-top: 0;
  }
}

/* 01: Problem / solution */

._problemContent_y1p4x_7158 {
  z-index: 2;
  margin-top: 0;
}

._problemSolution_y1p4x_6050 {
  --problem-progress: 0;
  --problem-understand: 1;
  --problem-feel: 0;
  --problem-do: 0;
  --problem-intro-opacity: 1;
  --problem-steps-reveal: 0;

  position: relative;
  height: 440vh;
  height: 440svh;
  isolation: isolate;
  color: #f8f8fb;
  background: transparent;
}

._problemSticky_y1p4x_7179 {
  position: sticky;
  top: 0;
  width: 100%;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  background: transparent;
}

._problemAtmosphere_y1p4x_7189 {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

._problemAtmosphere_y1p4x_7189::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--story-gutter);
  width: 1px;
  content: "";
  opacity: 0.52;
  background: linear-gradient(to bottom, transparent, rgb(255 255 255 / 0.12) 22% 78%, transparent);
}

._problemAtmosphere_y1p4x_7189 > span {
  position: absolute;
  border-radius: 50%;
  opacity: calc(0.08 + (var(--problem-progress) * 0.22));
  filter: blur(5rem);
  transform: scale(calc(0.78 + (var(--problem-progress) * 0.22)));
  will-change: opacity, transform;
}

._problemAtmosphere_y1p4x_7189 > span:first-child {
  top: 8%;
  right: 4%;
  width: min(34vw, 34rem);
  aspect-ratio: 1;
  background: rgb(76 109 255 / 0.3);
}

._problemAtmosphere_y1p4x_7189 > span:last-child {
  right: 27%;
  bottom: -20%;
  width: min(28vw, 28rem);
  aspect-ratio: 1;
  background: rgb(132 70 255 / 0.18);
}

._problemLayout_y1p4x_6103 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(24rem, 0.88fr) minmax(30rem, 1.12fr);
  align-items: center;
  gap: clamp(2rem, 4.2vw, 6rem);
  padding: max(6.5rem, 10svh) var(--story-gutter) clamp(3.5rem, 7svh, 6rem);
}

._problemCopy_y1p4x_6113 {
  position: relative;
  z-index: 3;
  align-self: center;
}

._problemIntro_y1p4x_6092 {
  width: min(100%, 39rem);
}

._problemIntro_y1p4x_6092 h2 {
  max-width: 11.5ch;
  margin: 0;
  color: #f5f4f7;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.15rem, 4.25vw, 5.15rem);
  font-weight: 400;
  line-height: 0.92;
  letter-spacing: -0.058em;
  text-wrap: balance;
}

._problemIntro_y1p4x_6092 > p {
  max-width: 37rem;
  margin: clamp(1.7rem, 3.1svh, 2.5rem) 0 0;
  color: rgb(229 234 242 / 0.62);
  font-size: clamp(0.98rem, 1.08vw, 1.16rem);
  line-height: 1.63;
  letter-spacing: -0.02em;
}

._problemSteps_y1p4x_6141 {
  position: relative;
  display: grid;
  margin-top: clamp(2rem, 4.5svh, 3.7rem);
  padding-left: 1.85rem;
}

._problemStepsRail_y1p4x_6155 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  overflow: hidden;
  background: rgb(255 255 255 / 0.1);
}

._problemStepsRail_y1p4x_6155 > span {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: calc(var(--problem-progress) * 100%);
  background: linear-gradient(to bottom, #ffffff, #8ccfff 62%, #978aff);
  box-shadow: 0 0 0.7rem rgb(105 187 255 / 0.7);
}

._problemStep_y1p4x_6141 {
  --problem-step-focus: 0;

  position: relative;
  min-height: 4.25rem;
  display: grid;
  grid-template-columns: 2.3rem 1fr;
  align-items: start;
  gap: 0.8rem;
  padding: 0.82rem 0;
  border-top: 1px solid rgb(255 255 255 / 0.09);
  opacity: clamp(0.45, var(--problem-step-focus), 1);
  transform: translateX(calc((1 - var(--problem-step-focus)) * -0.35rem));
  transition: color 160ms linear;
}

._problemStep_y1p4x_6141:last-child {
  border-bottom: 1px solid rgb(255 255 255 / 0.09);
}

._problemStep_y1p4x_6141::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 28%;
  height: 1px;
  content: "";
  opacity: var(--problem-step-focus);
  background: linear-gradient(to right, rgb(255 255 255 / 0.88), transparent);
  transform: scaleX(var(--problem-step-focus));
  transform-origin: left;
}

._problemStepNumber_y1p4x_7336 {
  padding-top: 0.32rem;
  color: rgb(189 213 236 / 0.48);
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.12em;
}

._problemStep_y1p4x_6141 h3 {
  margin: 0;
  color: rgb(255 255 255 / calc(0.58 + (var(--problem-step-focus) * 0.42)));
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(1.15rem, 1.45vw, 1.42rem);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.04em;
}

._problemStep_y1p4x_6141 p {
  margin: 0.38rem 0 0;
  color: rgb(224 232 241 / calc(0.5 + (var(--problem-step-focus) * 0.22)));
  font-size: clamp(0.74rem, 0.82vw, 0.84rem);
  line-height: 1.4;
}

._problemVisual_y1p4x_6181 {
  position: relative;
  isolation: isolate;
  width: min(100%, 58rem);
  height: min(84svh, 58rem);
  justify-self: end;
  margin: 0;
  overflow: hidden;
  background: #000000;
}

._problemVisualFrame_y1p4x_6195 {
  position: absolute;
  inset: 0;
  z-index: 4;
  pointer-events: none;
  border: 1px solid rgb(255 255 255 / 0.075);
}

._problemVisualFrame_y1p4x_6195 > span {
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  border-color: rgb(225 240 255 / 0.32);
  border-style: solid;
}

._problemVisualFrame_y1p4x_6195 > span:nth-child(1) {
  top: -1px;
  left: -1px;
  border-width: 1px 0 0 1px;
}

._problemVisualFrame_y1p4x_6195 > span:nth-child(2) {
  top: -1px;
  right: -1px;
  border-width: 1px 1px 0 0;
}

._problemVisualFrame_y1p4x_6195 > span:nth-child(3) {
  right: -1px;
  bottom: -1px;
  border-width: 0 1px 1px 0;
}

._problemVisualFrame_y1p4x_6195 > span:nth-child(4) {
  bottom: -1px;
  left: -1px;
  border-width: 0 0 1px 1px;
}

._problemPlantCanvas_y1p4x_7412 {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

._problemPlantCanvas_y1p4x_7412 {
  z-index: 1;
  background: #000000;
  mask-image: linear-gradient(to bottom, transparent 0, #000000 6%, #000000 91%, transparent 100%);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000000 6%, #000000 91%, transparent 100%);
}

._problemVisual_y1p4x_6181 figcaption {
  position: absolute;
  right: clamp(1rem, 2vw, 1.7rem);
  bottom: clamp(0.9rem, 2vw, 1.5rem);
  left: clamp(1rem, 2vw, 1.7rem);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  color: rgb(227 237 247 / 0.36);
  font-size: 0.56rem;
  font-weight: 600;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

._problemVisual_y1p4x_6181 figcaption strong {
  display: flex;
  align-items: center;
  gap: 0.28rem;
  color: rgb(255 255 255 / 0.66);
  font-size: 0.58rem;
  font-weight: 600;
}

._problemVisual_y1p4x_6181 figcaption > span {
  opacity: clamp(0, calc((0.36 - var(--problem-progress)) * 6), 1);
}

._problemVisual_y1p4x_6181 figcaption strong > span:last-child {
  color: #ffffff;
}

._problemVisualStageNumbers_y1p4x_7461 {
  display: grid;
  width: 1.25rem;
}

._problemVisualStageNumbers_y1p4x_7461 > span {
  --problem-stage-focus: 0;

  grid-area: 1 / 1;
  opacity: clamp(0, calc((var(--problem-stage-focus) * 1.7) - 0.45), 1);
}

/* Keep the complete three-step journey inside shorter desktop viewports. */
@media (orientation: landscape) and (min-width: 901px) and (max-height: 900px) {
  ._problemLayout_y1p4x_6103 {
    padding-top: max(4.75rem, 8svh);
    padding-bottom: max(1.5rem, 4svh);
  }

  ._problemSolution_y1p4x_6050 ._storyEyebrow_y1p4x_424 {
    margin-bottom: clamp(0.8rem, 2svh, 1.4rem);
  }

  ._problemIntro_y1p4x_6092 h2 {
    font-size: clamp(2.7rem, min(4.25vw, 7.5svh), 4.6rem);
  }

  ._problemIntro_y1p4x_6092 > p {
    margin-top: clamp(1rem, 2.2svh, 1.5rem);
    font-size: clamp(0.9rem, 1vw, 1.05rem);
    line-height: 1.5;
  }

  ._problemSteps_y1p4x_6141 {
    margin-top: clamp(1.15rem, 2.8svh, 2rem);
  }

  ._problemStep_y1p4x_6141 {
    min-height: clamp(3.25rem, 7.6svh, 4rem);
    padding-block: clamp(0.55rem, 1.2svh, 0.72rem);
  }
}

@media (orientation: portrait), (max-width: 900px) {
  ._problemSolution_y1p4x_6050 {
    height: 430vh;
    height: 430svh;
  }

  ._problemAtmosphere_y1p4x_7189::before {
    left: 1.15rem;
  }

  ._problemLayout_y1p4x_6103 {
    display: block;
    padding: 0;
  }

  ._problemCopy_y1p4x_6113 {
    position: absolute;
    top: max(6rem, 11svh);
    right: max(1.15rem, env(safe-area-inset-right));
    left: max(1.15rem, env(safe-area-inset-left));
    z-index: 5;
    height: 34svh;
  }

  ._problemIntro_y1p4x_6092 {
    width: 100%;
    opacity: var(--problem-intro-opacity);
    transform: translateY(calc((1 - var(--problem-intro-opacity)) * -1.4rem));
  }

  ._problemSolution_y1p4x_6050 ._storyEyebrow_y1p4x_424 {
    margin-bottom: 1.25rem;
  }

  ._problemIntro_y1p4x_6092 h2 {
    max-width: 14ch;
    font-size: clamp(2.55rem, 10.5vw, 4.3rem);
    line-height: 0.91;
  }

  ._problemIntro_y1p4x_6092 > p {
    max-width: 35rem;
    margin-top: 1.25rem;
    font-size: clamp(0.9rem, 3.4vw, 1.05rem);
    line-height: 1.52;
  }

  ._problemSteps_y1p4x_6141 {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 9.5rem;
    margin: 0;
    padding: 1.35rem 0 0;
    border-top: 1px solid rgb(255 255 255 / 0.12);
    opacity: var(--problem-steps-reveal);
  }

  ._problemStepsRail_y1p4x_6155 {
    top: -1px;
    right: 0;
    bottom: auto;
    left: 0;
    width: auto;
    height: 1px;
  }

  ._problemStepsRail_y1p4x_6155 > span {
    right: auto;
    bottom: 0;
    width: calc(var(--problem-progress) * 100%);
    height: 1px;
    background: linear-gradient(to right, #ffffff, #8ccfff 62%, #978aff);
  }

  ._problemStep_y1p4x_6141 {
    position: absolute;
    top: 1.35rem;
    right: 0;
    left: 0;
    min-height: 0;
    grid-template-columns: 2.5rem 1fr;
    padding: 0;
    border: 0;
    opacity: clamp(0, calc((var(--problem-step-focus) * 1.7) - 0.45), 1);
    transform: translateY(calc((1 - var(--problem-step-focus)) * 0.7rem));
    pointer-events: none;
  }

  ._problemStep_y1p4x_6141:last-child {
    border: 0;
  }

  ._problemStep_y1p4x_6141::before {
    display: none;
  }

  ._problemStep_y1p4x_6141 h3 {
    font-size: clamp(1.9rem, 8vw, 3rem);
  }

  ._problemStep_y1p4x_6141 p {
    max-width: 25rem;
    margin-top: 0.62rem;
    font-size: clamp(0.85rem, 3.2vw, 1rem);
  }

  ._problemVisual_y1p4x_6181 {
    position: absolute;
    top: 35svh;
    right: -5vw;
    bottom: 0;
    left: -5vw;
    width: 110vw;
    height: auto;
    margin: 0;
  }

  ._problemVisualFrame_y1p4x_6195 {
    inset: 2.5rem 5vw 0;
    border-color: rgb(255 255 255 / 0.055);
  }

  ._problemPlantCanvas_y1p4x_7412 {
    mask-image: linear-gradient(to bottom, transparent 0, #000000 10%, #000000 92%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000000 10%, #000000 92%, transparent 100%);
  }

  ._problemVisual_y1p4x_6181 figcaption {
    right: calc(5vw + 1rem);
    bottom: max(1.1rem, env(safe-area-inset-bottom));
    left: calc(5vw + 1rem);
  }

}

@media (max-width: 440px) {
  ._problemCopy_y1p4x_6113 {
    top: max(5.7rem, 9.5svh);
  }

  ._problemSolution_y1p4x_6050 ._storyEyebrow_y1p4x_424 {
    margin-bottom: 1rem;
  }

  ._problemIntro_y1p4x_6092 h2 {
    font-size: clamp(2.35rem, 10.6vw, 3.15rem);
  }

  ._problemIntro_y1p4x_6092 > p {
    font-size: clamp(0.84rem, 3.5vw, 0.98rem);
  }

  ._problemVisual_y1p4x_6181 {
    top: 37svh;
  }

  ._problemVisual_y1p4x_6181 figcaption > span {
    max-width: 12rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  ._problemSolution_y1p4x_6050 {
    --problem-progress: 1;
    --problem-understand: 1;
    --problem-feel: 1;
    --problem-do: 1;
    --problem-intro-opacity: 1;
    --problem-steps-reveal: 1;

    height: auto;
    min-height: 100svh;
  }

  ._problemSticky_y1p4x_7179 {
    position: relative;
    height: auto;
    min-height: 100svh;
    overflow: hidden;
  }

  ._problemLayout_y1p4x_6103 {
    min-height: 100svh;
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: max(6rem, 10svh) max(1.15rem, var(--story-gutter)) 2rem;
  }

  ._problemCopy_y1p4x_6113,
  ._problemIntro_y1p4x_6092,
  ._problemSteps_y1p4x_6141,
  ._problemStep_y1p4x_6141,
  ._problemVisual_y1p4x_6181 {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    opacity: 1;
    transform: none;
  }

  ._problemCopy_y1p4x_6113 {
    align-self: auto;
  }

  ._problemSteps_y1p4x_6141 {
    display: grid;
    gap: 0;
    margin-top: 2rem;
    padding: 0 0 0 1.5rem;
    border: 0;
  }

  ._problemStepsRail_y1p4x_6155 {
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    width: 1px;
    height: auto;
  }

  ._problemStepsRail_y1p4x_6155 > span {
    width: 1px;
    height: 100%;
  }

  ._problemStep_y1p4x_6141 {
    grid-template-columns: 2.5rem 1fr;
    padding: 0.85rem 0;
    border-top: 1px solid rgb(255 255 255 / 0.1);
    pointer-events: auto;
  }

  ._problemStep_y1p4x_6141:last-child {
    border-bottom: 1px solid rgb(255 255 255 / 0.1);
  }

  ._problemStep_y1p4x_6141 h3 {
    font-size: 1.35rem;
  }

  ._problemVisual_y1p4x_6181 {
    min-height: min(62svh, 40rem);
  }

  ._problemVisualFrame_y1p4x_6195 {
    inset: 0;
  }

}

/* Problem/solution refinements live after the original scene rules so the
 * mockup layout wins without altering the protected ProductExplorer styles. */

._problemIntro_y1p4x_6092 h2 {
  color: var(--mockup-heading);
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.035em;
}

@media (orientation: landscape) and (min-width: 901px) {
  ._problemLayout_y1p4x_6103 {
    width: var(--mockup-section-width);
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    grid-template-rows: auto minmax(20rem, 1fr);
    align-items: stretch;
    gap: clamp(1.25rem, 2.2vw, 2rem) clamp(0.75rem, 1.2vw, 1.1rem);
    margin: 0 auto;
    padding: clamp(6rem, 10svh, 8rem) 0 clamp(2rem, 4svh, 3.5rem);
  }

  ._problemCopy_y1p4x_6113 {
    display: contents;
  }

  ._problemIntro_y1p4x_6092 {
    grid-column: 1 / -1;
    grid-row: 1;
    justify-self: center;
    width: min(100%, 48rem);
    text-align: center;
  }

  ._problemIntro_y1p4x_6092 h2 {
    max-width: 19ch;
    margin-inline: auto;
    font-size: clamp(2.55rem, 3.7vw, 4.15rem);
    line-height: 0.98;
  }

  ._problemIntro_y1p4x_6092 > p {
    max-width: 39rem;
    margin: clamp(0.9rem, 1.8svh, 1.35rem) auto 0;
    color: var(--mockup-copy);
    font-size: clamp(0.78rem, 0.88vw, 0.92rem);
    line-height: 1.48;
    letter-spacing: -0.01em;
  }

  ._problemSteps_y1p4x_6141 {
    grid-column: 1;
    grid-row: 2;
    align-self: stretch;
    align-content: center;
    width: 100%;
    margin: 0;
    padding: clamp(0.7rem, 1.5vw, 1.2rem) clamp(1rem, 1.8vw, 1.5rem) clamp(0.7rem, 1.5vw, 1.2rem) clamp(2.6rem, 4vw, 3.5rem);
    overflow: hidden;
    border: 1px solid var(--mockup-border);
    border-radius: clamp(1rem, 1.8vw, 1.4rem) 0 0 clamp(1rem, 1.8vw, 1.4rem);
    background: linear-gradient(145deg, #121212, #0c0c0c);
  }

  ._problemStepsRail_y1p4x_6155 {
    top: 1.2rem;
    bottom: 1.2rem;
    left: 1.45rem;
  }

  ._problemStep_y1p4x_6141 {
    min-height: 0;
    grid-template-columns: 2rem 1fr;
    gap: 0.65rem;
    padding: clamp(0.9rem, 1.8svh, 1.25rem) 0;
    border-color: rgb(255 255 255 / 0.07);
  }

  ._problemStep_y1p4x_6141 h3 {
    font-size: clamp(0.95rem, 1.15vw, 1.16rem);
    font-weight: 400;
    letter-spacing: -0.025em;
  }

  ._problemStep_y1p4x_6141 p {
    margin-top: 0.3rem;
    color: rgb(255 255 255 / calc(0.34 + (var(--problem-step-focus) * 0.22)));
    font-size: clamp(0.66rem, 0.73vw, 0.76rem);
  }

  ._problemVisual_y1p4x_6181 {
    grid-column: 2;
    grid-row: 2;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-height: 20rem;
    max-height: none;
    border: 1px solid var(--mockup-border);
    border-left: 0;
    border-radius: 0 clamp(1rem, 1.8vw, 1.4rem) clamp(1rem, 1.8vw, 1.4rem) 0;
    background: #07142b;
  }

  ._problemVisualFrame_y1p4x_6195 {
    border: 0;
  }

  ._problemVisualFrame_y1p4x_6195 > span {
    display: none;
  }
}

@media (orientation: landscape) and (min-width: 901px) and (max-height: 900px) {
  ._problemLayout_y1p4x_6103 {
    padding-top: max(5rem, 8svh);
    padding-bottom: max(1.5rem, 3svh);
  }

  ._problemSolution_y1p4x_6050 ._storyEyebrow_y1p4x_424 {
    margin-bottom: 0.7rem;
  }

  ._problemIntro_y1p4x_6092 h2 {
    font-size: clamp(2.25rem, min(3.5vw, 6svh), 3.7rem);
  }

  ._problemIntro_y1p4x_6092 > p {
    margin-top: 0.7rem;
    font-size: clamp(0.72rem, 0.8vw, 0.84rem);
  }

  ._problemSteps_y1p4x_6141 {
    margin-top: 0;
  }
}

@media (orientation: portrait), (max-width: 900px) {
  ._problemCopy_y1p4x_6113 {
    right: 15%;
    left: 15%;
  }

  ._problemIntro_y1p4x_6092 h2 {
    font-size: clamp(2.2rem, 9.5vw, 3.8rem);
    line-height: 0.98;
  }

  ._problemIntro_y1p4x_6092 > p {
    color: var(--mockup-copy);
  }
}

/* Readability pass for editable body copy. */
._problemIntro_y1p4x_6092 > p {
  font-size: clamp(0.98rem, 1.08vw, 1.12rem);
  line-height: 1.58;
}

._problemStep_y1p4x_6141 p {
  font-size: clamp(0.8rem, 0.86vw, 0.9rem);
  line-height: 1.5;
}

@media (orientation: portrait), (max-width: 900px) {
  ._problemIntro_y1p4x_6092 > p {
    font-size: clamp(0.98rem, 3.7vw, 1.08rem);
  }

  ._problemStep_y1p4x_6141 p {
    font-size: clamp(0.9rem, 3.35vw, 1rem);
  }
}

/* First story section: one centred narrative followed by the seed animation. */
._problemIntro_y1p4x_6092 {
  text-align: center;
}

._problemIntro_y1p4x_6092 > p {
  margin-right: auto;
  margin-left: auto;
}

._problemSteps_y1p4x_6141 {
  display: none;
}

@media (orientation: landscape) and (min-width: 901px) {
  ._problemLayout_y1p4x_6103 {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(20rem, 1fr);
    justify-items: center;
    gap: clamp(1.5rem, 3svh, 2.5rem);
  }

  ._problemIntro_y1p4x_6092 {
    grid-column: 1;
    width: min(100%, 48rem);
  }

  ._problemIntro_y1p4x_6092 h2 {
    max-width: 20ch;
  }

  ._problemVisual_y1p4x_6181 {
    grid-column: 1;
    grid-row: 2;
    width: min(100%, 52rem);
    max-height: 34rem;
    justify-self: center;
    border-left: 1px solid var(--mockup-border);
    border-radius: clamp(1rem, 1.8vw, 1.4rem);
  }
}

@media (orientation: portrait), (max-width: 900px) {
  ._problemIntro_y1p4x_6092 {
    opacity: 1 !important;
    transform: none !important;
  }

  ._problemIntro_y1p4x_6092 h2 {
    max-width: 18ch;
    margin-inline: auto;
  }

  ._problemVisual_y1p4x_6181 {
    right: 15%;
    left: 15%;
    width: auto;
    border: 1px solid var(--mockup-border);
    border-radius: 1.1rem;
  }

  ._problemVisualFrame_y1p4x_6195 {
    inset: 0;
    border: 0;
  }
}

/* Seed animation is intentionally presented without interface chrome. */
._problemVisual_y1p4x_6181 {
  border: 0;
  border-radius: 0;
  background: transparent;
}

._problemVisualFrame_y1p4x_6195,
._problemVisual_y1p4x_6181 figcaption {
  display: none;
}

._problemPlantCanvas_y1p4x_7412 {
  background: transparent;
  mask-image: none;
  -webkit-mask-image: none;
}

._problemVisual_y1p4x_6181 {
  width: min(100%, 52rem);
  height: auto;
  min-height: 0;
  max-height: none;
  align-self: center;
  aspect-ratio: 1024 / 688;
  overflow: visible;
}

@media (orientation: portrait), (max-width: 900px) {
  ._problemVisual_y1p4x_6181 {
    bottom: auto;
    width: auto;
    height: auto;
    aspect-ratio: 1024 / 688;
  }
}

/* On desktop .problemCopy uses display: contents, so layer the actual text node. */
._problemIntro_y1p4x_6092 {
  position: relative;
  z-index: 3;
}

._problemVisual_y1p4x_6181 {
  z-index: 1;
}

/* 02: Direction before decoration */
._brandDirection_y1p4x_8047 {
  width: 70%;
  margin: 0 auto;
  padding: clamp(8rem, 15svh, 12rem) 0 clamp(8rem, 14svh, 11rem);
  color: #f1f0ed;
}

._brandDirectionHeader_y1p4x_8054 {
  width: min(100%, 54rem);
  display: grid;
  justify-items: center;
  margin: 0 auto;
  text-align: center;
}

._brandDirection_y1p4x_8047 ._storyEyebrow_y1p4x_424 {
  gap: 0.42rem;
  margin-bottom: clamp(1rem, 2svh, 1.4rem);
  padding: 0.34rem 0.62rem;
  border: 1px solid rgb(255 255 255 / 0.07);
  border-radius: 999px;
  color: rgb(255 255 255 / 0.42);
  background: rgb(255 255 255 / 0.045);
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.58rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  text-transform: none;
}

._brandDirection_y1p4x_8047 ._storyEyebrow_y1p4x_424 > span {
  display: block;
  width: auto;
  aspect-ratio: auto;
  padding-right: 0.42rem;
  border: 0;
  border-right: 1px solid rgb(255 255 255 / 0.11);
  border-radius: 0;
  color: rgb(255 255 255 / 0.62);
  font-size: inherit;
}

._brandDirectionHeader_y1p4x_8054 h2 {
  max-width: 19ch;
  margin: 0;
  color: #f1f0ed;
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-size: clamp(2.6rem, 4vw, 4.4rem);
  font-weight: 400;
  line-height: 0.98;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

._brandDirectionHeader_y1p4x_8054 h2 span {
  display: block;
}

._brandDirectionQuestions_y1p4x_8105 {
  width: min(100%, 43rem);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: clamp(2.3rem, 4svh, 3.4rem);
  border-top: 1px solid rgb(255 255 255 / 0.09);
  border-left: 1px solid rgb(255 255 255 / 0.09);
}

._brandDirectionQuestions_y1p4x_8105 p {
  min-height: 5.2rem;
  display: grid;
  place-items: center;
  margin: 0;
  padding: 1rem;
  border-right: 1px solid rgb(255 255 255 / 0.09);
  border-bottom: 1px solid rgb(255 255 255 / 0.09);
  color: rgb(255 255 255 / 0.72);
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-size: clamp(1.2rem, 1.65vw, 1.55rem);
  line-height: 1.12;
  text-wrap: balance;
}

._brandDirectionSummary_y1p4x_8129 {
  max-width: 42rem;
  margin: clamp(2rem, 3.5svh, 2.8rem) 0 0;
  color: rgb(255 255 255 / 0.56);
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(0.98rem, 1.08vw, 1.12rem);
  line-height: 1.58;
  text-wrap: balance;
}

._brandDirectionIncludes_y1p4x_8139 {
  margin-top: clamp(4rem, 8svh, 6rem);
}

._brandDirectionLabel_y1p4x_8143 {
  margin: 0 0 1rem;
  color: rgb(255 255 255 / 0.46);
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 0.68rem;
  letter-spacing: 0.02em;
}

._brandDirectionGrid_y1p4x_8151 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

._brandDirectionGrid_y1p4x_8151 li {
  min-height: clamp(8.5rem, 14vw, 11rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  padding: clamp(1.15rem, 2vw, 1.65rem);
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: clamp(1rem, 1.8vw, 1.4rem);
  background: linear-gradient(145deg, #131313, #0e0e0e);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.025);
}

._brandDirectionGrid_y1p4x_8151 svg {
  color: rgb(255 255 255 / 0.78);
}

._brandDirectionGrid_y1p4x_8151 h3 {
  margin: 0;
  color: rgb(255 255 255 / 0.9);
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(0.98rem, 1.18vw, 1.16rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.025em;
}

._brandDirectionGrid_y1p4x_8151 li > div {
  display: grid;
  gap: 0.42rem;
}

._brandDirectionGrid_y1p4x_8151 li p {
  max-width: 22rem;
  margin: 0;
  color: rgb(255 255 255 / 0.45);
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(0.78rem, 0.86vw, 0.9rem);
  line-height: 1.42;
}

._brandDirectionClosing_y1p4x_8201 {
  margin: clamp(2.5rem, 5svh, 4rem) 0 0;
  color: rgb(255 255 255 / 0.78);
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-size: clamp(1.5rem, 2.1vw, 2rem);
  line-height: 1.1;
  text-align: center;
}

@media (max-width: 900px) {
  ._brandDirectionQuestions_y1p4x_8105,
  ._brandDirectionGrid_y1p4x_8151 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  ._brandDirection_y1p4x_8047 {
    padding-top: 7rem;
    padding-bottom: 7rem;
  }

  ._brandDirectionHeader_y1p4x_8054 h2 {
    font-size: clamp(2.2rem, 9vw, 3.4rem);
  }

  ._brandDirectionQuestions_y1p4x_8105,
  ._brandDirectionGrid_y1p4x_8151 {
    grid-template-columns: 1fr;
  }

  ._brandDirectionQuestions_y1p4x_8105 p {
    min-height: 4.5rem;
  }

  ._brandDirectionGrid_y1p4x_8151 li {
    min-height: 8rem;
  }
}

/* Text-only capability cards */
._capabilityCard_y1p4x_975 {
  display: block;
}

._capabilityCardCopy_y1p4x_1004 {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  align-items: stretch;
  gap: clamp(1.5rem, 4vw, 4rem);
  padding: clamp(1.2rem, 2.5vw, 2.5rem);
}

._capabilityCardIntro_y1p4x_8256,
._capabilityCardDetails_y1p4x_8257 {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

._capabilityCardIntro_y1p4x_8256 {
  padding-right: clamp(1rem, 2vw, 2rem);
  border-right: 1px solid rgb(255 255 255 / 0.08);
}

._capabilityCardNumber_y1p4x_8269 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  min-height: 1.45rem;
  margin-bottom: clamp(1.25rem, 2.5svh, 1.8rem);
  padding: 0.25rem 0.45rem;
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 999px;
  color: rgb(255 255 255 / 0.46);
  background: rgb(255 255 255 / 0.035);
  font-size: 0.58rem;
  letter-spacing: 0.06em;
}

._capabilityCard_y1p4x_975 ._capabilityCardCopy_y1p4x_1004 h3,
._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._capabilityCardCopy_y1p4x_1004 h3 {
  width: auto;
  max-width: 13ch;
  margin: 0 0 clamp(0.8rem, 1.5svh, 1.2rem);
  font-size: clamp(2.2rem, 3.4vw, 3.7rem);
  white-space: normal;
}

._capabilityCard_y1p4x_975 ._capabilityCardCopy_y1p4x_1004 h3 span {
  white-space: normal;
}

._capabilityCardIntro_y1p4x_8256 > p {
  max-width: 28rem;
}

._capabilityCardDetails_y1p4x_8257 {
  justify-content: center;
}

._capabilityCardDetails_y1p4x_8257 ._capabilityDeliverables_y1p4x_1051,
._capabilityCardDetails_y1p4x_8257 ._capabilityPlatforms_y1p4x_1052 {
  width: 100%;
  max-width: none;
  margin-top: 0;
}

._capabilityCardDetails_y1p4x_8257 ._capabilityDeliverables_y1p4x_1051 ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.62rem clamp(1rem, 2vw, 2rem);
  font-size: clamp(0.76rem, 0.84vw, 0.88rem);
  line-height: 1.38;
}

._capabilityCardDetails_y1p4x_8257 ._capabilityPlatforms_y1p4x_1052 {
  margin-top: clamp(1.4rem, 3svh, 2.2rem);
  padding-top: clamp(1rem, 2svh, 1.5rem);
  border-top: 1px solid rgb(255 255 255 / 0.08);
}

._capabilityCardDetails_y1p4x_8257 > a {
  margin-top: clamp(1.5rem, 3svh, 2.3rem);
}

@media (max-width: 820px) {
  ._capabilityCardCopy_y1p4x_1004 {
    grid-template-columns: 1fr;
    align-content: start;
    gap: 1.5rem;
    overflow-y: auto;
  }

  ._capabilityCardIntro_y1p4x_8256 {
    padding: 0 0 1.5rem;
    border-right: 0;
    border-bottom: 1px solid rgb(255 255 255 / 0.08);
  }

  ._capabilityCardNumber_y1p4x_8269 {
    margin-bottom: 1.5rem;
  }

  ._capabilityCard_y1p4x_975 ._capabilityCardCopy_y1p4x_1004 h3,
  ._capabilityCard_y1p4x_975[data-capability-type="integrations"] ._capabilityCardCopy_y1p4x_1004 h3 {
    margin-top: 0;
    font-size: clamp(2rem, 7.5vw, 3rem);
  }

  ._capabilityCardDetails_y1p4x_8257 ._capabilityDeliverables_y1p4x_1051 ul {
    grid-template-columns: 1fr;
  }
}

._capabilitySection_y1p4x_894 {
  --capability-card-height: clamp(24rem, 58svh, 31rem);
  --capability-roll-center: 54svh;
  --capability-sticky-top: max(
    5.25rem,
    calc(var(--capability-roll-center) - (var(--capability-card-height) / 2) - 1rem)
  );
}

._capabilityStage_y1p4x_963 {
  display: grid;
  align-items: start;
}

._capabilityCardStack_y1p4x_975 {
  height: var(--capability-card-height);
  min-height: 0;
}

._capabilityHeader_y1p4x_916 {
  padding-bottom: 1rem;
}

._capabilitySticky_y1p4x_906 {
  top: var(--capability-sticky-top);
  height: calc(100svh - var(--capability-sticky-top));
  margin-top: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (max-width: 820px) {
  ._capabilitySection_y1p4x_894 {
    min-height: auto;
    overflow: visible;
  }

  ._capabilitySticky_y1p4x_906 {
    position: static;
    top: auto;
    height: auto;
    margin: 0 auto;
    padding: 1rem 0 6rem;
    overflow: visible;
  }

  ._capabilityStage_y1p4x_963 {
    height: auto;
    overflow: visible;
  }

  ._capabilityCardStack_y1p4x_975 {
    height: auto;
    display: block;
    overflow: visible;
  }

  ._capabilityCard_y1p4x_975 {
    position: relative;
    inset: auto;
    min-height: 0;
    margin-bottom: 1rem;
    overflow: visible;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none;
    will-change: auto;
  }

  ._capabilityCardCopy_y1p4x_1004 {
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 1.25rem;
  }
}

@media (min-width: 1px) and (max-width: 820px) and (min-height: 701px) {
  ._capabilityCard_y1p4x_975 {
    position: sticky;
    top: max(5rem, calc(50svh - 17rem));
    z-index: calc(10 + var(--capability-card-order)) !important;
    margin-bottom: 3rem;
    box-shadow:
      0 1.1rem 2.8rem rgb(0 0 0 / 0.35),
      inset 0 1px 0 rgb(255 255 255 / 0.025);
  }
}

/* Match the interactive 3D story typography to the rest of the page. */
._productExplorer_y1p4x_454,
._productExplorerPortal_y1p4x_1965,
._productExplorerCopy_y1p4x_454 ._storyEyebrow_y1p4x_424,
._productExplorerCopy_y1p4x_454 > p,
._explorerStages_y1p4x_2079,
._productDragHint_y1p4x_2597,
._productCadLabel_y1p4x_2279 {
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
}

._productExplorerCopy_y1p4x_454 ._storyHeading_y1p4x_412 {
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-weight: 400;
  letter-spacing: -0.035em;
}

/* Keep the seed sequence measurable and visible in the mobile sticky scene. */
@media (orientation: portrait), (max-width: 900px) {
  ._problemVisual_y1p4x_6181 {
    top: 55svh;
    right: auto;
    left: 15%;
    width: 70%;
    height: auto;
    aspect-ratio: 1024 / 688;
    justify-self: auto;
  }

  ._problemPlantCanvas_y1p4x_7412 {
    width: 100%;
    height: 100%;
  }
}
._section_170g7_1 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(7rem, 12vw, 12rem) clamp(1.1rem, 4vw, 4rem);
  color: #fff;
  background:
    radial-gradient(circle at 50% 0, rgb(108 79 255 / 0.08), transparent 38rem),
    #020203;
  font-family: "Inter Tight", Inter, ui-sans-serif, system-ui, sans-serif;
}

._section_170g7_1::before {
  position: absolute;
  top: 0;
  right: 7%;
  left: 7%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.18), transparent);
}

._inner_170g7_23 {
  width: min(92rem, 100%);
  margin: 0 auto;
}

._header_170g7_28 {
  max-width: 53rem;
  margin: 0 auto clamp(3.5rem, 7vw, 6rem);
  text-align: center;
}

._header_170g7_28 > span,
._productTitle_170g7_35 > span {
  color: #aaa5b8;
  font-size: 0.68rem;
  font-weight: 720;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

._header_170g7_28 h2 {
  margin: 0.8rem 0 0;
  font-family: "Instrument Serif", Georgia, "Times New Roman", serif;
  font-size: clamp(3.4rem, 7vw, 7.2rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.92;
}

._header_170g7_28 p {
  max-width: 42rem;
  margin: 1.4rem auto 0;
  color: rgb(255 255 255 / 0.57);
  font-size: clamp(0.98rem, 1.4vw, 1.13rem);
  line-height: 1.6;
}

._products_170g7_60 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto 1fr;
  gap: 0 clamp(0.65rem, 1vw, 1rem);
  outline: none;
}

._productCard_170g7_68 {
  min-width: 0;
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
  overflow: hidden;
  border-radius: 1.35rem;
  background: #09090b;
  box-shadow: 0 2rem 6rem rgb(0 0 0 / 0.22);
}

._featureList_170g7_79 {
  min-width: 0;
  display: grid;
  grid-template-rows: repeat(7, minmax(0, 1fr));
  gap: clamp(2.4rem, 4vw, 3.6rem);
  margin: 0;
  padding: clamp(2.2rem, 3vw, 3rem) clamp(1rem, 1.5vw, 1.4rem) clamp(2.8rem, 4vw, 4rem);
  list-style: none;
}

._productIntro_170g7_89 {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: clamp(1.35rem, 2vw, 1.8rem) clamp(1rem, 1.5vw, 1.45rem) 2rem;
  text-align: center;
}

._productMark_170g7_98 {
  position: relative;
  isolation: isolate;
  width: 10.5rem;
  height: 10.5rem;
  display: grid;
  place-items: center;
  margin-bottom: 1.5rem;
  border: 1px solid rgb(255 255 255 / 0.13);
  border-radius: 1.5rem;
  color: #e8e8eb;
  background: linear-gradient(145deg, #17171a, #0c0c0e);
}

._productMark_170g7_98::before,
._productMark_170g7_98::after {
  position: absolute;
  z-index: -1;
  border: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 1rem;
  content: "";
}

._productMark_170g7_98::before {
  inset: 0.75rem -0.55rem -0.45rem 1.1rem;
}

._productMark_170g7_98::after {
  inset: 1.45rem 0.8rem -0.8rem -0.45rem;
}

._productTitle_170g7_35 h3 {
  margin: 0.45rem 0 0;
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 600;
  letter-spacing: -0.05em;
  line-height: 1.02;
}

._productLead_170g7_137 {
  min-height: 3.2rem;
  margin: 1rem 0 0;
  color: #f2f2f4;
  font-size: 0.9rem;
  font-weight: 590;
  line-height: 1.45;
}

._productExplanation_170g7_146 {
  min-height: 7.3rem;
  margin: 0.7rem 0 0;
  color: rgb(255 255 255 / 0.54);
  font-size: 0.78rem;
  line-height: 1.55;
}

._productPrice_170g7_154 {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 630;
}

._productPrice_170g7_154 small {
  color: rgb(255 255 255 / 0.45);
  font-size: 0.68em;
  font-weight: 520;
}

._productIntro_170g7_89 > a {
  min-height: 2.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 1.4rem;
  border-radius: 0.82rem;
  padding: 0 1rem;
  color: #0a0a0d;
  font-size: 0.75rem;
  font-weight: 710;
  text-decoration: none;
  background: #f0f0f2;
  transition: background 180ms ease;
}

._productIntro_170g7_89 > a:hover,
._productIntro_170g7_89 > a:focus-visible {
  background: #fff;
}

._comparisonFeature_170g7_188 {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

._comparisonFeature_170g7_188 > svg {
  margin-bottom: 1.15rem;
  color: #d6d6db;
}

._comparisonFeature_170g7_188 > span {
  margin-bottom: 0.45rem;
  color: rgb(255 255 255 / 0.38);
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

._comparisonFeature_170g7_188 h4 {
  margin: 0;
  color: #f0f0f2;
  font-size: 0.88rem;
  font-weight: 650;
  line-height: 1.3;
}

._comparisonFeature_170g7_188 p {
  margin: 0.9rem 0 0;
  color: rgb(255 255 255 / 0.55);
  font-size: 0.74rem;
  line-height: 1.45;
}

._comparisonFeature_170g7_188 strong {
  margin-top: 0.75rem;
  color: #f0f0f2;
  font-size: 0.72rem;
  font-weight: 630;
  line-height: 1.4;
}

._disclaimer_170g7_233 {
  margin: 1.7rem 0 0;
  color: rgb(255 255 255 / 0.34);
  font-size: 0.7rem;
  text-align: center;
}

@media (max-width: 980px) {
  ._section_170g7_1 {
    padding-inline: 1rem;
  }

  ._products_170g7_60 {
    display: flex;
    gap: 0.85rem;
    overflow-x: auto;
    margin-inline: -1rem;
    padding: 0 1rem 1rem;
    scroll-padding-inline: 1rem;
    scroll-snap-type: inline mandatory;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
  }

  ._products_170g7_60::-webkit-scrollbar {
    display: none;
  }

  ._productCard_170g7_68 {
    flex: 0 0 min(84vw, 23rem);
    display: grid;
    grid-template-rows: auto 1fr;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  ._productLead_170g7_137,
  ._productExplanation_170g7_146 {
    min-height: auto;
  }
}

@media (max-width: 760px) {
  ._section_170g7_1 {
    padding-block: 6.5rem;
  }

  ._header_170g7_28 h2 {
    font-size: clamp(2.7rem, 14vw, 4.4rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  ._productIntro_170g7_89 > a {
    transition: none;
  }
}