/* Shared presentation rhythm; interaction and protected media remain unchanged. */
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.7}
h1,h2,h3,h4{font-family:inherit;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
p,li,dd{line-height:1.7}
button,input,select,textarea{font-family:inherit}
.wrap{max-width:1120px}
.section{padding-block:clamp(42px,6vw,64px)}
.card,.plan,.policy,.reg-card,.benefit-card,.fi-card,.merch-copy,.report-copy,.book-grid>div{min-width:0}
.cta,.song-share-button,.vote-button,.mv-listen{line-height:1.4;white-space:normal;text-align:center}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1e88d8;outline-offset:4px}
.hero a:focus-visible,.dark a:focus-visible,.hero button:focus-visible{outline-color:#9dd7ff}
.cta,.song-share-button,.vote-button,summary{touch-action:manipulation}
@media(max-width:1023px){
 .wrap{width:calc(100% - clamp(32px,6vw,64px))}
 .hero h1{font-size:clamp(2.15rem,5.5vw,3.5rem);line-height:1.12;letter-spacing:-.025em}
 h2{font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.2}
 h3{line-height:1.3}
 .hero-copy .brand-slogan{font-size:clamp(1.15rem,2.7vw,1.65rem);line-height:1.4}
 .hero-copy .eyebrow{max-width:100%;line-height:1.5}
 .intro,.lede{font-size:1.05rem}
 .audio-inner{grid-template-columns:1fr;gap:16px;padding-block:24px}
 .audio-inner>div:first-child{text-align:center}
 .audio-message h2{font-size:clamp(1.65rem,4vw,2.2rem)}
 .audio-panel{width:100%;max-width:620px;margin-inline:auto;padding:22px;border-radius:12px}
 .audio-note{text-align:center;line-height:1.6}
 .music-video-section{padding-inline:clamp(16px,3vw,32px)}
 .music-video-preview{border-radius:12px}
 .song-share-actions{gap:10px}
 .song-share-button,.vote-button{min-height:46px}
 .audio-download{gap:16px;justify-content:center;text-align:center}
 .card,.reg-card,.benefit-card,.fi-card,.plan,.policy{padding:clamp(20px,3vw,26px);border-radius:10px}
 .card strong{line-height:1.4}
 .merch-copy p,.report-copy p{line-height:1.7}
 .merch-grid{gap:30px}
 .merch-image{max-width:440px;justify-self:center}
 .faq summary{line-height:1.5;padding-block:4px}
 .legal nav{gap:12px 20px}
 .legal nav a{padding-block:8px}
}
@media(min-width:701px) and (max-width:1023px){
 .pain-grid,.card-grid,.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .reg-head{grid-template-columns:1fr;gap:24px}
 .reg-grid{grid-template-columns:1fr;gap:20px}
 .plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .plan{display:flex;flex-direction:column}.plan ul{flex:1;min-height:0}.plan .cta{margin-top:auto}
 .offer{grid-template-columns:1fr;gap:24px}
}
@media(max-width:700px){
 .pain-grid,.card-grid,.role-grid,.flow,.plans,.policy-grid{grid-template-columns:1fr;gap:18px}
 .section h2{margin-bottom:20px}
 .checklist{columns:1;padding-left:20px}
 .offer{padding:22px;gap:22px}
 .pricebox{padding:24px 18px}
 .hero-copy .micro{line-height:1.7}
 .hero-copy .sacrifice,.hero-copy .lede{font-size:1.05rem}
 .benefits-grid{margin-top:26px}
 .report-buy .cta{min-width:0}
 .sticky{padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .legal{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
 .topbar{padding:10px 16px;letter-spacing:.02em;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}.cta:hover{transform:none}}