/* Alaris revision pass — July 2026 */

/* Homepage positioning / cheeta section */
.positioning-reworked {
  overflow: hidden;
  isolation: isolate;
}

.positioning-reworked .position-grid {
  position: relative;
  z-index: 2;
}

.positioning-reworked .positioning-visual {
  position: relative;
  display: grid;
  place-items: center;
}

.positioning-reworked .cheeta-stage {
  position: relative !important;
  inset: auto !important;
  width: min(52vw, 920px) !important;
  max-width: 100% !important;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
}

.home-page
  .positioning-reworked
  .positioning-visual
  .cheeta-stage
  .cheeta-sequence {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain;
  transform: none !important;
  z-index: 2;
}

.cheeta-orbit-copy {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  overflow: visible;
  pointer-events: none;
}

.cheeta-orbit-copy path {
  fill: none;
}

.cheeta-orbit-copy text {
  fill: #000;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.075em;
}

.positioning-reworked .positioning-cta {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: clamp(28px, 4.2vh, 50px);
  transform: translateX(-50%);
  min-width: 180px;
}

.positioning-reworked .positioning-cta:hover,
.positioning-reworked .positioning-cta:focus-visible {
  transform: translate(-50%, -3px);
}

@media (min-width: 861px) {
  .positioning-reworked {
    height: min(100svh, 1080px);
    min-height: 760px;
    display: grid;
    align-items: center;
    padding: clamp(88px, 9vh, 116px) clamp(28px, 4vw, 70px)
      clamp(84px, 10vh, 122px) !important;
  }

  .positioning-reworked .position-grid {
    width: 100%;
    max-width: 1800px;
    grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.02fr) !important;
    gap: clamp(16px, 1.8vw, 34px) !important;
    align-items: center;
  }

  .positioning-reworked .positioning-headline .display {
    max-width: 880px;
    font-size: clamp(82px, 7.1vw, 140px) !important;
    line-height: 0.84 !important;
  }

  .positioning-reworked .positioning-visual {
    min-width: 0;
    align-self: center !important;
  }
}

/* Creation Zone title: same segmented entrance and breathing glow as ALARIS. */
.creation-zone-wordmark {
  position: relative;
  width: 100%;
  margin: 8px 0 0;
  overflow: visible;
}

.creation-zone-wordmark-svg {
  --alaris-hero-g1: 5px;
  --alaris-hero-g2: 16px;
  --alaris-hero-g3: 40px;
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
  filter: drop-shadow(0 0 var(--alaris-hero-g1) rgba(255, 255, 255, 0.7))
    drop-shadow(0 0 var(--alaris-hero-g2) rgba(255, 255, 255, 0.4))
    drop-shadow(0 0 var(--alaris-hero-g3) rgba(255, 255, 255, 0.2));
  animation: alarisHeroGlow 8.5s cubic-bezier(0.37, 0, 0.63, 1) 1.9s infinite;
  will-change: filter;
}

.creation-zone-wordmark-text {
  fill: #fff;
  font-family: "Anton", "Impact", "Arial Black", sans-serif;
  font-size: 282px;
  font-weight: 400;
}

.creation-wm-grp {
  transform-box: view-box;
  transform-origin: 850px 150px;
  will-change: transform, opacity;
}

.creation-wm-a {
  animation:
    alarisFadeIn 0.22s ease-out both,
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.55s both;
}
.creation-wm-b {
  animation:
    alarisFadeIn 0.22s ease-out both,
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.66s both;
}
.creation-wm-c {
  animation:
    alarisFadeIn 0.22s ease-out both,
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.77s both;
}
.creation-wm-a-t1 {
  animation:
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.6s both,
    alarisTrail 0.82s ease-out 0.6s both;
}
.creation-wm-a-t2 {
  animation:
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.65s both,
    alarisTrail2 0.82s ease-out 0.65s both;
}
.creation-wm-b-t1 {
  animation:
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.71s both,
    alarisTrail 0.82s ease-out 0.71s both;
}
.creation-wm-b-t2 {
  animation:
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.76s both,
    alarisTrail2 0.82s ease-out 0.76s both;
}
.creation-wm-c-t1 {
  animation:
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.82s both,
    alarisTrail 0.82s ease-out 0.82s both;
}
.creation-wm-c-t2 {
  animation:
    alarisExpand 0.82s cubic-bezier(0.16, 1.28, 0.3, 1) 0.87s both,
    alarisTrail2 0.82s ease-out 0.87s both;
}

