/* Promoter + page: a night page with real app screens, gold as its one accent. */
@layer blocks {
  .plus-page {
    --plus-line: color-mix(in srgb, var(--color-ivory) 12%, transparent);
    --plus-shadow: color-mix(in srgb, var(--color-night) 80%, transparent);
    overflow-x: clip;
    background: var(--color-night);
    color: var(--color-ivory);
  }
  .plus-mark {
    color: var(--color-ochre);
  }
  .plus-eyebrow {
    margin-bottom: var(--space-6);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--line-height-normal);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: var(--color-ivory-muted);
  }
  .plus-actions {
    --cluster-gap: var(--space-3);
  }
  .plus-section {
    padding-top: var(--space-32);
  }
  .plus-title {
    max-width: var(--content-width);
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-display);
    letter-spacing: var(--letter-spacing-display);
    text-wrap: balance;
  }
  .plus-lead {
    max-width: var(--text-measure);
    font-size: var(--text-lg);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  .plus-title__line {
    display: block;
  }
  @media (min-width: 640px) {
    .plus-title {
      font-size: var(--type-title);
    }
  }
  .plus-split {
    display: grid;
    gap: var(--space-6);
    align-items: end;
  }

  /* Soft gold light behind the product. */
  .plus-glow {
    position: absolute;
    left: 50%;
    z-index: 0;
    width: min(70rem, 160%);
    aspect-ratio: 11 / 9;
    pointer-events: none;
    background: radial-gradient(
      closest-side,
      color-mix(in srgb, var(--color-ochre) 26%, transparent),
      color-mix(in srgb, var(--color-ochre) 8%, transparent) 55%,
      transparent
    );
    transform: translateX(-50%);
  }

  /* A phone around a real screenshot. */
  .plus-device {
    margin: 0;
    padding: var(--space-2);
    border-radius: var(--radius-2xl);
    background: linear-gradient(
      150deg,
      color-mix(in srgb, var(--color-ivory) 16%, var(--color-night)),
      var(--color-night)
    );
    box-shadow:
      0 40px 120px var(--plus-shadow),
      inset 0 0 0 1px color-mix(in srgb, var(--color-ivory) 8%, transparent);
  }
  .plus-device__screen {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radius-xl);
  }

  /* Hero: the name, one claim, and three real screens. */
  .plus-hero {
    position: relative;
    padding-top: var(--space-32);
    text-align: center;
  }
  .plus-glow[data-context="hero"] {
    top: 28rem;
  }
  .plus-hero__copy {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .plus-hero__title {
    font-size: var(--type-hero);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-hero);
    letter-spacing: var(--letter-spacing-display);
  }
  .plus-hero__claim {
    max-width: var(--content-width);
    margin-top: var(--space-8);
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-tight);
    letter-spacing: var(--letter-spacing-tight);
    text-wrap: balance;
  }
  .plus-hero__body {
    max-width: 36rem;
    margin-top: var(--space-6);
    font-size: var(--text-lg);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  .plus-hero .plus-actions {
    --cluster-justify: center;
    margin-top: var(--space-12);
  }
  .plus-hero__note {
    max-width: 36rem;
    margin-top: var(--space-4);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  .plus-stage {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    margin-top: var(--space-16);
    padding-inline: var(--page-gutter);
  }
  .plus-stage::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 2;
    height: 40%;
    background: linear-gradient(to bottom, transparent, var(--color-night));
  }
  .plus-stage .plus-device {
    grid-area: 1 / 1;
    width: min(21rem, 78vw);
  }
  .plus-stage .plus-device[data-position="left"],
  .plus-stage .plus-device[data-position="right"] {
    display: none;
  }
  @media (min-width: 768px) {
    .plus-hero__claim {
      max-width: 60rem;
      font-size: var(--text-3xl);
    }
    .plus-stage {
      height: 44rem;
      overflow: hidden;
      margin-top: var(--space-24);
    }
    .plus-stage .plus-device[data-position="left"],
    .plus-stage .plus-device[data-position="right"] {
      display: block;
      width: 18.75rem;
      margin-top: var(--space-24);
    }
    .plus-stage .plus-device[data-position="left"] {
      transform: translateX(-80%) rotate(-8deg);
    }
    .plus-stage .plus-device[data-position="right"] {
      transform: translateX(80%) rotate(8deg);
    }
  }
  @media (min-width: 1024px) {
    .plus-stage .plus-device[data-position="left"] {
      transform: translateX(-104%) rotate(-8deg);
    }
    .plus-stage .plus-device[data-position="right"] {
      transform: translateX(104%) rotate(8deg);
    }
  }

  /* Three numbers on a glass card over the end of the stage. */
  .plus-proof {
    position: relative;
    z-index: 3;
    margin-top: calc(-1 * var(--space-16));
  }
  .plus-stats {
    display: grid;
    max-width: 62rem;
    overflow: hidden;
    margin-inline: auto;
    border: 1px solid color-mix(in srgb, var(--color-ivory) 10%, transparent);
    border-radius: var(--radius-2xl);
    background: color-mix(in srgb, var(--color-night-raised) 82%, transparent);
    box-shadow: 0 40px 120px var(--plus-shadow);
    backdrop-filter: blur(24px);
  }
  .plus-stat {
    display: grid;
    justify-items: center;
    gap: var(--space-3);
    padding: var(--space-8) var(--space-6);
    text-align: center;
  }
  .plus-stat + .plus-stat {
    border-top: 1px solid var(--plus-line);
  }
  .plus-stat__value {
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-display);
    letter-spacing: var(--letter-spacing-display);
  }
  .plus-stat__label {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--line-height-normal);
    letter-spacing: var(--letter-spacing-wide);
    text-transform: uppercase;
    color: var(--color-ivory-muted);
  }
  @media (min-width: 768px) {
    .plus-proof {
      margin-top: calc(-1 * var(--space-24));
    }
    .plus-stats {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .plus-stat {
      padding-block: var(--space-12);
    }
    .plus-stat + .plus-stat {
      border-top: 0;
      border-left: 1px solid var(--plus-line);
    }
  }

  /* The problem in one sentence, then before and after on one card. */
  .plus-problem {
    padding-top: var(--space-32);
    text-align: center;
  }
  .plus-problem__title {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-display);
    letter-spacing: var(--letter-spacing-display);
    text-wrap: balance;
  }
  .plus-problem__muted {
    display: block;
    color: color-mix(in srgb, var(--color-ivory) 45%, var(--color-night));
  }
  .plus-shift {
    display: grid;
    max-width: 52rem;
    overflow: hidden;
    margin: var(--space-16) auto 0;
    border: 1px solid color-mix(in srgb, var(--color-ivory) 10%, transparent);
    border-radius: var(--radius-2xl);
    background: var(--color-night-raised);
    text-align: left;
  }
  .plus-shift__row {
    display: grid;
    align-content: start;
    gap: var(--space-6);
    padding: var(--space-8);
  }
  .plus-shift__row + .plus-shift__row {
    border-top: 1px solid var(--plus-line);
  }
  .plus-shift__label {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--line-height-normal);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: var(--color-ivory-muted);
  }
  .plus-shift__items {
    display: grid;
    gap: var(--space-4);
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .plus-shift__item {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-lg);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-tight);
    color: color-mix(in srgb, var(--color-ivory) 50%, var(--color-night));
  }
  .plus-shift__gone {
    text-decoration-color: color-mix(in srgb, var(--color-ivory) 40%, transparent);
    text-decoration-thickness: 1px;
  }
  .plus-shift__check {
    width: var(--space-6);
    height: var(--space-6);
    color: var(--color-ochre);
  }
  @media (min-width: 768px) {
    .plus-problem__title {
      font-size: var(--text-4xl);
    }
  }
  @media (min-width: 768px) {
    .plus-shift {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .plus-shift__row {
      padding: var(--space-12);
    }
    .plus-shift__row + .plus-shift__row {
      border-top: 0;
      border-left: 1px solid var(--plus-line);
    }
  }

  /* Case study: the number, then what made it. */
  .plus-case {
    display: grid;
    gap: var(--space-8);
    align-items: end;
    padding-top: var(--space-32);
  }
  .plus-case__value {
    font-size: var(--text-5xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-hero);
    letter-spacing: var(--letter-spacing-display);
    color: var(--color-ochre);
  }
  .plus-case__copy {
    min-width: 0;
  }
  .plus-case__title {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-tight);
    letter-spacing: var(--letter-spacing-tight);
  }
  .plus-case__body {
    margin-top: var(--space-6);
    font-size: var(--text-base);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  @media (min-width: 900px) {
    .plus-case {
      grid-template-columns: auto minmax(0, 1fr);
      gap: var(--space-16);
      align-items: center;
    }
    .plus-case__copy {
      max-width: 34rem;
      padding-left: var(--space-16);
      border-left: 1px solid var(--plus-line);
    }
  }
  @media (min-width: 1024px) {
    .plus-case__value {
      font-size: var(--text-display);
    }
  }

  /* The app as a bento of real screens. */
  .plus-bento {
    display: grid;
    gap: var(--space-4);
    margin-top: var(--space-16);
  }
  .plus-tile {
    position: relative;
    overflow: hidden;
    padding: var(--space-8);
    border: 1px solid color-mix(in srgb, var(--color-ivory) 8%, transparent);
    border-radius: var(--radius-2xl);
    background: var(--color-night-raised);
  }
  .plus-tile__title {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-tight);
  }
  .plus-tile__body {
    max-width: 24rem;
    margin-top: var(--space-3);
    font-size: var(--text-base);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  .plus-tile__copy {
    align-self: end;
  }
  .plus-tile__crop {
    overflow: hidden;
    border-radius: var(--radius-xl);
  }
  .plus-tile__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .plus-pushes {
    display: grid;
    gap: var(--space-2);
    margin: var(--space-8) 0 0;
    padding: 0;
    list-style: none;
  }
  .plus-pushes__item {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-lg);
    background: color-mix(in srgb, var(--color-night) 10%, transparent);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-normal);
  }
  .plus-pushes__icon {
    width: var(--space-4);
    height: var(--space-4);
  }
  @media (min-width: 1024px) {
    .plus-bento {
      grid-template-columns: repeat(12, minmax(0, 1fr));
      grid-auto-rows: 22.5rem;
    }
  }

  /* From link to door: three steps, three real screens. */
  .plus-flow {
    display: grid;
    gap: var(--space-12);
    margin: var(--space-16) 0 0;
    padding: 0;
    list-style: none;
  }
  .plus-flow__step {
    min-width: 0;
  }
  .plus-flow__stage {
    display: flex;
    justify-content: center;
    height: 30rem;
    overflow: hidden;
    padding-top: var(--space-8);
    border: 1px solid color-mix(in srgb, var(--color-ivory) 8%, transparent);
    border-radius: var(--radius-2xl);
    background: var(--color-night-raised);
  }
  .plus-flow__stage .plus-device {
    width: 17.5rem;
    height: fit-content;
  }
  .plus-flow__number {
    margin-top: var(--space-6);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-ochre);
  }
  .plus-flow__title {
    margin-top: var(--space-2);
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    letter-spacing: var(--letter-spacing-tight);
  }
  .plus-flow__body {
    margin-top: var(--space-3);
    font-size: var(--text-base);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  @media (min-width: 900px) {
    .plus-flow {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: var(--space-6);
    }
  }

  /* Tables: the guest list offers the party's tables. */
  .plus-tables {
    display: grid;
    gap: var(--space-12);
    align-items: center;
  }
  .plus-tables__copy {
    min-width: 0;
  }
  .plus-tables__points {
    display: grid;
    gap: var(--space-3);
    margin: var(--space-8) 0 0;
    padding: 0;
    list-style: none;
  }
  .plus-tables__point {
    display: flex;
    align-items: start;
    gap: var(--space-3);
    font-size: var(--text-base);
    line-height: var(--line-height-normal);
  }
  .plus-tables__check {
    width: var(--space-6);
    height: var(--space-6);
    color: var(--color-ochre);
  }
  .plus-tables__stage {
    position: relative;
    display: grid;
    justify-items: center;
  }
  .plus-glow[data-context="tables"] {
    top: 0;
  }
  .plus-tables__stage .plus-device {
    position: relative;
    z-index: 1;
    width: min(20rem, 100%);
  }
  @media (min-width: 900px) {
    .plus-tables {
      grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
      gap: var(--space-16);
    }
  }

  /* The studio in a browser window with its own light. */
  .plus-window {
    position: relative;
    margin-top: var(--space-16);
  }
  .plus-glow[data-context="window"] {
    top: 10%;
  }
  .plus-window__frame {
    position: relative;
    z-index: 1;
    overflow: hidden;
    margin: 0;
    border: 1px solid var(--plus-line);
    border-radius: var(--radius-xl);
    background: var(--color-night-raised);
    box-shadow: 0 60px 160px var(--plus-shadow);
  }
  .plus-window__bar {
    display: flex;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    border-bottom: 1px solid color-mix(in srgb, var(--color-ivory) 8%, transparent);
  }
  .plus-window__dot {
    width: var(--space-3);
    height: var(--space-3);
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--color-ivory) 18%, var(--color-night));
  }
  .plus-window__screen {
    display: block;
    width: 100%;
    height: auto;
  }
  @media (min-width: 900px) {
    .plus-split {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: var(--space-16);
    }
  }

  /* The long lever: contacts for email marketing. */
  .plus-mail {
    display: grid;
    gap: var(--space-12);
    align-items: center;
  }
  .plus-mail__copy {
    min-width: 0;
  }
  .plus-mail__link {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    margin-top: var(--space-8);
    font-weight: var(--font-weight-semibold);
  }
  .plus-mail__card {
    padding: var(--space-12) var(--space-8);
    border: 1px solid color-mix(in srgb, var(--color-ivory) 8%, transparent);
    border-radius: var(--radius-2xl);
    background: var(--color-night-raised);
  }
  .plus-mail__value {
    font-size: var(--text-5xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-hero);
    letter-spacing: var(--letter-spacing-display);
    color: var(--color-ochre);
  }
  .plus-mail__label {
    margin-top: var(--space-6);
    font-size: var(--text-xl);
    font-weight: var(--font-weight-medium);
    letter-spacing: var(--letter-spacing-tight);
  }
  .plus-mail__note {
    margin-top: var(--space-6);
    padding-top: var(--space-6);
    border-top: 1px solid var(--plus-line);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  @media (min-width: 900px) {
    .plus-mail {
      grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
      gap: var(--space-16);
    }
  }
  @media (min-width: 1024px) {
    .plus-mail__value {
      font-size: var(--text-display);
    }
  }

  /* Price: one black card with a gold edge. */
  .plus-offer {
    display: grid;
    max-width: 62rem;
    overflow: hidden;
    margin: var(--space-16) auto 0;
    border: 1px solid color-mix(in srgb, var(--color-ochre) 45%, transparent);
    border-radius: var(--radius-2xl);
    background: var(--color-night-raised);
    box-shadow: 0 60px 160px var(--plus-shadow);
  }
  .plus-offer__main,
  .plus-offer__credit {
    padding: var(--space-12) var(--space-8);
  }
  .plus-offer__name {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-tight);
  }
  .plus-offer__price {
    margin-top: var(--space-8);
    font-size: var(--text-5xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-hero);
    letter-spacing: var(--letter-spacing-display);
  }
  .plus-offer__unit {
    margin-top: var(--space-4);
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--color-ivory-muted);
  }
  .plus-offer__button {
    width: 100%;
    margin-top: var(--space-8);
  }
  .plus-offer__terms {
    margin-top: var(--space-3);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
    text-align: center;
  }
  .plus-offer__items {
    display: grid;
    gap: var(--space-3);
    margin: var(--space-8) 0 0;
    padding: 0;
    list-style: none;
  }
  .plus-offer__item {
    display: flex;
    align-items: start;
    gap: var(--space-3);
    font-size: var(--text-base);
    line-height: var(--line-height-normal);
  }
  .plus-offer__check {
    width: var(--space-6);
    height: var(--space-6);
    color: var(--color-ochre);
  }
  .plus-offer__credit {
    border-top: 1px solid color-mix(in srgb, var(--color-ochre) 25%, transparent);
    background: linear-gradient(
      160deg,
      color-mix(in srgb, var(--color-ochre) 16%, transparent),
      color-mix(in srgb, var(--color-ochre) 4%, transparent)
    );
  }
  .plus-offer__credit-title {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-tight);
    letter-spacing: var(--letter-spacing-tight);
  }
  .plus-offer__perks {
    margin: var(--space-8) 0 0;
  }
  .plus-offer__perk {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-4);
    padding-block: var(--space-4);
    border-top: 1px solid var(--plus-line);
  }
  .plus-offer__perk:last-child {
    border-bottom: 1px solid var(--plus-line);
  }
  .plus-offer__perk-label {
    font-size: var(--text-base);
  }
  .plus-offer__perk-value {
    margin: 0;
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-tight);
  }
  .plus-offer__footnote {
    margin-top: var(--space-4);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  .plus-offer__footnote + .plus-offer__footnote {
    margin-top: var(--space-1);
  }
  .plus-offer__note {
    margin-top: var(--space-6);
    font-size: var(--text-sm);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  @media (min-width: 900px) {
    .plus-offer {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
    .plus-offer__main,
    .plus-offer__credit {
      padding: var(--space-16) var(--space-12);
    }
    .plus-offer__credit {
      border-top: 0;
      border-left: 1px solid color-mix(in srgb, var(--color-ochre) 25%, transparent);
    }
  }
  @media (min-width: 1024px) {
    .plus-offer__price {
      font-size: var(--text-display);
    }
  }

  /* Calculator. */
  .plus-calc {
    display: grid;
    gap: var(--space-8);
    max-width: 62rem;
    margin: var(--space-6) auto 0;
    padding: var(--space-8) var(--space-6);
    border: 1px solid color-mix(in srgb, var(--color-ivory) 8%, transparent);
    border-radius: var(--radius-2xl);
    background: var(--color-night-raised);
  }
  .plus-calc__form {
    min-width: 0;
  }
  .plus-calc__title {
    font-size: var(--text-2xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    letter-spacing: var(--letter-spacing-tight);
  }
  .plus-calc__inputs {
    display: grid;
    gap: var(--space-6);
    margin-top: var(--space-8);
  }
  .plus-range {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: var(--space-2) var(--space-4);
  }
  .plus-range__label {
    font-size: var(--text-sm);
  }
  .plus-range__value {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    font-weight: var(--font-weight-medium);
  }
  .plus-range__input {
    grid-column: 1 / -1;
    width: 100%;
    margin: 0;
    accent-color: var(--color-ochre);
    cursor: pointer;
  }
  .plus-range__input:focus-visible {
    outline: 2px solid var(--color-ochre);
    outline-offset: var(--space-1);
  }
  .plus-calc__results {
    display: grid;
    align-content: space-between;
    gap: var(--space-6);
    padding: var(--space-8);
    border-radius: var(--radius-xl);
    background: var(--color-night);
  }
  .plus-result {
    display: grid;
    gap: var(--space-1);
  }
  .plus-result__label {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: var(--color-ivory-muted);
  }
  .plus-result__value {
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-tight);
    letter-spacing: var(--letter-spacing-display);
  }
  .plus-calc__payback {
    padding-top: var(--space-6);
    border-top: 1px solid var(--plus-line);
    font-size: var(--text-base);
    line-height: var(--line-height-normal);
  }
  .plus-calc__note {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }
  @media (min-width: 900px) {
    .plus-calc {
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: var(--space-12);
      padding: var(--space-12);
    }
    .plus-calc__note {
      grid-column: 1 / -1;
    }
  }

  /* Doubts. */
  .plus-faq__list {
    max-width: var(--content-width);
    margin-top: var(--space-12);
    border-top: 1px solid var(--plus-line);
  }
  .plus-faq__item {
    border-bottom: 1px solid var(--plus-line);
  }
  .plus-faq__question {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--space-6);
    padding-block: var(--space-6);
    font-size: var(--text-xl);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-tight);
    cursor: pointer;
    list-style: none;
  }
  .plus-faq__question::-webkit-details-marker {
    display: none;
  }
  .plus-faq__question:focus-visible {
    outline: 2px solid var(--color-ochre);
    outline-offset: var(--space-1);
  }
  .plus-faq__icon {
    flex: none;
    font-size: var(--text-2xl);
    color: var(--color-ochre);
    transition: transform var(--duration-normal) var(--ease-standard);
  }
  .plus-faq__item[open] .plus-faq__icon {
    transform: rotate(45deg);
  }
  .plus-faq__answer {
    max-width: var(--text-measure);
    padding-bottom: var(--space-6);
    font-size: var(--text-base);
    line-height: var(--line-height-relaxed);
    color: var(--color-ivory-muted);
  }

  /* The last word. */
  .plus-final {
    position: relative;
    overflow: clip;
    padding-block: var(--space-32);
    text-align: center;
  }
  .plus-glow[data-context="final"] {
    top: 0;
  }
  .plus-final__copy {
    position: relative;
    z-index: 1;
  }
  .plus-final__title {
    max-width: 62rem;
    margin-inline: auto;
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-display);
    letter-spacing: var(--letter-spacing-display);
    text-wrap: balance;
  }
  .plus-final .plus-actions {
    --cluster-justify: center;
    margin-top: var(--space-12);
  }
  @media (min-width: 768px) {
    .plus-final__title {
      font-size: var(--text-4xl);
    }
  }
  @media (min-width: 1024px) {
    .plus-final__title {
      font-size: var(--text-5xl);
    }
  }
}

