/* Pricing presentation — three cinematic scenes sharing the platform deck shell. */
:root {
  --pricing-gold: #ead5a5;
  --pricing-gold-bright: #fff0c8;
  --pricing-blue: #718cff;
}

.pricing-deck-page .desktop-nav a[aria-current="page"]::after {
  background: var(--pricing-blue);
}

.pricing-scene {
  background:
    radial-gradient(circle at 61% 46%, rgba(50, 73, 119, 0.13), transparent 31%),
    radial-gradient(circle at 16% 82%, rgba(18, 46, 91, 0.13), transparent 26%),
    linear-gradient(135deg, #010205 0%, #03070d 52%, #010205 100%);
}

.pricing-copy {
  position: relative;
  z-index: 12;
  align-self: center;
  opacity: var(--scene-copy-opacity);
  transform: translate3d(var(--scene-copy-shift), 0, 0);
  will-change: transform, opacity;
}

.pricing-copy > p:first-child {
  margin: 0 0 18px;
  color: var(--pricing-blue);
  font: 700 .75rem/1.2 var(--sans);
  letter-spacing: .2em;
  text-transform: uppercase;
}

.pricing-copy h1,
.pricing-copy h2 {
  margin: 0;
  color: #f8f7f2;
  font-family: var(--sans);
  font-size: clamp(2.2rem, 3.15vw, 3.7rem);
  font-weight: 650;
  line-height: 1.02;
  letter-spacing: -.045em;
  text-transform: uppercase;
  text-wrap: balance;
}

.pricing-hero-scene {
  display: grid;
  grid-template-columns: minmax(390px, .82fr) minmax(540px, 1.18fr);
  gap: clamp(35px, 6vw, 110px);
}

.pricing-hero-copy {
  max-width: 610px;
}

.pricing-rates {
  display: grid;
  margin-top: 28px;
}

.pricing-rate {
  display: grid;
  grid-template-columns: minmax(155px, .65fr) minmax(135px, 1fr);
  align-items: center;
  min-height: 94px;
  border-bottom: 1px solid rgba(232, 215, 176, .43);
}

.pricing-rate strong {
  color: var(--pricing-gold);
  font: 400 clamp(3.4rem, 5vw, 5.45rem)/.9 Georgia, "Times New Roman", serif;
  letter-spacing: -.055em;
  text-shadow: 0 0 26px rgba(232, 213, 165, .12);
}

.pricing-rate strong > span {
  font-size: .67em;
  vertical-align: .14em;
}

.pricing-rate p {
  margin: 0;
  color: rgba(248, 247, 242, .79);
  font: 650 .75rem/1.58 var(--sans);
  letter-spacing: .11em;
  text-transform: uppercase;
}

.pricing-rate p b {
  color: var(--pricing-gold);
  font-weight: 650;
}

.pricing-pilot-line {
  margin: 19px 0 0;
  color: rgba(113, 140, 255, .84);
  font: 700 .65rem/1 var(--sans);
  letter-spacing: .18em;
  text-transform: uppercase;
}

.pricing-primary-action {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  border: 1px solid rgba(185, 204, 255, .46);
  border-radius: 2px;
  background: linear-gradient(135deg, #3f5ce6, #5978ff);
  box-shadow: 0 8px 28px rgba(49, 82, 217, .26), inset 0 1px rgba(255,255,255,.24);
  color: #fff;
  font: 700 .73rem/1 var(--sans);
  letter-spacing: .07em;
  text-transform: uppercase;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

.pricing-primary-action:hover {
  transform: translateY(-2px);
  background: linear-gradient(135deg, #536ef0, #708bff);
  box-shadow: 0 12px 38px rgba(49, 82, 217, .36), inset 0 1px rgba(255,255,255,.28);
}

.pricing-hero-copy > .pricing-primary-action {
  width: min(276px, 100%);
  margin-top: 30px;
}

.pricing-hero-copy > small {
  display: block;
  margin-top: 14px;
  color: rgba(243, 245, 255, .64);
  font: 400 .69rem/1.45 var(--sans);
}

.pricing-spotlight-visual,
.pricing-included-visual,
.pricing-preview-visual {
  position: relative;
  z-index: 4;
  min-width: 0;
  height: 100%;
  opacity: var(--scene-visual-opacity);
  transform: translate3d(var(--scene-visual-shift), 0, 0);
  will-change: transform, opacity;
}

.pricing-spotlight-visual {
  display: grid;
  place-items: center;
  overflow: hidden;
  margin-left: 0;
}

/* Keep every part of the hero product stage on the viewport's true centerline.
   The copy remains in the first grid column while the phone, light beam, and
   floor rings share one full-width positioning context. */
@media (min-width: 821px) {
  .pricing-hero-scene { position: relative; }

  .pricing-spotlight-visual {
    position: absolute;
    inset: 66px 0 0;
    width: 100%;
    height: auto;
  }
}

.pricing-spotlight-plate {
  position: absolute;
  top: -4%;
  right: auto;
  bottom: auto;
  left: 50%;
  z-index: 0;
  display: block;
  width: 114%;
  height: 112%;
  border-radius: 0;
  background: #020305;
  object-fit: cover;
  object-position: center bottom;
  opacity: .58;
  pointer-events: none;
  transform: translateX(-50%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 58%, #000 0 44%, rgba(0,0,0,.94) 64%, transparent 96%);
  mask-image: radial-gradient(ellipse at 50% 58%, #000 0 44%, rgba(0,0,0,.94) 64%, transparent 96%);
  animation: pricing-spotlight-breathe 5.8s ease-in-out infinite;
  will-change: opacity;
}

@keyframes pricing-spotlight-breathe {
  0%, 100% { opacity: .5; }
  50% { opacity: .68; }
}

.pricing-home-device {
  left: 50%;
  top: 49%;
  width: min(45vh, 18vw, 260px);
  transform: translate(-50%, -50%);
}

.pricing-included-scene {
  display: grid;
  grid-template-columns: minmax(320px, .58fr) minmax(680px, 1.42fr);
  gap: 20px;
}

.pricing-included-copy {
  width: 350px;
}

.pricing-included-copy h2 {
  font-size: clamp(2rem, 2.8vw, 3.1rem);
  line-height: 1.08;
}

.pricing-included-copy h2 + p {
  max-width: 270px;
  margin: 22px 0 0;
  color: var(--platform-muted);
  font: 400 .94rem/1.58 var(--sans);
}

.pricing-square-status {
  display: grid;
  grid-template-columns: 42px auto 1fr;
  align-items: center;
  gap: 12px;
  margin-top: 34px;
  color: var(--pricing-blue);
  font-family: var(--sans);
  text-transform: uppercase;
}

.pricing-square-status > i {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border: 1px solid rgba(141,175,255,.75);
  border-radius: 8px;
  box-shadow: 0 0 18px rgba(86,132,255,.25);
}

.pricing-square-status strong,
.pricing-square-status span {
  font-size: .68rem;
  letter-spacing: .08em;
}

.pricing-square-status span::before {
  margin-right: 8px;
  content: "·";
}

.pricing-included-visual {
  display: grid;
  place-items: center;
  margin-left: -14vw;
}

.pricing-service-orbit {
  position: absolute;
  left: 45%;
  top: 50%;
  width: min(88vh, 62vw, 760px);
  height: min(75vh, 45vw, 650px);
  border: 1px solid rgba(111,155,255,.68);
  border-radius: 50%;
  box-shadow: 0 0 18px rgba(76,121,229,.1), inset 0 0 28px rgba(63,106,213,.08);
  transform: translate(-50%, -50%);
}

.pricing-service-orbit::after {
  position: absolute;
  inset: 12%;
  border: 1px solid rgba(90,131,233,.18);
  border-radius: 50%;
  content: "";
}

.pricing-service-orbit i,
.pricing-service-orbit b {
  position: absolute;
  z-index: 3;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 8px 2px #8cb5ff, 0 0 22px 5px rgba(79,128,255,.62);
}

.pricing-service-orbit i { top: -3px; left: 50%; }
.pricing-service-orbit b:nth-child(2) { right: -3px; top: 50%; }
.pricing-service-orbit b:nth-child(3) { bottom: 8%; left: 19%; }
.pricing-service-orbit b:nth-child(4) { top: 18%; left: 9%; }

.pricing-welcome-device {
  left: 45%;
  top: 50%;
  width: min(54vh, 21vw, 300px);
  transform: translate(-50%, -50%);
}

.pricing-service,
.pricing-preview-node {
  position: absolute;
  z-index: 9;
  display: grid;
  justify-items: center;
  gap: 9px;
  color: rgba(245,247,255,.86);
  font: 650 .66rem/1.35 var(--sans);
  letter-spacing: .12em;
  text-align: center;
  text-transform: uppercase;
}

.pricing-service .platform-icon,
.pricing-preview-node .platform-icon,
.pricing-square-icon {
  width: 53px;
  height: 53px;
  padding: 13px;
}

.pricing-square-icon {
  position: relative;
  display: grid;
  place-items: center;
  border: 1px solid rgba(225,233,255,.76);
  border-radius: 50%;
  background: rgba(5,10,18,.88);
  box-shadow: 0 0 15px rgba(102,147,255,.22);
}

.pricing-square-icon::before {
  width: 18px;
  height: 18px;
  border: 4px solid currentColor;
  border-radius: 4px;
  content: "";
}

.service-brand { left: 9%; top: 14%; }
.service-catalog { left: 7%; top: 47%; }
.service-quality { left: 12%; bottom: 12%; }
.service-square { right: 16%; top: 14%; }
.service-preparation { right: 11%; top: 47%; }
.service-launch { right: 18%; bottom: 12%; }

.pricing-clarity-scene {
  display: grid;
  grid-template-columns: minmax(300px, .65fr) minmax(500px, 1.1fr) minmax(250px, .55fr);
  gap: clamp(20px, 3vw, 50px);
}

.pricing-clarity-copy {
  align-self: center;
  margin-top: -94px;
}

.pricing-clarity-copy h2 {
  font-size: clamp(1.9rem, 2.5vw, 2.8rem);
  line-height: 1.1;
  white-space: nowrap;
}

.pricing-preview-visual {
  display: grid;
  place-items: center;
  margin-left: -7.5vw;
}

.pricing-preview-orbit {
  position: absolute;
  left: 50%;
  top: 52%;
  width: min(62vh, 40vw, 600px);
  height: min(36vh, 24vw, 350px);
  border: 1px solid rgba(111,155,255,.67);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.pricing-preview-orbit::after {
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(90,131,233,.22);
  border-radius: 50%;
  content: "";
  transform: rotate(12deg);
}

.pricing-preview-orbit i,
.pricing-preview-orbit b {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 8px 2px #8cb5ff, 0 0 22px 5px rgba(79,128,255,.62);
}

.pricing-preview-orbit i { top: -3px; left: 50%; }
.pricing-preview-orbit b:nth-child(2) { right: -3px; top: 50%; }
.pricing-preview-orbit b:nth-child(3) { bottom: 8%; left: 14%; }

/* The clarity handset dissolves into the scene so the payment promise becomes
   the visual endpoint, matching the presentation mockup instead of ending on
   a hard chrome edge. */
.pricing-preview-device {
  left: 50%;
  top: 36%;
  width: min(39vh, 15vw, 205px);
  filter: drop-shadow(0 18px 22px rgba(0, 0, 0, .38));
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 80%,
    rgba(0, 0, 0, .94) 86%,
    rgba(0, 0, 0, .58) 92%,
    rgba(0, 0, 0, .12) 98%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 80%,
    rgba(0, 0, 0, .94) 86%,
    rgba(0, 0, 0, .58) 92%,
    rgba(0, 0, 0, .12) 98%,
    transparent 100%
  );
  transform: translate(-50%, -50%);
}

.pricing-preview-screen {
  position: relative;
  display: grid;
  aspect-ratio: 506 / 1100;
  place-items: center;
  overflow: hidden;
  border-radius: 36px;
  background:
    radial-gradient(circle at 50% 46%, rgba(31,52,103,.2), transparent 33%),
    linear-gradient(145deg, #020307, #050916 55%, #010204);
}

.pricing-preview-screen::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .55;
  background-image:
    radial-gradient(circle at 18% 23%, #fff 0 1px, transparent 1.7px),
    radial-gradient(circle at 76% 18%, rgba(139,175,255,.8) 0 1px, transparent 1.7px),
    radial-gradient(circle at 82% 72%, rgba(255,255,255,.7) 0 1px, transparent 1.7px);
}

.pricing-preview-screen::after {
  position: absolute;
  top: 2.2%;
  left: 50%;
  z-index: 3;
  width: 31%;
  height: 2.8%;
  border: 1px solid rgba(255, 255, 255, .05);
  border-radius: 999px;
  background: #010207;
  box-shadow: inset 0 -1px rgba(255, 255, 255, .04);
  content: "";
  transform: translateX(-50%);
}

.pricing-preview-orb {
  position: absolute;
  top: 29%;
  left: 50%;
  width: 48%;
  aspect-ratio: 1;
  overflow: hidden;
  border: 1px solid rgba(210, 226, 255, .88);
  border-radius: 50%;
  background:
    radial-gradient(circle at 28% 68%, #fff6e1 0 2%, #d8e7ff 10%, #7997dc 35%, #233d86 66%, #060b21 100%);
  box-shadow:
    0 0 8px 2px rgba(188, 215, 255, .52),
    0 0 29px 7px rgba(72, 116, 225, .32),
    inset 0 0 15px rgba(205, 226, 255, .34);
  transform: translateX(-50%);
}

.pricing-preview-orb::before {
  position: absolute;
  top: -11%;
  left: 11%;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(88, 121, 190, .2);
  border-radius: 50%;
  background:
    radial-gradient(circle at 43% 48%, #050815 0 58%, #080e20 76%, #111c39 100%);
  box-shadow: inset -8px -6px 18px rgba(32, 58, 119, .25);
  content: "";
}

.pricing-preview-orb::after {
  position: absolute;
  right: 10%;
  bottom: 7%;
  width: 50%;
  height: 10%;
  border-radius: 50%;
  content: "";
  background: radial-gradient(ellipse, rgba(210, 229, 255, .36), transparent 72%);
  filter: blur(3px);
  transform: rotate(-18deg);
}

.pricing-preview-screen strong {
  position: absolute;
  top: 62%;
  color: rgba(245,247,255,.82);
  font: 650 .62rem/1 var(--sans);
  letter-spacing: .18em;
  text-transform: uppercase;
}

.preview-account { left: 0; top: 49%; }
.preview-payment { left: 50%; bottom: 28%; transform: translateX(-50%); }
.preview-call { right: 0; top: 49%; }

.pricing-clarity-action {
  position: relative;
  z-index: 12;
  display: grid;
  align-self: end;
  justify-items: stretch;
  gap: 18px;
  margin-bottom: 90px;
  opacity: var(--scene-copy-opacity);
  transform: translate3d(var(--scene-copy-shift), 0, 0);
}

.pricing-text-action {
  color: var(--pricing-blue);
  font: 700 .7rem/1 var(--sans);
  letter-spacing: .1em;
  text-align: center;
  text-transform: uppercase;
}

.pricing-text-action span {
  display: inline-block;
  margin-left: 5px;
  transition: transform 180ms ease;
}

.pricing-text-action:hover span { transform: translateX(5px); }

.pricing-clarity-action small {
  color: rgba(243,245,255,.5);
  font: 400 .62rem/1.4 var(--sans);
  text-align: center;
}

.pricing-clarity-note {
  position: absolute;
  right: 34%;
  bottom: 87px;
  z-index: 10;
  width: 390px;
  margin: 0;
  color: rgba(243,245,255,.62);
  font: 400 .66rem/1.4 var(--sans);
  text-align: center;
  opacity: var(--scene-copy-opacity);
  transform: translate3d(var(--scene-copy-shift), 0, 0);
}

@media (max-width: 1250px) {
  .pricing-hero-scene { grid-template-columns: minmax(340px, .84fr) minmax(470px, 1.16fr); gap: 25px; }
  .pricing-included-scene { grid-template-columns: minmax(290px, .6fr) minmax(570px, 1.4fr); }
  .pricing-clarity-scene { grid-template-columns: minmax(260px, .62fr) minmax(440px, 1.12fr) minmax(210px, .5fr); gap: 16px; }
  .pricing-copy h1,
  .pricing-copy h2 { font-size: clamp(1.95rem, 3vw, 2.85rem); }
  .pricing-home-device { width: min(45vh, 18vw, 250px); }
  .pricing-welcome-device { width: min(51vh, 21vw, 275px); }
  .pricing-service .platform-icon,
  .pricing-preview-node .platform-icon,
  .pricing-square-icon { width: 47px; height: 47px; padding: 11px; }
}

@media (max-height: 740px) and (min-width: 821px) {
  .pricing-rate { min-height: 77px; }
  .pricing-rate strong { font-size: clamp(2.8rem, 4.4vw, 4.5rem); }
  .pricing-hero-copy > .pricing-primary-action { margin-top: 20px; }
  .pricing-home-device { width: min(59vh, 23vw, 292px); }
  .pricing-welcome-device { width: min(59vh, 22vw, 290px); }
  .pricing-preview-device { width: min(40vh, 16vw, 205px); }
  .pricing-clarity-action { margin-bottom: 64px; }
}

/* Compact desktop and iPad landscape. The former minimum column widths were
   wider than the viewport, which pushed the third pricing column off-screen. */
@media (min-width: 821px) and (max-width: 1050px) {
  .pricing-hero-scene {
    grid-template-columns: minmax(270px, .76fr) minmax(0, 1.24fr);
    gap: 16px;
  }

  .pricing-hero-copy { max-width: 300px; }
  .pricing-hero-copy h1 { font-size: clamp(1.75rem, 3.5vw, 2.25rem); }
  .pricing-spotlight-visual { margin-left: 0; }

  .pricing-included-scene {
    grid-template-columns: minmax(205px, .48fr) minmax(0, 1.52fr);
    gap: 10px;
  }

  .pricing-included-copy { width: 220px; }
  .pricing-included-copy h2 { font-size: clamp(1.7rem, 3vw, 2.1rem); }
  .pricing-included-copy h2 + p { max-width: 210px; font-size: .76rem; }
  .pricing-square-status { grid-template-columns: 36px auto; gap: 9px; }
  .pricing-square-status small { display: none; }

  .pricing-clarity-scene {
    grid-template-columns: minmax(190px, .54fr) minmax(330px, 1fr) minmax(160px, .44fr);
    gap: 10px;
  }

  .pricing-clarity-copy { margin-top: -64px; }
  .pricing-clarity-copy h2 { font-size: clamp(1.7rem, 3vw, 2.08rem); }
  .pricing-preview-visual { margin-left: -2vw; }
  .pricing-preview-orbit { width: min(55vh, 37vw, 420px); height: min(32vh, 22vw, 250px); }
  .pricing-clarity-action { gap: 12px; margin-bottom: 56px; }
  .pricing-clarity-action small { font-size: .52rem; }
  .pricing-clarity-note { right: 29%; bottom: 57px; width: 330px; font-size: .54rem; }
}

/* Clarity scene: compose the phone, orbit, promise points, and supporting copy
   as one centered presentation rather than three loosely aligned grid cells. */
@media (min-width: 821px) {
  .pricing-clarity-scene {
    position: relative;
    display: block;
  }

  .pricing-clarity-copy {
    position: absolute;
    top: 41%;
    left: max(34px, calc((100vw - 1480px) / 2));
    width: min(360px, max(260px, 25vw));
    margin: 0;
    transform: translate3d(var(--scene-copy-shift), -50%, 0);
  }

  .pricing-preview-visual {
    position: absolute;
    inset: 66px 0 0;
    width: 100%;
    height: auto;
    margin-left: 0;
  }

  .pricing-preview-orbit {
    left: 50%;
    top: 41%;
    width: min(78vh, 44vw, 660px);
    height: min(29vh, 16vw, 240px);
  }

  .pricing-preview-device {
    left: 50%;
    top: 36%;
    width: min(40vh, 15.7vw, 210px);
  }

  .preview-account,
  .preview-call {
    top: 44%;
  }

  .preview-account {
    left: calc(50% - min(39vh, 21vw, 320px));
  }

  .preview-call {
    right: auto;
    left: calc(50% + min(39vh, 21vw, 320px));
    transform: translateX(-50%);
  }

  .preview-payment {
    top: 55%;
    bottom: auto;
  }

  .preview-payment .platform-icon {
    width: clamp(52px, 3.8vw, 58px);
    height: clamp(52px, 3.8vw, 58px);
    padding: clamp(13px, 1vw, 15px);
    background: rgba(3, 7, 15, .96);
    box-shadow:
      0 0 0 1px rgba(225, 233, 255, .1),
      0 0 18px rgba(102, 147, 255, .32);
  }

  .pricing-clarity-action {
    position: absolute;
    top: 68%;
    right: max(54px, calc((100vw - 1370px) / 2));
    bottom: auto;
    width: min(330px, max(245px, 22vw));
    margin: 0;
  }

  .pricing-clarity-action small {
    position: absolute;
    top: 166px;
    right: 0;
    left: 0;
  }

  .pricing-clarity-note {
    right: auto;
    bottom: 16%;
    left: 50%;
    width: 390px;
    transform: translate3d(calc(-50% + var(--scene-copy-shift)), 0, 0);
  }
}

@media (max-width: 820px) {
  .pricing-hero-scene,
  .pricing-included-scene,
  .pricing-clarity-scene { display: block; }

  .pricing-copy {
    position: absolute;
    top: 91px;
    right: 18px;
    left: 18px;
  }

  .pricing-copy > p:first-child { margin-bottom: 8px; font-size: .59rem; }

  .pricing-copy h1,
  .pricing-copy h2 {
    max-width: 340px;
    font-size: clamp(1.55rem, 8vw, 2.05rem);
    line-height: 1.04;
  }

  .pricing-hero-copy h1 { max-width: 330px; }

  .pricing-rates {
    position: absolute;
    top: calc(100svh - 295px);
    right: 0;
    left: 0;
    z-index: 20;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    border-top: 1px solid rgba(232,215,176,.34);
  }

  .pricing-rate {
    grid-template-columns: 1fr;
    align-content: center;
    min-height: 76px;
    border-bottom: 0;
  }

  .pricing-rate + .pricing-rate { padding-left: 15px; border-left: 1px solid rgba(232,215,176,.34); }
  .pricing-rate strong { font-size: clamp(2.05rem, 11vw, 2.75rem); }
  .pricing-rate p { font-size: .48rem; line-height: 1.35; }
  .pricing-pilot-line,
  .pricing-hero-copy > small { display: none; }

  .pricing-hero-copy > .pricing-primary-action {
    position: absolute;
    top: calc(100svh - 195px);
    right: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    margin: 0;
  }

  .pricing-spotlight-visual,
  .pricing-included-visual,
  .pricing-preview-visual {
    position: absolute;
    inset: 185px 0 164px;
    height: auto;
  }

  .pricing-home-device { width: min(34vh, 43vw, 195px); }
  .pricing-spotlight-visual { margin-left: 0; }
  .pricing-spotlight-plate {
    top: -8%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 148%;
    height: 120%;
    opacity: .58;
    transform: translateX(-50%);
  }

  .pricing-included-copy h2 + p { display: none; }
  .pricing-square-status {
    position: absolute;
    top: calc(100svh - 165px);
    right: 0;
    left: 0;
    z-index: 20;
    justify-content: center;
    margin: 0;
  }

  .pricing-square-status span { display: none; }
  .pricing-included-visual { inset: 172px 0 68px; margin-left: 0; }
  .pricing-service-orbit { width: 88vw; height: 54vh; }
  .pricing-service-orbit,
  .pricing-welcome-device { left: 50%; }
  .pricing-welcome-device { width: min(39vh, 46vw, 210px); }
  .pricing-service { gap: 5px; font-size: .46rem; }
  .pricing-service .platform-icon,
  .pricing-square-icon { width: 37px; height: 37px; padding: 8px; }
  .service-brand { left: 3%; top: 6%; }
  .service-catalog { left: 0; top: 45%; }
  .service-quality { left: 5%; bottom: 3%; }
  .service-square { right: 3%; top: 6%; }
  .service-preparation { right: 0; top: 45%; }
  .service-launch { right: 5%; bottom: 3%; }

  .pricing-clarity-copy { top: 91px; }
  .pricing-preview-visual { inset: 175px 0 135px; }
  .pricing-preview-visual { margin-left: 0; }
  .pricing-preview-device { width: min(29vh, 34vw, 150px); }
  .pricing-preview-orbit { width: 89vw; height: 35vh; }
  .pricing-preview-node { gap: 5px; font-size: .46rem; }
  .pricing-preview-node .platform-icon { width: 37px; height: 37px; padding: 8px; }

  .preview-account { left: 5%; }
  .preview-call { right: 5%; }

  .pricing-clarity-action {
    position: fixed;
    right: 18px;
    bottom: 22px;
    left: 18px;
    z-index: 20;
    gap: 10px;
    margin: 0;
  }

  .pricing-clarity-action small,
  .pricing-clarity-note { display: none; }

  .pricing-clarity-copy { margin-top: 0; }
  .pricing-preview-device { top: 48%; }
  .preview-payment { bottom: 10%; }
}

@media (max-width: 420px) {
  .pricing-copy h1,
  .pricing-copy h2 { font-size: clamp(1.42rem, 7.5vw, 1.8rem); }
  .pricing-home-device { width: min(33vh, 42vw, 180px); }
  .pricing-welcome-device { width: min(37vh, 44vw, 195px); }
  .pricing-preview-device { width: min(28vh, 33vw, 145px); }
}

@media (prefers-reduced-motion: reduce) {
  .pricing-spotlight-plate { animation: none; }
}