/* Homepage testimonials: a single clean 16:9 composition. */
@media (min-width: 861px) {
  .home-page .testimonials {
    height: min(100svh, 1080px);
    min-height: 760px;
    display: grid;
    align-items: start;
    padding: clamp(118px, 14vh, 154px) clamp(28px, 4vw, 70px)
      clamp(28px, 3.5vh, 42px) !important;
    overflow: hidden;
  }

  .home-page .testimonials > .wrap {
    width: 100%;
    max-width: 1800px;
  }

  .home-page .testimonials .eyebrow {
    margin-bottom: 12px;
  }

  .home-page .testimonials .headline {
    max-width: 1280px !important;
    margin-bottom: clamp(16px, 2vh, 24px) !important;
    font-size: clamp(48px, 4.55vw, 86px) !important;
    line-height: 0.91 !important;
  }

  .home-page .testimonial-shell {
    position: relative;
    min-height: 0 !important;
    height: clamp(480px, 56vh, 605px);
    padding: 0 !important;
    display: grid;
    align-items: center;
  }

  .home-page .quote-stage {
    min-height: 0 !important;
    padding: clamp(28px, 4vh, 46px) clamp(112px, 9vw, 176px)
      clamp(126px, 14vh, 150px) !important;
  }

  .home-page .quote {
    width: 100%;
    max-width: 1240px;
  }

  .home-page .quote p {
    font-size: clamp(24px, 2.55vw, 49px) !important;
    line-height: 1.01 !important;
  }

  .home-page .quote cite {
    margin-top: clamp(14px, 2vh, 22px);
  }

  .home-page .testimonial-controls {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    top: auto !important;
    bottom: clamp(24px, 3.2vh, 36px);
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 clamp(32px, 5vw, 76px);
    margin: 0 !important;
  }

  .home-page .testimonial-controls .icon-btn {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: clamp(144px, 11vw, 196px) !important;
    height: clamp(122px, 9vw, 164px) !important;
    transform: none !important;
  }
}

.home-page .testimonial-controls,
.home-page .testimonial-controls .icon-btn,
.home-page .testimonial-controls .icon-btn img {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none;
}

/* Homepage CTA: keep the full message safely inside one outlined card. */
.home-page .final-cta.cta-simple {
  min-height: min(88svh, 950px);
  padding: clamp(82px, 9vw, 130px) clamp(28px, 4vw, 70px) !important;
}

.home-page .final-cta.cta-simple .cta-simple-inner {
  width: min(100%, 1760px) !important;
  max-width: none !important;
  min-height: clamp(440px, 59vh, 630px);
  justify-content: center;
  gap: clamp(22px, 2.4vw, 34px);
  padding: clamp(42px, 5vw, 76px) clamp(24px, 5vw, 86px) !important;
  border: 3px solid rgba(255, 255, 255, 0.96) !important;
  border-radius: clamp(28px, 2.5vw, 46px) !important;
  background: rgba(255, 255, 255, 0.018) !important;
  overflow: hidden;
}

.home-page .final-cta.cta-simple .cta-hook {
  width: 100%;
  max-width: 1500px;
  white-space: normal !important;
  overflow-wrap: normal;
  font-size: clamp(58px, 7.9vw, 148px) !important;
  line-height: 0.9 !important;
}

.home-page .final-cta.cta-simple .cta-sub {
  max-width: 820px;
  font-size: clamp(18px, 1.7vw, 29px) !important;
  line-height: 1.12;
}

/* Creation Zone spacing and subtitle neatness. */
.creation-hero.creation-long .creation-hero-copy > .lead {
  max-width: min(1040px, 76vw) !important;
  margin-top: clamp(16px, 1.8vw, 26px) !important;
  font-size: clamp(20px, 2vw, 34px) !important;
  line-height: 1.08 !important;
}

/* Services layout fixes. */
.services-page .packages .package-card {
  gap: 0;
  justify-content: flex-start;
}

.services-page .packages .package-card > div {
  width: 100%;
}

.services-page .packages .package-card ul {
  margin-bottom: clamp(26px, 2.4vw, 38px);
}

.services-page .packages .package-card > .pill {
  margin-top: auto;
  flex-shrink: 0;
}

.services-page .services-addons .mini-list li {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.36) !important;
}

.services-page .final-cta.cta-simple .cta-simple-inner {
  width: min(calc(100vw - clamp(72px, 10vw, 180px)), 1760px) !important;
  max-width: none !important;
  padding: clamp(44px, 6vw, 88px) clamp(24px, 5vw, 76px) !important;
  border: 3px solid rgba(255, 255, 255, 0.96) !important;
  border-radius: clamp(28px, 2.5vw, 46px) !important;
  background: rgba(255, 255, 255, 0.018) !important;
  overflow: hidden;
}

