/* Desktop Figma frame 9700:98 (1920 × 8020).
   This layer intentionally rebuilds the desktop composition from the Figma
   measurements. Mobile rules remain owned by landing.css. */
@media (min-width: 1200px) {
  html {
    scrollbar-width: none;
  }

  html::-webkit-scrollbar { display: none; }

  .marketing-page {
    background: #e0e0e0;
  }

  .marketing-page .site-header {
    position: relative;
    z-index: 20;
    background: #151515;
  }

  .marketing-page .site-header__inner {
    display: grid;
    grid-template-columns: 282px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
  }

  .marketing-page .landing-header-tagline { display: none; }

  .marketing-page .landing-header-nav {
    min-width: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
  }

  .marketing-page .landing-header-nav a {
    color: rgba(255,255,255,.7);
    font-size: 16px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -.018em;
  }

  .marketing-page .landing-header-nav a::before {
    width: auto;
    height: auto;
    margin-right: 4px;
    position: static;
    border-radius: 0;
    background: none;
    transform: none;
    opacity: 1;
  }

  .marketing-page .landing-header-nav a:nth-child(1)::before { content: "😍"; }
  .marketing-page .landing-header-nav a:nth-child(2)::before { content: "✍️"; }
  .marketing-page .landing-header-nav a:nth-child(3)::before { content: "🎬"; }
  .marketing-page .landing-header-nav a:nth-child(4)::before { content: "🎵"; }
  .marketing-page .landing-header-nav a:nth-child(5)::before { content: "🎤"; }

  /* The two existing account actions are deliberately retained per brief. */
  .marketing-page .site-header__actions {
    margin: 0;
  }

  .marketing-page .page-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .landing {
    --landing-shell: 1600px;
    width: 100%;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: #151515;
    background: #e0e0e0;
  }

  /* Figma lays the 1918 × 497 paper export down as full-width strips and
     flips every second strip vertically.  Repeating the old square texture
     in both axes caused the visible columns and doubled seams. */
  .landing-paper-layer {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
  }

  .landing-paper-layer__run {
    width: calc(100% - 2px);
    position: absolute;
    left: 1px;
    display: flex;
    flex-direction: column;
    opacity: .45;
  }

  .landing-paper-layer__run--first { top: 878px; }
  .landing-paper-layer__run--second { top: 4916px; }

  .landing-paper-layer__run span {
    width: 100%;
    height: 496.996px;
    flex: 0 0 496.996px;
    background: url("/static/figma-paper.webp") center / 100% 100% no-repeat;
  }

  .landing-paper-layer__run span:nth-child(even) {
    height: 495.754px;
    flex-basis: 495.754px;
    transform: scaleY(-1);
  }

  .landing-shell {
    width: var(--landing-shell);
    max-width: calc(100% - 64px);
    margin: 0 auto;
  }

  .landing .landing-mobile-only { display: none !important; }
  .landing .landing-desktop-only { display: inline; }
  .landing .landing-hero__price { display: none; }
  .landing .landing-note__desktop-lines { display: grid; }

  .landing h1,
  .landing h2 { letter-spacing: normal; }

  .landing-button {
    width: 100%;
    height: 100%;
    min-height: 0;
    padding: 0;
    gap: 20px;
    border: .905px solid #fff;
    border-radius: 105px;
    box-shadow: none;
    font-size: 27.143px;
    font-weight: 700;
    line-height: 36.19px;
  }

  .landing-button > span {
    width: 50.667px;
    height: 45.785px;
    overflow: hidden;
    color: transparent;
    background: url("/static/landing-sparkles.svg") center / contain no-repeat;
  }

  /* Hero: page y 94–1024. */
  .landing-hero {
    width: 100%;
    height: 930px;
    min-height: 0;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0 0 25px 25px;
    color: #fff;
    background: #56514b url("/static/landing-desktop-hero.webp") center -124px / 100% auto no-repeat;
  }

  .landing-hero::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(0,0,0,.7) 11.72%, rgba(0,0,0,.3) 44.14%, rgba(0,0,0,.8) 100%);
  }

  .landing-hero__inner {
    height: 930px;
    padding: 0;
    position: relative;
    z-index: 1;
  }

  .landing-hero__copy {
    width: 940px;
    max-width: none;
    height: 930px;
    position: relative;
  }

  .landing-hero .landing-kicker,
  .landing-hero__price { display: none; }

  .landing-hero h1 {
    width: 940px;
    height: 215px;
    margin: 0;
    position: absolute;
    top: 205px;
    left: 0;
    color: #fff;
    font-size: 80px;
    font-weight: 800;
    line-height: 107.021px;
    letter-spacing: -1.873px;
  }

  .landing-hero h1 em { color: #e21b1f; }
  .landing-hero h1 span { color: #fff; font-family: "Noto Color Emoji", "Segoe UI Emoji", sans-serif; }

  .landing-hero__copy > .landing-hero__desktop-copy {
    width: 774px;
    max-width: none;
    height: 113px;
    margin: 0;
    position: absolute;
    top: 463px;
    left: 0;
    color: #fbfbfb;
    font-size: 36.983px;
    font-weight: 500;
    line-height: 58.116px;
    letter-spacing: -.37px;
  }

  .landing-hero__desktop-copy s {
    position: relative;
    color: #fbfbfb;
    text-decoration-thickness: 2px;
    text-decoration-color: #e21b1f;
  }

  .landing-hero__desktop-copy strong { color: #f5d27a; font-size: 47.549px; font-weight: 800; }
  .landing-hero__desktop-copy b { font-weight: 800; }

  .landing-hero form {
    width: 456px;
    height: 110.381px;
    margin: 0;
    position: absolute;
    top: 638.31px;
    left: 0;
  }

  /* Steps and proof: page y 1024–1873.742. */
  .landing-steps {
    height: 849.742px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background: transparent;
  }

  .landing-steps__grid {
    height: 100%;
    position: relative;
    display: block;
  }

  .landing-step-list {
    width: 717px;
    height: 418.113px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 180px;
    left: 3px;
    display: grid;
    grid-template-rows: 107.974px 110.272px 107.974px;
    gap: 45.947px;
  }

  .landing-step-list li {
    width: 717px;
    min-height: 0;
    height: auto;
    padding: 20.676px;
    gap: 20.676px;
    border: 0;
    border-radius: 27.568px;
    background: #fbfbfb;
    box-shadow: none;
  }

  .landing-step-list li > span {
    width: 55.136px;
    height: 55.136px;
    border-radius: 27.568px;
    font-size: 27.568px;
    font-weight: 800;
  }

  .landing-step-list p {
    margin: 0;
    color: rgba(21,21,21,.7);
    font-size: 26.649px;
    line-height: 29.842px;
    letter-spacing: -.276px;
    white-space: nowrap;
  }

  .landing-proof {
    width: 861px;
    height: 704px;
    margin: 0;
    position: absolute;
    top: 94px;
    left: 779px;
    display: block;
  }

  .landing-proof article {
    width: 317.357px;
    height: 287.311px;
    min-height: 0;
    padding: 34px 20px 22px;
    position: absolute;
    z-index: 1;
    gap: 0;
    border: 1.878px solid #fff;
    border-radius: 20.656px;
    background: rgba(251,251,251,.6);
    box-shadow: none;
  }

  .landing-proof article:nth-child(1) { top: 0; left: 0; }
  .landing-proof article:nth-child(2) { top: 0; left: 339.892px; }
  .landing-proof article:nth-child(3) { top: 317.357px; left: 0; }

  .landing-proof__icon {
    margin-bottom: 4px;
    font-size: 62px;
    line-height: 1;
  }

  .landing-proof article strong {
    font-size: 61.755px;
    font-weight: 500;
    line-height: 79px;
    letter-spacing: -2.67px;
    text-transform: none;
  }

  .landing-proof article:nth-child(2) strong { font-size: 56px; }
  .landing-proof article:nth-child(3) strong { font-size: 50px; }
  .landing-proof__label { color: rgba(21,21,21,.7); font-size: 21.178px; line-height: 20px; }

  .landing-proof__album {
    width: 699.063px;
    height: 476.857px;
    min-height: 0;
    position: absolute;
    z-index: 2;
    top: 227px;
    left: 162px;
  }

  .landing-proof__record,
  .landing-proof__sleeve { display: none; }

  .landing-proof__album::before {
    content: "";
    width: 699.063px;
    height: 476.857px;
    position: absolute;
    inset: 0;
    background: url("/static/landing-vinyl.webp") center / contain no-repeat;
  }

  /* Figma waveform dividers. */
  .landing-divider {
    width: 1605px;
    max-width: calc(100vw - 64px);
    height: 62.517px;
    margin: 0 auto;
    gap: 40px;
    color: #e21b1f;
  }

  .landing-divider::before,
  .landing-divider::after { height: 1px; background: rgba(21,21,21,.2); }
  .landing-divider svg { width: 171.921px; height: 62.517px; }

  /* Emotions: page y 1936.258–3323. */
  .landing-emotions {
    height: 1386.742px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background: transparent;
  }

  .landing-emotions > .landing-shell {
    width: 1604px;
    height: 100%;
    position: relative;
  }

  .landing-emotions__head {
    width: 100%;
    height: 250px;
    margin: 0;
    position: absolute;
    top: 128.446px;
    left: 0;
    display: block;
  }

  .landing-emotions__head h2 {
    width: 847px;
    height: 129px;
    margin: 0;
    font-size: 60px;
    font-weight: 600;
    line-height: 64.194px;
    letter-spacing: -1.0699px;
  }

  .landing-emotions__hint {
    width: 847px;
    height: 50px;
    margin: 32.196px 0 0;
    color: rgba(21,21,21,.7);
    font-size: 34.673px;
    font-weight: 400;
    line-height: 49.235px;
  }

  .landing-emotions .landing-slider-nav {
    width: 161px;
    height: 63px;
    position: absolute;
    top: 136.296px;
    right: 55px;
    display: flex;
    align-items: center;
    gap: 35px;
  }

  .landing-emotions .landing-slider-nav button {
    width: 63px;
    height: 63px;
    position: static;
    flex: 0 0 63px;
    border-radius: 50%;
  }

  .landing-emotions .landing-slider-nav button:not(:disabled):hover,
  .landing-emotions .landing-slider-nav button:not(:disabled):focus-visible {
    transform: none;
  }

  .landing-emotions .landing-slider-nav button svg { width: 24px; height: 24px; }

  .landing-slider {
    width: 1875px;
    height: 870px;
    position: absolute;
    top: 409.014px;
    left: 5px;
  }

  .landing-story-track {
    width: 1875px;
    height: 763.694px;
    padding: 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 521.558px;
    gap: 16px;
    overflow-x: auto;
  }

  .landing-story-card {
    width: 521.558px;
    height: 763.694px;
    border: 0;
    border-radius: 28.192px;
    background: #151515;
    box-shadow: none;
  }

  .landing-story-video {
    height: 391.168px;
    flex: 0 0 391.168px;
    aspect-ratio: auto;
    border-bottom: 1.762px solid rgba(21,21,21,.15);
    border-radius: 24.668px 24.668px 0 0;
    background: #151515;
  }

  .landing-story-video video { opacity: 0; }

  .landing-story-video__play {
    width: 102.197px;
    height: 102.197px;
    border: 1.762px solid rgba(251,251,251,.8);
    background: #fbfbfb;
    -webkit-backdrop-filter: blur(8.81px);
    backdrop-filter: blur(8.81px);
    box-shadow: none;
    filter: drop-shadow(0 28.192px 29.954px rgba(42,16,18,.24));
  }

  .landing-story-video__play svg { display: none; }

  .landing-story-video__play::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 15.858px solid transparent;
    border-bottom: 15.858px solid transparent;
    border-left: 26.43px solid #d71920;
    transform: translateX(3.524px);
  }

  .landing-story-card__body {
    height: 372.526px;
    padding: 29.954px 28.192px 32px;
    display: block;
    background: #fbfbfb;
  }

  .landing-story-card__tag {
    width: max-content;
    height: 42.545px;
    padding: 7.048px 15.858px 9.497px;
    display: flex;
    align-items: flex-start;
    border-radius: 999px;
    background: rgba(21,21,21,.07);
    font-size: 21.144px;
    font-weight: 800;
    line-height: 25.373px;
    letter-spacing: .203px;
  }

  .landing-story-card blockquote {
    height: 246.861px;
    margin: 21.144px 0 0;
    padding: 26.43px 26.43px 26.43px 31.716px;
    border: 1.762px solid rgba(226,27,31,.48);
    border-left-width: 3.524px;
    border-radius: 24.668px;
    color: #151515;
    box-shadow: 0 17.62px 42.288px rgba(42,16,18,.06);
    font-size: 22.554px;
    line-height: 32.245px;
  }

  .landing-story-card blockquote::before {
    content: "“";
    top: 12.4px;
    left: 12.33px;
    font-family: Inter, Arial, sans-serif;
    font-size: 52.861px;
    font-style: italic;
    font-weight: 400;
    line-height: 52.861px;
    transform: translateY(-50%);
  }

  .landing-slider-dots {
    width: 792px;
    height: 11.579px;
    margin-top: 92.034px;
    margin-left: 401px;
    gap: 13.895px;
  }

  .landing-slider-dots button {
    width: 11.579px;
    height: 11.579px;
    background: rgba(21,21,21,.15);
  }
  .landing-slider-dots button[aria-current="true"] {
    width: 41.684px;
    background: #e21b1f;
  }

  /* Free lyrics: page y 3385.517–4149. */
  .landing-free-lyrics {
    height: 763.483px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background: transparent;
  }

  .landing-free-lyrics__grid {
    height: 100%;
    position: relative;
    display: block;
  }

  .landing-free-lyrics__copy { display: contents; }
  .landing-free-lyrics .landing-kicker { display: none; }

  .landing-free-lyrics h2 {
    width: 626px;
    height: 225px;
    margin: 0;
    position: absolute;
    top: 97.483px;
    left: 0;
    font-size: 60px;
    font-weight: 500;
    line-height: 75px;
    letter-spacing: -1.2px;
  }

  .landing-free-lyrics__copy > p {
    width: 724px;
    height: 99px;
    max-width: none;
    margin: 0;
    position: absolute;
    top: 377.483px;
    left: 0;
    color: rgba(21,21,21,.7);
    font-size: 30px;
    line-height: 49.5px;
  }

  .landing-free-lyrics form {
    width: 481px;
    height: 126px;
    margin: 0;
    position: absolute;
    top: 537.483px;
    left: 0;
  }

  .landing-note {
    width: 780px;
    height: 566.455px;
    min-height: 0;
    padding: 112px 74px 60px 126px;
    position: absolute;
    top: 97.483px;
    left: 820px;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(21,21,21,.12);
    border-radius: 0;
    color: #3b332f;
    background: #f4f0e7 url("/static/landing-lyrics.webp") left top / cover no-repeat;
    box-shadow: none;
    font-family: "Caveat", cursive;
    font-size: 26px;
    font-style: normal;
    line-height: 44px;
    transform: none;
  }

  .landing-note__desktop-lines { gap: 16px; }
  .landing-note::after { right: 92px; bottom: 86px; }

  /* Video styles: page y 4149–5010. */
  .landing-video-styles {
    width: 100%;
    height: 861px;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    color: #fbfbfb;
    background: #151515 url("/static/landing-dark.webp") center / cover no-repeat;
  }

  .landing-video-styles::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(21,21,21,.7);
  }

  .landing-video-styles__grid {
    height: 861px;
    position: relative;
    z-index: 1;
    display: block;
  }

  .landing-video-styles__cards {
    width: 993px;
    height: 656.685px;
    position: absolute;
    top: 98px;
    left: 0;
    display: grid;
    grid-template-columns: 481.005px 481.005px;
    gap: 31px;
  }

  .landing-style-card {
    width: 481.005px;
    height: 656.685px;
    border: 0;
    border-radius: 25.991px;
    background: #fbfbfb;
  }

  .landing-video-placeholder--style,
  .landing-video-placeholder--style video {
    width: 100%;
    height: 303.5px;
    min-height: 303.5px;
    max-height: 303.5px;
  }

  .landing-video-placeholder--style { background: #5b5b5b; }
  .landing-video-placeholder--style video,
  .landing-video-placeholder--style > span { opacity: 0; }

  .landing-style-card h3 {
    margin: 29.24px 29.24px 12.508px;
    color: #e21b1f;
    font-size: 22.58px;
    font-weight: 800;
    line-height: 28.265px;
  }

  .landing-style-card p {
    margin: 0 29.24px;
    color: rgba(21,21,21,.7);
    font-size: 21.118px;
    line-height: 32.099px;
  }

  .landing-style-card ul {
    margin: 27.615px 29.24px 0;
    display: grid;
    gap: 12.995px;
  }

  .landing-style-card li { color: rgba(21,21,21,.7); font-size: 19.493px; line-height: 32.489px; }
  .landing-style-card li::before { display: none; }

  .landing-video-styles__copy {
    width: 549px;
    height: 600px;
    position: absolute;
    top: 0;
    left: 1051px;
  }

  .landing-video-styles__copy .landing-kicker {
    width: 335px;
    height: 58.112px;
    padding: 0 22.219px;
    position: absolute;
    top: 124px;
    left: 0;
    gap: 13.673px;
    border: 1.709px solid rgba(251,251,251,.3);
    border-radius: 999px;
    color: #fbfbfb;
    background: rgba(251,251,251,.05);
    font-size: 20.51px;
    font-weight: 800;
    line-height: 20.51px;
    letter-spacing: .197px;
    text-transform: none;
    white-space: nowrap;
  }

  .landing .landing-video-styles__copy .landing-kicker.landing-desktop-only {
    display: flex !important;
  }

  .landing-video-styles__copy .landing-kicker::before {
    content: "";
    width: 38px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='24' viewBox='0 0 38 24'%3E%3Crect x='0' y='7' width='5' height='10' rx='1' fill='%23e21b1f'/%3E%3Crect x='8' y='3' width='5' height='18' rx='1' fill='%23e21b1f'/%3E%3Crect x='16' y='0' width='5' height='24' rx='1' fill='%23e21b1f'/%3E%3Crect x='24' y='4' width='5' height='16' rx='1' fill='%23e21b1f'/%3E%3Crect x='32' y='8' width='5' height='8' rx='1' fill='%23e21b1f'/%3E%3C/svg%3E") center / contain no-repeat;
    flex: 0 0 38px;
  }

  .landing-video-styles__copy h2 {
    width: 492px;
    height: 133px;
    margin: 0;
    position: absolute;
    top: 259.5px;
    left: 0;
    font-size: 45px;
    font-weight: 500;
    line-height: 66.501px;
    letter-spacing: -.921px;
  }

  .landing-video-styles__copy > p {
    width: 443px;
    height: 92px;
    margin: 0;
    position: absolute;
    top: 459px;
    left: 7px;
    color: rgba(251,251,251,.8);
    font-size: 26px;
    line-height: 46px;
  }

  .landing-video-styles__note {
    width: 485px;
    min-height: 98px;
    padding: 28.984px 28.984px 28.984px 96px;
    position: absolute;
    top: 598.51px;
    left: 7px;
    border: 1.705px solid rgba(251,251,251,.3);
    border-radius: 17.049px;
  }

  .landing-video-styles__note::before {
    content: "";
    width: 49.664px;
    height: 49.664px;
    position: absolute;
    top: 24px;
    left: 29px;
    background: url("/static/landing-calendar.svg") center / contain no-repeat;
  }

  .landing-video-styles__note strong { color: #f5d27a; font-size: 22.164px; line-height: 31.03px; }
  .landing-video-styles__note span { color: rgba(251,251,251,.6); font-size: 20.459px; line-height: 28.643px; }

  /* Songs: page y 5010–5830. */
  .landing-songs {
    height: 820px;
    padding: 0;
    position: relative;
    overflow: hidden;
    background: transparent;
  }

  .landing-songs > .landing-shell { height: 100%; position: relative; }
  .landing-songs__head { margin: 0; }

  .landing-songs__head h2 {
    width: 842px;
    height: 61.488px;
    margin: 0;
    position: absolute;
    top: 105px;
    left: -1px;
    font-size: 45px;
    font-weight: 500;
    line-height: 61.488px;
    letter-spacing: -.81px;
  }

  .landing-songs__head p {
    width: 1521px;
    height: 48px;
    margin: 0;
    position: absolute;
    top: 185px;
    left: -1px;
    color: rgba(21,21,21,.7);
    font-size: 26px;
    line-height: 48px;
  }

  .landing-song-grid {
    width: 1600px;
    height: 454.201px;
    position: absolute;
    top: 276.074px;
    left: 0;
    display: grid;
    grid-template-columns: repeat(3, 519.592px);
    grid-template-rows: repeat(2, 216.649px);
    gap: 20.903px 20.204px;
  }

  .landing-song-card:nth-child(1) { grid-column: 1; grid-row: 1; }
  .landing-song-card:nth-child(2) { grid-column: 1; grid-row: 2; }
  .landing-song-card:nth-child(3) { grid-column: 2; grid-row: 1; }
  .landing-song-card:nth-child(4) { grid-column: 2; grid-row: 2; }
  .landing-song-card:nth-child(5) { grid-column: 3; grid-row: 2; }
  .landing-song-card:nth-child(6) { grid-column: 3; grid-row: 1; }

  .landing-song-card {
    width: 519.592px;
    height: 216.649px;
    min-height: 0;
    padding: 28.368px 29.862px;
    display: grid;
    grid-template-rows: 59.723px 2.986px 67.341px;
    gap: 14.931px;
    border: 1.493px solid rgba(21,21,21,.07);
    border-radius: 23.889px;
    background: #fbfbfb;
    box-shadow: 0 20.903px 50.765px rgba(21,19,22,.06);
  }

  .landing-song-card__head {
    height: 59.723px;
    display: grid;
    grid-template-columns: 59.723px minmax(0,1fr) auto;
    gap: 17.917px;
  }

  .landing-song-card__play { width: 59.723px; height: 59.723px; }
  .landing-song-card__play svg { width: 20.903px; height: 20.903px; }
  .landing-song-card__head span { font-size: 13.736px; line-height: 19px; letter-spacing: .896px; }
  .landing-song-card h3 { margin: 1.493px 0 0; font-size: 20.903px; line-height: 29px; }
  .landing-song-card h3 span {
    color: #151515;
    font-size: 20.903px;
    line-height: 29px;
    letter-spacing: normal;
    text-transform: none;
  }
  .landing-song-card small { font-size: 17.917px; line-height: 24px; }

  .landing-song-card::before {
    content: "";
    height: 2.986px;
    grid-row: 2;
    border-radius: 3px;
    background: rgba(21,21,21,.07);
  }

  .landing-song-card details {
    grid-row: 3;
    height: 67.341px;
    border: 1.493px solid rgba(21,21,21,.07);
    border-radius: 23.889px;
    background: rgba(245,210,122,.05);
  }

  .landing-song-card summary { height: 67.341px; padding: 0 22.396px; font-size: 19.41px; font-weight: 400; }
  .landing-song-card details p { position: relative; z-index: 3; background: #fbfbfb; font-size: 15px; }

  /* Voice option: page y 5830–6702, with the final scene overlapping 133px. */
  .landing-voice {
    width: 100%;
    height: 872px;
    padding: 0;
    position: relative;
    overflow: hidden;
    border-radius: 25px;
    color: #fbfbfb;
    background: #151515 url("/static/landing-dark.webp") center / cover no-repeat;
  }

  .landing-voice::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(21,21,21,.7);
  }

  .landing-voice__grid {
    height: 872px;
    position: relative;
    z-index: 1;
    display: block;
  }

  .landing-voice__copy { width: 572px; height: 520px; position: absolute; top: 0; left: -1px; }

  .landing-voice__pill {
    width: auto;
    height: 62.263px;
    min-height: 0;
    padding: 0 25.295px;
    position: absolute;
    top: 113.38px;
    left: 0;
    gap: 15.566px;
    border: 1.946px solid rgba(251,251,251,.3);
    border-radius: 999px;
    background: rgba(251,251,251,.05);
    font-size: 23.349px;
    font-weight: 700;
  }

  .landing-voice__pill svg { width: 34px; height: 27.24px; }

  .landing-voice h2 {
    width: 564px;
    height: 128px;
    margin: 0;
    position: absolute;
    top: 227.31px;
    left: 0;
    font-size: 45px;
    font-weight: 500;
    line-height: 64px;
    letter-spacing: -.701px;
  }

  .landing-voice__copy > p {
    width: 572px;
    height: 84px;
    margin: 0;
    position: absolute;
    top: 375px;
    left: 0;
    color: rgba(251,251,251,.8);
    font-size: 26px;
    line-height: 42px;
  }

  .landing-voice__pill--wide {
    width: 486px;
    height: 75.398px;
    margin: 0;
    padding: 0;
    top: 513.8px;
    justify-content: center;
    border: 1.499px solid rgba(251,251,251,.6);
    font-size: 22.341px;
    font-weight: 500;
  }

  .landing .landing-voice__pill--wide { display: flex; }

  .landing-voice__cards {
    width: 987.314px;
    height: 413.465px;
    margin: 0;
    position: absolute;
    top: 169.78px;
    left: 616px;
    display: grid;
    grid-template-columns: 482.714px 482.714px;
    gap: 21.886px;
  }

  .landing-voice-card {
    width: 482.714px;
    height: 413.465px;
    min-height: 0;
    padding: 23.581px 27.742px;
    gap: 0;
    border: 1.387px solid rgba(251,251,251,.16);
    border-radius: 24.968px;
    box-shadow: 0 24.968px 55.484px rgba(0,0,0,.18);
  }

  .landing-voice-card__head {
    height: 83.226px;
    padding-bottom: 16.645px;
    grid-template-columns: 66.581px minmax(0,1fr);
    gap: 16.645px;
  }

  .landing-voice-card__avatar { width: 66.581px; height: 66.581px; border: 0; }
  .landing-voice-card__avatar img { opacity: 0; }
  .landing-voice-card__avatar::before {
    content: "";
    width: 56.871px;
    height: 58.259px;
    position: absolute;
    top: .82px;
    left: 0;
    border: 2.774px solid #e21b1f;
    border-radius: 33.207px;
  }

  .landing-voice-card__avatar i {
    width: 26.355px;
    height: 26.355px;
    top: 41.04px;
    right: auto;
    bottom: auto;
    left: 36.07px;
  }

  .landing-voice-card__avatar i svg { display: none; }
  .landing-voice-card__avatar i::after { content: "🎤"; color: #151515; font-size: 12.484px; }
  .landing-voice-card__head strong { font-size: 20.807px; line-height: 22.887px; }
  .landing-voice-card__head div > span { font-size: 16.645px; line-height: 20.807px; }

  .landing-voice-card__quote {
    width: 100%;
    height: 113px;
    margin: 0 0 16.645px;
    padding: 16.985px 19.42px 19.51px 27.742px;
    border-left: 2.774px solid rgba(226,27,31,.42);
    border-radius: 19.42px;
    font-family: "Caveat", cursive;
    font-size: 24.968px;
    line-height: 34.456px;
  }

  .landing-voice-card__quote::before { content: "«"; top: 4px; left: 8px; font-family: "Playfair Display", serif; font-size: 36.065px; }

  .landing-voice-card__player {
    height: 129px;
    padding: 18.032px;
    grid-template-columns: 55.484px minmax(0,1fr);
    gap: 13.871px 16.645px;
    border-radius: 22.194px;
  }

  .landing-voice-card__play { width: 55.484px; height: 55.484px; }
  .landing-voice-card__meta > span { font-size: 13.871px; line-height: 15.258px; }
  .landing-voice-card__meta strong { font-size: 19.42px; line-height: 22.915px; }
  .landing-voice-card__progress { padding-left: 74.904px; gap: 11.097px; }
  .landing-voice-card__progress > span { height: 4.161px; }
  .landing-voice-card__progress small { font-size: 16.645px; line-height: 16.645px; }

  /* Final scene: page y 6569–7422. */
  .landing-final {
    width: 100%;
    height: 853px;
    min-height: 0;
    margin-top: -133px;
    position: relative;
    z-index: 4;
    overflow: hidden;
    border-radius: 25px 25px 0 0;
    color: #fff;
    display: block;
    background: #56514b url("/static/landing-desktop-hero.webp") center center / cover no-repeat;
  }

  .landing-final::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.7) 34.17%, rgba(0,0,0,.3) 84.556%, rgba(0,0,0,.8) 104.14%);
  }

  .landing-final .landing-shell {
    height: 853px;
    padding: 0;
    position: relative;
    z-index: 1;
    display: block;
    text-align: left;
  }

  .landing-final .landing-kicker { display: none; }

  .landing-final h2 {
    width: 843px;
    height: 176px;
    margin: 0;
    position: absolute;
    top: 165px;
    left: 2px;
    font-size: 68.683px;
    font-weight: 800;
    line-height: 87.506px;
    letter-spacing: -1.531px;
  }

  .landing .landing-final__subtitle {
    width: 945px;
    height: 59px;
    position: absolute;
    top: 362px;
    left: 2px;
    display: block !important;
    color: #fbfbfb;
    font-size: 36.983px;
    font-weight: 500;
    line-height: 58.116px;
    letter-spacing: -.37px;
  }

  .landing-final p {
    width: 1000px;
    height: 52.117px;
    margin: 0;
    position: absolute;
    top: 486px;
    left: 2px;
    color: #fbfbfb;
    font-size: 28.665px;
    line-height: 31.998px;
    letter-spacing: -.204px;
    white-space: nowrap;
  }

  .landing-final p strong { color: #f5d27a; font-weight: 600; }

  .landing-final form {
    width: 456px;
    height: 118px;
    margin: 0;
    position: absolute;
    top: 587px;
    left: 2px;
  }

}