@layer exceptions {
  .plus-page [data-tone="gold"] {
    color: var(--color-ochre);
  }
  .plus-shift__row[data-tone="new"] {
    background: linear-gradient(
      160deg,
      color-mix(in srgb, var(--color-ochre) 16%, transparent),
      color-mix(in srgb, var(--color-ochre) 4%, transparent)
    );
  }
  .plus-shift__row[data-tone="new"] .plus-shift__label {
    color: var(--color-ochre);
  }
  .plus-shift__row[data-tone="new"] .plus-shift__item {
    color: var(--color-ivory);
  }
  @media (min-width: 640px) {
    .plus-title[data-size="small"] {
      font-size: var(--text-3xl);
    }
  }
  .plus-title[data-align="center"] {
    margin-inline: auto;
    text-align: center;
  }
  .plus-title + .plus-lead {
    margin-top: var(--space-6);
  }
  .plus-tile[data-tile="push"] {
    border-color: transparent;
    background: var(--color-ochre);
    color: var(--color-night);
  }
  .plus-tile[data-tile="own"] .plus-device {
    width: min(20rem, 100%);
    margin: var(--space-12) auto calc(-1 * var(--space-32));
  }
  .plus-tile[data-tile="streak"] .plus-tile__crop {
    height: 18rem;
    margin-top: var(--space-8);
  }
  .plus-tile[data-tile="streak"] .plus-tile__image {
    object-position: 50% 46%;
  }
  .plus-tile[data-tile="ranking"] .plus-tile__crop {
    height: 16rem;
    margin-top: var(--space-6);
  }
  .plus-tile[data-tile="ranking"] .plus-tile__image {
    object-position: 50% 30%;
  }
  @media (min-width: 1024px) {
    .plus-tile[data-tile="own"] {
      grid-column: span 5;
      grid-row: span 2;
    }
    .plus-tile[data-tile="streak"] {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 15rem;
      gap: var(--space-6);
      grid-column: span 7;
    }
    .plus-tile[data-tile="streak"] .plus-tile__crop {
      height: auto;
      margin: calc(-1 * var(--space-8)) 0;
      border-radius: 0;
    }
    .plus-tile[data-tile="ranking"] {
      display: flex;
      flex-direction: column;
      grid-column: span 4;
    }
    .plus-tile[data-tile="ranking"] .plus-tile__crop {
      flex: 1;
      height: auto;
    }
    .plus-tile[data-tile="push"] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      grid-column: span 3;
    }
    .plus-tile[data-tile="own"] .plus-device {
      position: absolute;
      top: 13rem;
      left: 50%;
      width: 20.5rem;
      margin: 0;
      transform: translateX(-50%);
    }
  }
}