/* Desktop presentation only. Smaller screens retain their existing layout. */
@media (min-width:1024px){
  .wrap{width:min(1120px,calc(100% - 64px))}
  .topbar{padding:11px 24px}
  .section{padding:64px 0}
  main h2{font-size:clamp(30px,3vw,42px);line-height:1.15;max-width:30ch;text-wrap:balance;margin-bottom:22px}
  main .intro{max-width:72ch;font-size:18px;line-height:1.65}
  main .wrap>p:not(.intro):not(.kicker){max-width:85ch}
  /* A shared heading and two aligned media columns replace the isolated title. */
  .hero{display:grid;grid-template-columns:minmax(8px,1fr) minmax(0,532px) minmax(0,532px) minmax(8px,1fr);column-gap:28px;grid-template-areas:'visual visual visual visual' '. title title .' '. song video .' 'intro intro intro intro';background:#061522}
  .hero>.hero-visual{grid-area:visual;height:clamp(360px,36vw,510px);background-position:center}
  .hero>.audio-message,.hero .audio-inner{display:contents}
  .hero .audio-inner>div:first-child{grid-area:title;text-align:center;padding:32px 0 26px}
  .hero .audio-kicker{font-size:12px;letter-spacing:.16em;margin-bottom:8px}
  .hero .audio-inner #audio-title{font-size:clamp(30px,3.1vw,42px);line-height:1.1;margin:0;text-wrap:balance}
  .hero .audio-inner>.audio-panel{grid-area:song;align-self:start;min-width:0;padding:24px;border-radius:14px;background:#071722;margin:0;box-shadow:0 16px 36px #0003}
  .hero .audio-player-row{width:240px;max-width:100%;gap:12px}
  .hero .audio-note{text-align:center;font-size:12px;line-height:1.5;margin-top:12px}
  .hero .song-votes,.hero .song-sharing{max-width:420px;margin-top:20px}
  .hero .song-sharing{padding-top:18px}
  .hero .song-share-note{font-size:14px;margin-bottom:12px}
  .hero .song-share-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}
  .hero .song-share-button{flex:1 1 120px;font-size:12px;min-height:44px;padding:10px 12px}
  .hero .song-share-button.primary{flex:1 1 100%;min-height:44px;font-size:14px}
  .hero .audio-download{justify-content:center;text-align:center;gap:12px;margin-top:20px;padding-top:18px}
  .hero .audio-download p{font-size:13px}
  .hero>.music-video-section{grid-area:video;align-self:start;min-width:0;padding:0;margin:0;background:none;border:0}
  .hero .music-video-preview{width:100%;max-width:none;margin:0;border-radius:14px;box-shadow:0 16px 36px #0003}
  .hero .music-video-preview .mv-copy{padding:28px}
  .hero .music-video-preview h3{font-size:clamp(29px,3vw,38px);line-height:1.12;text-wrap:balance}
  .hero .music-video-preview .mv-description{font-size:16px;line-height:1.7}
  .hero .music-video-preview .mv-badge{font-size:10px;letter-spacing:.09em}
  .hero .music-video-preview .mv-listen{width:100%;margin-top:4px}
  /* Center the main brand and promise within a readable, bounded hero column. */
  .hero>.hero-grid{grid-area:intro;width:min(1120px,calc(100% - 64px));padding:64px 0}
  .hero-copy{max-width:960px;margin:0 auto;text-align:center}
  .brand-logo{width:min(100%,740px);margin:0 auto 26px}
  .hero-copy .brand-slogan{width:100%;max-width:100%;margin:0 auto 26px;font-size:clamp(24px,2.6vw,30px)}
  .hero-copy .micro{max-width:86ch;margin:16px auto;line-height:1.7}
  .hero-copy h1{font-size:clamp(46px,4.8vw,66px);line-height:1.05;max-width:24ch;margin:24px auto 20px;text-wrap:balance}
  .hero-copy .hero-question{font-size:clamp(26px,2.8vw,36px);max-width:32ch;margin:0 auto 20px;line-height:1.2;text-wrap:balance}
  .hero-copy .sacrifice,.hero-copy .lede{max-width:70ch;margin:16px auto;line-height:1.65}
  .hero-copy .impact{max-width:780px;margin:24px auto 0;text-align:left}
  .hero-copy .cta-row,.hero-copy .badge-row{justify-content:center}
  /* Keep merchandise photography proportional to its copy and vote control. */
  .merch-section{padding:64px 0}
  .merch-section+.merch-section{border-top:1px solid #2b4255}
  .merch-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center}
  .merch-image{max-width:440px;justify-self:center;object-fit:contain}
  .merch-copy{min-width:0;max-width:560px}
  .merch-copy h2{font-size:clamp(28px,2.8vw,38px);max-width:24ch;line-height:1.15;text-wrap:balance}
  .merch-copy p{font-size:16px;line-height:1.65;margin:14px 0}
  .merch-poll{padding:22px;margin-top:24px}
  .merch-poll h3{font-size:18px;line-height:1.35}
  .merch-poll .merch-fine{font-size:12px;line-height:1.6}
  /* Balanced card rows and aligned actions across the sales presentation. */
  .pain-grid,.card-grid,.role-grid,.reg-grid{gap:22px}
  .card{padding:25px;min-width:0;line-height:1.65}
  .card strong{font-size:18px;line-height:1.35}
  .flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
  .flow article{padding:24px;min-width:0;line-height:1.65}
  .reg-head{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:40px;align-items:center}
  .reg-status{font-size:15px;line-height:1.7;padding:22px}
  .reg-card{padding:24px;line-height:1.65;min-width:0}
  .reg-card h3{font-size:21px;line-height:1.25}
  .reg-links{line-height:1.85;font-size:15px;padding:20px}
  .benefits-grid{gap:24px}
  .benefit-card{padding:28px;line-height:1.65}
  .benefit-card h3{font-size:23px;text-wrap:balance}
  .benefits-close{max-width:850px;margin:36px auto 0}
  .plans{gap:28px;align-items:stretch}
  .plan{display:flex;flex-direction:column;min-width:0;padding:30px}
  .plan ul{min-height:0;flex:1;line-height:1.75;margin-bottom:24px}
  .plan .cta{margin-top:auto}
  .offer{grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:36px;padding:32px}
  .checklist{column-gap:40px;max-width:1000px;line-height:1.7}
  .report-card{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:44px;padding:32px}
  .report-art{width:100%;max-width:380px;justify-self:center}
  .report-copy{min-width:0}.report-copy h3{font-size:32px;text-wrap:balance}
  .report-copy p{font-size:16px;line-height:1.7}
  .report-buy{align-items:center;gap:24px}
  .fi-grid{gap:24px}.fi-card{padding:26px;min-width:0}.fi-card h3{font-size:26px;line-height:1.3;text-wrap:balance}
  .fi-status{max-width:900px;line-height:1.65}
  .book-grid{grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start}
  .book-cover-link{width:100%;max-width:260px;margin-top:12px}
  .book-grid>div{min-width:0;max-width:740px}
  .book-feature h2{font-size:38px;text-wrap:balance}
  .book-audio-panel{max-width:620px}
  .hotel-cards{gap:24px}.hotel-cards .card{padding:24px}
  .faq{max-width:920px}.faq details{padding:22px 0}.faq summary{font-size:18px;line-height:1.5}.faq p{max-width:76ch;line-height:1.75}
  .policy-grid{gap:24px}.policy{padding:24px;min-width:0}
  .full-terms{max-width:960px}.full-terms .terms-body{max-width:88ch;line-height:1.75}
  .final{padding:64px 0}.final h2{max-width:26ch;margin:0 auto 24px;text-wrap:balance}.final p{line-height:1.7}
  .legal{padding:36px 0}.legal nav{gap:24px}.legal p{max-width:100ch;line-height:1.7}
  /* Clear, consistent screen typography; no external font download required. */
  body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:17px;font-weight:400;line-height:1.7;letter-spacing:0}
  h1,h2,h3,h4,.hero-copy h1,.hero-copy .hero-question,.merch-copy h2,.music-video-preview h3{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-weight:700;letter-spacing:0;line-height:1.2;text-shadow:none}
  .hero-copy h1{line-height:1.12;font-size:clamp(44px,4.3vw,60px)}
  .hero .music-video-preview h3{font-family:inherit;font-size:clamp(27px,2.6vw,34px);font-weight:700;letter-spacing:0;line-height:1.2;text-transform:none}
  .hero .audio-inner #audio-title{font-weight:700;letter-spacing:0;line-height:1.2}
  p,li,dd{line-height:1.7}
  strong,b,.cta,.vote-button,.song-share-button,.merch-poll button{font-weight:700}
  button,input,select,textarea{font-family:inherit}
  .cta,.vote-button,.song-share-button,.merch-poll button{letter-spacing:.01em;line-height:1.4}
  .hero .music-video-preview .mv-description{color:#e0e8ef;line-height:1.75}
  .kicker,.eyebrow,.audio-kicker,.plan-label,.benefit-number,.fi-label{letter-spacing:.08em;font-weight:700;line-height:1.5}
  .hero-copy .micro{font-size:14px;line-height:1.75;color:#d6e2eb}
  .intro,.card,.reg-card,.merch-copy p,.report-copy p{line-height:1.75}
}