@media (min-width: 861px) {
  .services-page .services-compare {
    height: min(100svh, 1080px);
    min-height: 760px;
    display: grid;
    align-items: center;
    padding-top: clamp(78px, 8vh, 104px) !important;
    padding-bottom: clamp(28px, 4vh, 52px) !important;
    overflow: hidden;
  }

  .services-page .services-compare > .wrap {
    width: 100%;
    max-width: 1800px;
  }

  .services-page .services-compare .eyebrow {
    margin-bottom: 10px;
  }

  .services-page .services-compare .headline {
    font-size: clamp(52px, 5vw, 92px) !important;
    line-height: 0.9;
  }

  .services-page .services-compare .services-table {
    margin-top: clamp(18px, 2.5vh, 28px);
  }

  .services-page .services-compare .services-table th,
  .services-page .services-compare .services-table td {
    padding: clamp(10px, 1.25vh, 15px) 18px;
    line-height: 1.25;
  }

  .services-page .services-compare .copy {
    margin: clamp(14px, 2vh, 22px) 0 0;
    max-width: 980px;
    line-height: 1.35;
  }
}

@media (min-width: 861px) and (max-height: 850px) {
  .home-page .testimonials,
  .services-page .services-compare,
  .positioning-reworked {
    min-height: 720px;
  }

  .home-page .testimonials .headline {
    font-size: clamp(46px, 4.5vw, 76px) !important;
  }

  .home-page .testimonial-shell {
    height: 430px;
  }

  .services-page .services-compare .services-table th,
  .services-page .services-compare .services-table td {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

@media (max-width: 860px) {
  .positioning-reworked {
    min-height: auto;
    padding-top: 88px !important;
    padding-bottom: 64px !important;
  }

  .positioning-reworked .position-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .positioning-reworked .cheeta-stage {
    width: min(94vw, 640px) !important;
  }

  .cheeta-orbit-copy text {
    font-size: 23px;
  }

  .positioning-reworked .positioning-cta {
    position: relative;
    left: auto;
    bottom: auto;
    width: min(100%, 320px);
    margin: 22px auto 0;
    transform: none;
  }

  .positioning-reworked .positioning-cta:hover,
  .positioning-reworked .positioning-cta:focus-visible {
    transform: translateY(-3px);
  }

  .creation-zone-wordmark {
    margin-top: 14px;
  }

  .creation-zone-wordmark-svg {
    width: 108%;
    margin-left: -4%;
  }

  .creation-hero.creation-long .creation-hero-copy > .lead {
    max-width: none !important;
    font-size: clamp(19px, 5.6vw, 27px) !important;
  }

  .home-page .final-cta.cta-simple .cta-simple-inner {
    width: 100% !important;
    min-height: 0;
    border-width: 2px !important;
  }

  .home-page .final-cta.cta-simple .cta-hook {
    font-size: clamp(44px, 13vw, 78px) !important;
  }

  .services-page .services-compare {
    min-height: auto;
  }

  .services-page .final-cta.cta-simple .cta-simple-inner {
    width: calc(100% - 32px) !important;
    border-width: 2px !important;
  }
}

/*
 * Homepage cheetah lockup — rebuilt from the supplied 1920 × 1080 mockup.
 * Each word remains independently positionable at every breakpoint, while the
 * package CTA is positioned inside the artwork's own coordinate system so it
 * stays between the cheetah's jaws as the layout changes.
 */
.home-page .positioning-reworked {
  height: min(100svh, 1080px) !important;
  min-height: min(100svh, 1080px) !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  isolation: isolate;
  background: #fff !important;
  color: #050505;
}

.home-page .cheeta-composition {
  position: relative;
  z-index: 1;
  width: min(100vw, 1920px, calc(100svh * 16 / 9));
  aspect-ratio: 16 / 9;
  flex: none;
  container-type: inline-size;
  opacity: 1;
  transform: none;
}

.home-page .cheeta-stage {
  position: absolute !important;
  z-index: 1;
  top: -3.5%;
  left: -6.3%;
  width: 62.5% !important;
  max-width: none !important;
  aspect-ratio: 1 / 1;
  margin: 0 !important;
  pointer-events: none;
}

.home-page .cheeta-stage .cheeta-sequence {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain;
  opacity: 0.36;
  transform: scaleY(0.92) !important;
  transform-origin: center top;
  user-select: none;
}

.home-page .cheeta-stage .positioning-cta {
  position: absolute !important;
  z-index: 6;
  top: 72.9%;
  left: 30%;
  bottom: auto;
  width: 28.4%;
  min-width: 0;
  min-height: 5.1%;
  margin: 0;
  padding: 0 4%;
  border: 0;
  border-radius: 999px;
  background: #050505;
  color: #fff;
  font-size: clamp(10px, 1.28cqw, 25px);
  line-height: 1;
  letter-spacing: 0.09em;
  white-space: nowrap;
  transform: rotate(-19deg) !important;
  transform-origin: center;
  pointer-events: auto;
}

.home-page .cheeta-stage .positioning-cta:hover,
.home-page .cheeta-stage .positioning-cta:focus-visible {
  background: #ff3f0a;
  color: #fff;
  transform: rotate(-19deg) scale(1.035) !important;
}

.home-page .cheeta-copy {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.home-page .cheeta-word {
  position: absolute;
  display: block;
  margin: 0;
  color: #050505;
  font-family: Helvetica, Arial, sans-serif;
  font-size: clamp(72px, 12cqw, 230px);
  font-weight: 900;
  line-height: 0.78;
  letter-spacing: 0;
  white-space: nowrap;
  transform-origin: left top;
}

.home-page .word-custom {
  top: 6.3%;
  left: 3.02%;
  transform: scaleX(0.918);
}

.home-page .word-websites {
  top: 6.65%;
  left: 47.24%;
  transform: scaleX(0.958);
}

.home-page .word-for {
  top: 26.25%;
  left: 3.07%;
  transform: scaleX(1.013);
}

.home-page .word-those {
  top: 26.3%;
  left: 40.42%;
  transform: scaleX(0.958);
}

.home-page .word-that {
  top: 26.3%;
  left: 74.06%;
  transform: scaleX(0.991);
}

.home-page .word-are {
  top: 48.75%;
  left: 45.57%;
  transform: scaleX(1.04);
}

.home-page .word-done {
  top: 48.4%;
  left: 67.6%;
  transform: scaleX(0.989);
}

.home-page .word-blending {
  position: absolute;
  z-index: 4;
  top: 66.15%;
  left: 34.6%;
  width: 48%;
  aspect-ratio: 1000 / 275;
}

.home-page .word-blending svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.home-page .word-in {
  top: 69.65%;
  left: 84.74%;
  transform: scaleX(0.819);
}

@media (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  .home-page .positioning-reworked {
    height: max(100svh, 920px) !important;
    min-height: max(100svh, 920px) !important;
  }

  .home-page .cheeta-composition {
    width: min(100vw, 820px);
    height: max(100svh, 920px);
    aspect-ratio: auto;
  }

  .home-page .cheeta-word {
    font-size: clamp(88px, 15cqw, 123px);
    line-height: 0.8;
  }

  .home-page .word-custom {
    top: 4%;
    left: 4%;
  }

  .home-page .word-websites {
    top: 13.5%;
    left: 24%;
  }

  .home-page .word-for {
    top: 23%;
    left: 4%;
  }

  .home-page .word-those {
    top: 23%;
    left: 31%;
  }

  .home-page .word-that {
    top: 33%;
    left: 58%;
  }

  .home-page .word-are {
    top: 45.5%;
    left: 49%;
  }

  .home-page .word-done {
    top: 45.5%;
    left: 67%;
  }

  .home-page .cheeta-stage {
    top: 19%;
    left: -13%;
    width: 94% !important;
  }

  .home-page .word-blending {
    top: 69.5%;
    left: 27%;
    width: 69%;
  }

  .home-page .word-in {
    top: 83%;
    left: 77%;
  }

}

@media (min-width: 641px) and (max-width: 1024px) and (orientation: landscape) {
  .home-page .positioning-reworked {
    height: 100svh !important;
    min-height: 620px !important;
  }

  .home-page .cheeta-composition {
    width: min(100vw, calc(100svh * 16 / 9));
  }
}

@media (max-width: 640px) {
  .home-page .positioning-reworked {
    height: max(100svh, 760px) !important;
    min-height: max(100svh, 760px) !important;
  }

  .home-page .cheeta-composition {
    width: min(100vw, 480px);
    height: max(100svh, 760px);
    aspect-ratio: auto;
  }

  .home-page .cheeta-word {
    font-size: clamp(67px, 19cqw, 91px);
    line-height: 0.81;
    letter-spacing: -0.075em;
  }

  .home-page .word-custom {
    top: 3.3%;
    left: 4%;
  }

  .home-page .word-websites {
    top: 12.1%;
    left: 4%;
  }

  .home-page .word-for {
    top: 20.9%;
    left: 4%;
  }

  .home-page .word-those {
    top: 20.9%;
    left: 29%;
  }

  .home-page .word-that {
    top: 29.7%;
    left: 54%;
  }

  .home-page .word-are {
    top: 38.5%;
    left: 4%;
  }

  .home-page .word-done {
    top: 38.5%;
    left: 33%;
  }

  .home-page .cheeta-stage {
    top: 24%;
    left: -17%;
    width: 118% !important;
  }

  .home-page .cheeta-stage .positioning-cta {
    font-size: clamp(9px, 2.8cqw, 13px);
  }

  .home-page .word-blending {
    top: 70%;
    left: 17%;
    width: 78%;
  }

  .home-page .word-in {
    top: 82.2%;
    left: 67%;
  }

}

@media (prefers-reduced-motion: reduce) {
  .home-page .cheeta-composition {
    opacity: 1 !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .creation-zone-wordmark-svg,
  .creation-wm-grp,
  .creation-wm-a,
  .creation-wm-b,
  .creation-wm-c,
  .creation-wm-a-t1,
  .creation-wm-a-t2,
  .creation-wm-b-t1,
  .creation-wm-b-t2,
  .creation-wm-c-t1,
  .creation-wm-c-t2 {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    scale: none !important;
    filter: none !important;
  }

  .creation-wm-a-t1,
  .creation-wm-a-t2,
  .creation-wm-b-t1,
  .creation-wm-b-t2,
  .creation-wm-c-t1,
  .creation-wm-c-t2 {
    opacity: 0 !important;
  }
}

/* Pixel-locked cheetah composition, revision 2.
   The desktop values below are direct 1920 × 1080 mockup coordinates. */
.home-page .positioning-reworked .cheeta-composition {
  position: relative !important;
  width: min(100vw, 1920px, calc(100svh * 16 / 9)) !important;
  height: auto !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 auto !important;
  overflow: visible !important;
  container-type: inline-size;
}

.home-page .positioning-reworked .cheeta-stage {
  position: absolute !important;
  z-index: 1 !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: none;
}

.home-page .positioning-reworked .cheeta-stage .cheeta-sequence {
  position: absolute !important;
  z-index: 1 !important;
  top: -4.1667% !important;
  right: auto !important;
  bottom: auto !important;
  left: -6.1979% !important;
  width: 63.125% !important;
  height: 104.2593% !important;
  max-width: none !important;
  object-fit: fill !important;
  opacity: 0.4 !important;
  transform: none !important;
  transform-origin: top left !important;
}

.home-page .positioning-reworked .cheeta-stage .positioning-cta {
  position: absolute !important;
  z-index: 6 !important;
  top: 72.4074% !important;
  right: auto !important;
  bottom: auto !important;
  left: 12.4479% !important;
  display: block !important;
  width: 17.7083% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: none !important;
  transform-origin: center !important;
  pointer-events: auto;
}

.home-page .positioning-reworked .cheeta-stage .positioning-cta:hover,
.home-page .positioning-reworked .cheeta-stage .positioning-cta:focus-visible {
  background: transparent !important;
  transform: scale(1.025) !important;
}

.home-page .positioning-reworked .cheeta-stage .positioning-cta img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
}

.home-page .positioning-reworked .cheeta-copy {
  position: absolute !important;
  z-index: 3 !important;
  inset: 0 !important;
  pointer-events: none;
}

.home-page .positioning-reworked .copy-word {
  position: absolute !important;
  display: block !important;
  height: auto !important;
  max-width: none !important;
  margin: 0 !important;
  transform: none !important;
  user-select: none;
}

.home-page .positioning-reworked .word-custom {
  top: 7.7778% !important;
  left: 2.6042% !important;
  width: 41.9792% !important;
}

.home-page .positioning-reworked .word-websites {
  top: 8.1481% !important;
  left: 46.875% !important;
  width: 49.4792% !important;
}

.home-page .positioning-reworked .word-for {
  top: 27.037% !important;
  left: 2.6042% !important;
  width: 17.1875% !important;
}

.home-page .positioning-reworked .word-those {
  top: 27.4074% !important;
  left: 39.8958% !important;
  width: 31.7708% !important;
}

.home-page .positioning-reworked .word-that {
  top: 27.4074% !important;
  left: 73.5417% !important;
  width: 22.9167% !important;
}

.home-page .positioning-reworked .word-are {
  top: 50% !important;
  left: 45.0521% !important;
  width: 19.7917% !important;
}

.home-page .positioning-reworked .word-done {
  top: 46.1111% !important;
  left: 67.0833% !important;
  width: 29.4792% !important;
}

.home-page .positioning-reworked .word-blending {
  z-index: 4 !important;
  top: 66.2037% !important;
  left: 34.6354% !important;
  width: 47.8646% !important;
  aspect-ratio: auto !important;
}

.home-page .positioning-reworked .word-in {
  top: 69.6296% !important;
  left: 84.2188% !important;
  width: 12.5521% !important;
}

@media (min-width: 641px) and (max-width: 1024px) and (orientation: portrait) {
  .home-page .positioning-reworked .cheeta-composition {
    width: min(100vw, 820px) !important;
    height: max(100svh, 920px) !important;
    aspect-ratio: auto !important;
  }

  .home-page .positioning-reworked .word-custom {
    top: 3.5% !important;
    left: 4% !important;
    width: 76% !important;
  }

  .home-page .positioning-reworked .word-websites {
    top: 13.2% !important;
    left: 22% !important;
    width: 74% !important;
  }

  .home-page .positioning-reworked .word-for {
    top: 23.5% !important;
    left: 4% !important;
    width: 29% !important;
  }

  .home-page .positioning-reworked .word-those {
    top: 23.7% !important;
    left: 31% !important;
    width: 60% !important;
  }

  .home-page .positioning-reworked .word-that {
    top: 34% !important;
    left: 57% !important;
    width: 39% !important;
  }

  .home-page .positioning-reworked .word-are {
    top: 46.5% !important;
    left: 48% !important;
    width: 29% !important;
  }

  .home-page .positioning-reworked .word-done {
    top: 43.2% !important;
    left: 66% !important;
    width: 43% !important;
  }

  .home-page .positioning-reworked .cheeta-stage .cheeta-sequence {
    top: 19% !important;
    left: -14% !important;
    width: 94% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain !important;
  }

  .home-page .positioning-reworked .cheeta-stage .positioning-cta {
    top: calc(19% + 69.04cqw) !important;
    left: 13.77% !important;
    width: 26.37cqw !important;
    height: auto !important;
  }

  .home-page .positioning-reworked .word-blending {
    top: 70% !important;
    left: 27% !important;
    width: 69% !important;
  }

  .home-page .positioning-reworked .word-in {
    top: 83.5% !important;
    left: 76% !important;
    width: 20% !important;
  }
}

@media (max-width: 640px) {
  .home-page .positioning-reworked .cheeta-composition {
    width: min(100vw, 480px) !important;
    height: max(100svh, 760px) !important;
    aspect-ratio: auto !important;
  }

  .home-page .positioning-reworked .word-custom {
    top: 3.5% !important;
    left: 3% !important;
    width: 92% !important;
  }

  .home-page .positioning-reworked .word-websites {
    top: 15.5% !important;
    left: 3% !important;
    width: 94% !important;
  }

  .home-page .positioning-reworked .word-for {
    top: 28% !important;
    left: 3% !important;
    width: 38% !important;
  }

  .home-page .positioning-reworked .word-those {
    top: 28.2% !important;
    left: 31% !important;
    width: 67% !important;
  }

  .home-page .positioning-reworked .word-that {
    top: 40% !important;
    left: 50% !important;
    width: 48% !important;
  }

  .home-page .positioning-reworked .word-are {
    top: 50.5% !important;
    left: 3% !important;
    width: 42% !important;
  }

  .home-page .positioning-reworked .word-done {
    top: 47.7% !important;
    left: 36% !important;
    width: 62% !important;
  }

  .home-page .positioning-reworked .cheeta-stage .cheeta-sequence {
    top: 24% !important;
    left: -17% !important;
    width: 118% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain !important;
  }

  .home-page .positioning-reworked .cheeta-stage .positioning-cta {
    top: calc(24% + 86.67cqw) !important;
    left: 17.86% !important;
    width: 33.1cqw !important;
    height: auto !important;
  }

  .home-page .positioning-reworked .word-blending {
    top: 73% !important;
    left: 10% !important;
    width: 86% !important;
  }

  .home-page .positioning-reworked .word-in {
    top: 85.5% !important;
    left: 68% !important;
    width: 28% !important;
  }
}