@media (max-width: 68.6875rem) {
  .hero {
    min-block-size: 72.5rem;
  }

  .hero__bloom--desktop,
  .hero__track,
  .hero__floor {
    display: none;
  }

  .hero__bloom--mobile-primary,
  .hero__bloom--mobile-secondary {
    display: block;
  }

  .hero__bloom--mobile-primary {
    inset-block-start: 26.875rem;
    left: calc(50% - 8.4375rem);
    inline-size: 18.125rem;
    block-size: 15.625rem;
  }

  .hero__bloom--mobile-secondary {
    inset-block-start: 35rem;
    left: calc(50% - 2.1875rem);
    inline-size: 13.75rem;
    block-size: 11.875rem;
  }

  .hero-header {
    inset-block-start: 2.5625rem;
    left: 50%;
    inline-size: min(calc(100% - 2.5rem), 24.375rem);
    block-size: 1.75rem;
    translate: -50% 0;
  }

  .brand {
    gap: 0.4375rem;
  }

  .brand__mark {
    inline-size: 1.8009rem;
    block-size: 0.5754rem;
  }

  .brand__name {
    font-size: 0.75rem;
    font-weight: var(--font-weight-bold);
  }

  .hero-header__actions {
    gap: 0;
  }

  .header-cta {
    display: none;
  }

  .beta-badge {
    inline-size: 3.5rem;
    block-size: 1.75rem;
    border: 0;
    background: rgb(255 255 255 / 7%);
    color: #bfb9c7;
    font-size: 0.5625rem;
    letter-spacing: 0.0625rem;
  }

  .beta-badge > span {
    display: none;
  }

  .hero-copy {
    inset-block-start: 5.5rem;
    inline-size: min(calc(100% - 2.75rem), 21.625rem);
  }

  .hero-copy__eyebrow {
    font-size: 0.5625rem;
    letter-spacing: 0.08125rem;
    line-height: 1.375rem;
  }

  .hero-copy h1 {
    margin-block-start: 0.625rem;
    font-size: 2.4375rem;
    line-height: 1.421;
    white-space: nowrap;
  }

  .hero-copy__body {
    margin-block-start: 0.25rem;
    color: #aaa3b1;
    font-size: 1rem;
    line-height: 1.6875;
  }

  .hero-copy__body-desktop,
  .cta-label--desktop,
  .audio-body--desktop { display: none; }

  .hero-copy__body-mobile,
  .cta-label--mobile,
  .audio-body--mobile { display: inline; }

  .hero-actions {
    inset-block-start: 16.5rem;
    flex-direction: column;
    gap: 0.625rem;
    inline-size: min(calc(100% - 3rem), 21.375rem);
  }

  .hero-button {
    justify-content: center;
    inline-size: 100%;
    block-size: 3.625rem;
    padding: 0.6875rem 1.25rem;
  }

  .hero-button img {
    display: none;
  }

  .hero-button > span {
    align-items: center;
  }

  .hero-button strong {
    font-size: 0.9375rem;
  }

  .hero-button small {
    font-size: 0.5rem;
    letter-spacing: 0.045rem;
  }

  .hero-button--web {
    background: rgb(255 255 255 / 3%);
  }

  .spatial-card {
    transform-origin: top left;
  }

  .spatial-card--lyrics {
    inset-block-start: 28.75rem;
    left: calc(50% - 8.9375rem);
    inline-size: 18.125rem;
    block-size: 11.75rem;
    opacity: 0.24;
    scale: 0.48;
  }

  .spatial-card--artist {
    inset-block-start: 29.2731rem;
    left: calc(50% + 2.5rem);
    inline-size: 18.75rem;
    block-size: 12.25rem;
    opacity: 0.2;
    scale: 0.46;
  }

  .spatial-card--album {
    inset-block-start: 36.875rem;
    left: calc(50% - 10.75rem);
    inline-size: 18.75rem;
    block-size: 15.25rem;
    opacity: 0.28;
    scale: 0.42;
  }

  .spatial-card--queue {
    inset-block-start: 38.07rem;
    left: calc(50% + 3.625rem);
    inline-size: 19.5rem;
    block-size: 15.25rem;
    opacity: 0.22;
    scale: 0.4;
  }

  .hero-device {
    inset-block-start: 25.875rem;
    left: 50%;
    inline-size: 20.8rem;
    block-size: 20.8rem;
    translate: -50% 0;
    filter: drop-shadow(0 0 1.283rem rgb(109 40 255 / 12%)) drop-shadow(0 0.991rem 1.99rem rgb(0 0 0 / 66%));
  }

  .hero-device__screen-image {
    border-radius: 12.75% / 6%;
  }

  .audio-panel {
    inset-block-start: 49.6875rem;
    left: 50%;
    inline-size: min(calc(100% - 2.5rem), 21.875rem);
    block-size: 20.625rem;
    translate: -50% 0;
    border-radius: 1.625rem;
    background: rgb(9 8 13 / 86%);
  }

  .audio-panel::before {
    display: none;
  }

  .audio-panel__eyebrow {
    inset-block-start: 1.1875rem;
    inset-inline-start: 1.1875rem;
    font-size: 0.5625rem;
    letter-spacing: 0.06875rem;
  }

  .audio-panel h2 {
    inset-block-start: 2.6875rem;
    inset-inline-end: 1.1875rem;
    inline-size: calc(100% - 2.375rem);
    font-size: 1.5rem;
    line-height: 1.25;
  }

  .audio-title--desktop { display: none; }
  .audio-title--mobile { display: inline; }

  .audio-panel__body {
    inset-block-start: 5.1875rem;
    inset-inline-end: 1.1875rem;
    inline-size: calc(100% - 2.375rem);
    font-size: 0.8125rem;
    line-height: 1.6923;
  }

  .quality-availability {
    display: none;
  }

  .quality-list {
    inset-block-start: 7.9375rem;
    inset-inline-start: 1.1875rem;
    inline-size: calc(100% - 2.375rem);
  }

  .quality-list li {
    block-size: 2.375rem;
  }

  .quality-list__number {
    display: none;
  }

  .quality-list strong {
    font-size: 0.9375rem;
    line-height: 1;
  }

  .quality-list li:nth-child(n + 4) strong {
    font-size: 0.9375rem;
  }

  .quality-tag {
    inset-inline-start: auto;
    inset-inline-end: 0;
    font-size: 0.5rem;
    letter-spacing: 0.05rem;
  }

  .landing-section {
    inline-size: 100%;
  }

  .section-copy {
    left: 50%;
    inline-size: min(calc(100% - 3rem), 21.375rem);
    translate: -50% 0;
    text-align: center;
  }

  .section-eyebrow,
  .section-meta {
    font-size: 0.5625rem;
    letter-spacing: 0;
  }

  .section-copy h2 {
    font-size: 2.125rem;
    letter-spacing: 0;
    line-height: 2.5625rem;
  }

  .section-copy > p:not(.section-eyebrow, .section-meta) {
    color: #bdb5c7;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }

  .copy-desktop { display: none; }
  .copy-mobile { display: inline; }

  .product-device {
    filter: drop-shadow(0 0 1.25rem rgb(109 40 255 / 14%)) drop-shadow(0 0.9375rem 1.75rem rgb(0 0 0 / 62%));
  }

  /* Archive: node 117:2 plus its 8px registration gap. */
  .archive-section {
    block-size: 47.5rem;
    background: #050207;
  }

  .archive-glow--purple,
  .archive-glow--cyan { display: none; }
  .archive-glow--mobile { display: block; inset: 21.25rem auto auto calc(50% - 10.3125rem); inline-size: 20.625rem; block-size: 18.75rem; }

  .archive-copy { inset-block-start: 3.875rem; }
  .archive-copy h2 { margin-block-start: 1.5rem; font-size: 2.125rem; line-height: 2.5625rem; }
  .archive-copy > p:last-child { margin-block-start: 1.75rem; }

  .archive-strip {
    inset: 27.5rem auto auto calc(50% - 19.6875rem);
    gap: 0.38rem;
    inline-size: 39.425rem;
    block-size: 5.89rem;
  }

  .archive-strip img {
    flex-basis: 5.225rem;
    inline-size: 5.225rem;
    block-size: 5.225rem;
    margin-block-start: 0.3325rem;
    border-radius: 0.4275rem;
  }

  .archive-device {
    inset: 18.9375rem auto auto calc(50% - 11.5rem);
    inline-size: 20.9625rem;
    block-size: 23.38125rem;
  }

  .archive-device > .product-device__body,
  .archive-device > .product-device__screen {
    inline-size: 23.38125rem;
    block-size: 23.38125rem;
  }

  .archive-meta {
    position: absolute;
    z-index: 8;
    inset: 43.125rem auto auto 50%;
    display: block;
    inline-size: 21.875rem;
    translate: -50% 0;
    color: #70667d;
    font-size: 0.5rem;
    text-align: center;
  }

  /* Lyrics: node 117:25 plus 19px registration gap. */
  .lyrics-section { block-size: 64.375rem; }
  .lyrics-glow--purple,
  .lyrics-glow--blue,
  .lyrics-glow--active { display: none; }
  .lyrics-glow--mobile { display: block; inset: 20rem auto auto calc(50% - 14.6875rem); inline-size: 21.25rem; block-size: 18.75rem; }

  .lyrics-copy { inset: 3.5rem auto auto 50%; }
  .lyrics-copy h2 { margin-block-start: 1.25rem; line-height: 2.5625rem; }
  .lyrics-copy > p:not(.section-eyebrow, .section-meta) { margin-block-start: 1.875rem; }
  .lyrics-copy__meta { display: none; }

  .lyrics-device--en {
    inset: 18.625rem auto auto calc(50% - 13.375rem);
    inline-size: 21.45rem;
    block-size: 21.45rem;
  }

  .lyrics-device--fa {
    inset: 21.875rem auto auto calc(50% - 0.9375rem);
    inline-size: 14.3375rem;
    block-size: 14.3375rem;
    opacity: 0.86;
  }

  .lyrics-showcase {
    inset: 42.5rem auto auto 50%;
    inline-size: min(calc(100% - 2.25rem), 22.1rem);
    block-size: 17.34rem;
    padding: 1.0625rem 1.3175rem;
    translate: -50% 0;
    border-radius: 1.275rem;
    font-size: 0.935rem;
    line-height: 1.36;
  }

  .lyrics-showcase strong {
    block-size: 3.06rem;
    border-radius: 0.765rem;
    font-size: 1.0625rem;
  }

  .lyrics-meta-mobile {
    position: absolute;
    z-index: 8;
    inset: 60.625rem auto auto 50%;
    display: block;
    inline-size: 21.375rem;
    translate: -50% 0;
    color: #756b82;
    font-size: 0.5rem;
    text-align: center;
  }

  /* Search: registration delta 930px. */
  .search-section { block-size: 58.125rem; }
  .search-glow--purple,
  .search-glow--warm { display: none; }
  .search-glow--mobile-purple { display: block; inset: 20rem auto auto calc(50% - 10.625rem); inline-size: 21.25rem; block-size: 17.5rem; }
  .search-glow--mobile-warm { display: block; inset: 38.75rem auto auto calc(50% - 11rem); inline-size: 22rem; block-size: 13rem; }

  .search-copy { inset: 3.375rem auto auto 50%; }
  .search-copy .section-eyebrow { display: block; }
  .search-copy h2 { margin-block-start: 1.5rem; }
  .search-copy > p:last-child { margin-block-start: 1.75rem; inline-size: auto; }

  .search-device {
    inset: 17.875rem auto auto calc(50% - 10.575rem);
    inline-size: 21.15rem;
    block-size: 21.15rem;
  }

  .search-showcase {
    inset: 40.625rem auto auto 50%;
    inline-size: min(calc(100% - 2.5rem), 21.74375rem);
    block-size: 15.3125rem;
    padding: 0.704rem 0.766rem;
    translate: -50% 0;
    border-radius: 0.98rem;
  }

  .search-showcase .search-field {
    inline-size: 100%;
    block-size: 2.3275rem;
    border-radius: 0.55125rem;
  }

  .search-field > span {
    inline-size: 0.735rem;
    block-size: 0.735rem;
    margin-inline: 0.796rem 0.98rem;
    border-width: 0.092rem;
  }

  .search-field > span::after { inset: 0.49rem auto auto 0.49rem; inline-size: 0.398rem; block-size: 0.092rem; }
  .search-field strong { font-size: 0.766rem; }
  .search-field i { inset-inline-end: 0.858rem; inline-size: 0.735rem; block-size: 0.735rem; }
  .search-field i::before,
  .search-field i::after { inset-block-start: 0.34rem; inline-size: 0.735rem; block-size: 0.092rem; }

  .search-showcase .search-filters { gap: 0.368rem; margin-block-start: 0.674rem; }
  .search-filters > * { min-inline-size: 2.266rem; block-size: 1.225rem; border-radius: 0.429rem; font-size: 0.398rem; }
  .search-filters b { min-inline-size: 1.776rem; }
  .search-showcase > small { margin-block-start: 0.735rem; font-size: 0.306rem; letter-spacing: 0.031rem; }
  .search-showcase .top-result { inline-size: 100%; block-size: 3.5525rem; margin-block-start: 0.306rem; padding-inline: 0.6125rem; gap: 0.735rem; border-radius: 0.674rem; }
  .search-showcase .top-result img { inline-size: 2.3275rem; block-size: 2.3275rem; }
  .top-result strong { font-size: 0.858rem; }
  .top-result small { font-size: 0.459rem; }
  .search-showcase .track-result { inline-size: 100%; block-size: 1.715rem; margin-block-start: 0.123rem; padding-inline: 0.214rem; gap: 0.398rem; border-radius: 0.429rem; }
  .search-showcase .track-result img { inline-size: 1.286rem; block-size: 1.286rem; border-radius: 0.306rem; }
  .track-result strong { font-size: 0.459rem; }
  .track-result small { font-size: 0.337rem; }
  .track-result > b { inset-inline-end: 0.6125rem; font-size: 0.55rem; }

  /* History: exact current 980px section. */
  .history-section { block-size: 61.25rem; }
  .history-glow--purple,
  .history-glow--lime { display: none; }
  .history-glow--mobile { display: block; inset: 20.625rem auto auto calc(50% - 10.3125rem); inline-size: 20.625rem; block-size: 18.75rem; }

  .history-copy { inset: 3.375rem auto auto 50%; inline-size: min(calc(100% - 3rem), 21.375rem); }
  .history-copy h2 { margin-block-start: 1.5rem; font-size: 1.625rem; line-height: 2.08rem; }
  .history-copy > p:not(.section-eyebrow, .section-meta) { margin-block-start: 1.25rem; inline-size: auto; font-size: 0.84375rem; line-height: 1.4375rem; }
  .history-copy .section-meta { display: none; }

  .history-device--recent {
    inset: 18.75rem auto auto calc(50% - 14.375rem);
    inline-size: 18.144rem;
    block-size: 18.144rem;
    opacity: 0.93;
  }

  .history-device--stats {
    inset: 17rem auto auto calc(50% - 4.3125rem);
    inline-size: 19.035rem;
    block-size: 19.035rem;
  }

  .history-metrics {
    inset: 39.375rem auto auto 50%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 10.3125rem));
    gap: 1.25rem 1.25rem;
    inline-size: 21.875rem;
    block-size: auto;
    translate: -50% 0;
  }

  .history-metrics article,
  .history-metrics article:nth-child(n) {
    position: relative;
    inset: auto;
    inline-size: 10.3125rem;
    block-size: 6.75rem;
    border-color: rgb(255 255 255 / 7%);
    border-radius: 1.25rem;
    background: rgb(11 9 17 / 94%);
  }

  .history-metrics strong { inset: 0.9375rem auto auto 0.9375rem; font-size: 1.625rem; }
  .history-metrics small { inset: auto auto 1.25rem 0.9375rem; color: #8c8299; font-size: 0.5625rem; }

  .history-bridge {
    inset: 56.125rem auto auto 50%;
    inline-size: 21.375rem;
    block-size: auto;
    translate: -50% 0;
    border: 0;
    background: none;
    color: #756b82;
    font-size: 0.5rem;
    text-align: center;
  }

  .history-meta-mobile {
    position: absolute;
    z-index: 8;
    inset: 58.125rem auto auto 50%;
    display: block;
    inline-size: 21.375rem;
    translate: -50% 0;
    color: #665e73;
    font-size: 0.5rem;
    text-align: center;
  }

  /* Final node 118:2 plus the full-frame 40px tail. */
  .final-section { block-size: 50rem; }

  .final-card {
    inset: 2.5rem auto auto 50%;
    inline-size: min(calc(100% - 2.5rem), 21.875rem);
    block-size: 42.5rem;
    translate: -50% 0;
    border-color: rgb(255 255 255 / 8%);
    border-radius: 2.125rem;
    background: #07030b;
  }

  .final-glow--purple,
  .final-glow--lime { display: none; }
  .final-glow--mobile { display: block; inset: 5.875rem auto auto calc(50% - 9.375rem); inline-size: 18.75rem; block-size: 18.125rem; }

  .final-brand {
    inset-block-start: 4.0625rem;
    flex-direction: column;
    gap: 1.125rem;
  }

  .final-brand__desktop { display: none; }
  .final-brand__mobile { display: block; inline-size: 3rem; block-size: 3rem; }
  .final-brand span { color: #a89eb8; font-size: 0.5625rem; letter-spacing: 0.075rem; }

  .final-card h2 {
    inset-block-start: 10.6875rem;
    inline-size: min(calc(100% - 3.5rem), 18.375rem);
    font-size: 2.125rem;
    line-height: 2.625rem;
  }

  .final-copy {
    inset-block-start: 17.3125rem;
    inline-size: min(calc(100% - 4.5rem), 17.375rem);
    color: #c4bad1;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }

  .final-actions {
    inset-block-start: 23.3125rem;
    flex-direction: column;
    gap: 0.75rem;
    inline-size: min(calc(100% - 2.875rem), 18.875rem);
  }

  .final-actions .hero-button {
    inline-size: 100%;
    block-size: 3.625rem;
  }

  .final-trust {
    position: absolute;
    z-index: 5;
    inset: 33.6875rem auto auto 50%;
    display: block;
    inline-size: 18.875rem;
    translate: -50% 0;
    color: #756b82;
    font-size: 0.46875rem;
    letter-spacing: 0.05rem;
    text-align: center;
  }

  .final-footer {
    inset: auto 1.4375rem 3.125rem;
    padding-block-start: 1.25rem;
    color: #736b80;
    font-size: 0.5rem;
    letter-spacing: 0;
  }

  .final-footer strong { color: #8c8599; font-size: 0.5rem; }

}

@media (max-width: 23.4375rem) {
  .hero-copy h1 {
    font-size: clamp(2.125rem, 9.9vw, 2.3125rem);
  }

}