/* Consistent section rhythm; let copy determine card height. */
.mint-hero{padding-top:44px}
.hero-copy h1{margin-top:18px}
.hero-art>img[src*="hero-complete"]{max-height:540px}
.art-caption{padding-top:26px}
.intro-facts{margin-top:32px;padding-block:20px}
.story-sticky{padding-block:32px}
#features,.screens-section,.pocket-section,#faq{padding-block:56px}
#features>.max-w-7xl>.text-center{margin-bottom:32px}
#features h2{margin-bottom:16px}
#features>.max-w-7xl>.grid{margin-bottom:0}
#features .bg-white\/60{padding-top:20px}
#features .bg-white\/60>div{margin-bottom:16px}
#features #details.body-details{margin-top:32px;padding:24px;gap:24px}
.body-visual-card,.body-info-card{min-height:0}
.upper-body-stage{height:400px;min-height:300px}
.body-info-card h3{margin-bottom:18px}
.body-facts{gap:12px}
.body-facts>li{padding:15px}
.screens-heading{margin-bottom:24px}
.pocket-inner{gap:48px}
.offline-symbol{width:210px;height:210px;font-size:88px}
.pocket-inner h2{margin-block:12px 16px}
#faq h2{margin-bottom:24px}
#faq summary{padding-block:18px}
.download-section{padding-block:44px}
.download-section h2{margin-block:12px 10px}
.download-section .store-pair{margin-top:22px}
.site-footer{padding-block:30px 22px}
.footer-bottom{margin-top:22px;padding-top:18px}
@media(min-width:1400px){.mint-hero{padding-top:48px}}
@media(max-width:1000px){#features #details.body-details{padding:20px;gap:20px}}
@media(max-width:760px){
 #features #details.body-details{padding:16px;gap:16px}
 .upper-body-stage{height:320px;min-height:280px}
 .body-visual-card{min-height:0}
 .body-info-card{padding:18px}
 .body-info-card h3{margin-bottom:16px}
 .body-facts{grid-template-rows:repeat(3,minmax(108px,1fr));gap:10px}
 .body-facts>li{padding:14px}
}
@media(max-width:700px){
 .mint-hero{padding-top:26px}
 .hero-grid{gap:24px}
 .hero-copy h1{margin-top:16px}
 .hero-description{margin-bottom:20px}
 .scroll-cue{margin-top:14px}
 .art-caption{padding-top:20px}
 .hero-art:has(img[src*="hero-complete"]) figcaption{margin:0 12px 12px}
 .intro-facts{margin-top:24px;padding-block:16px}
 .story-sticky{padding-block:26px;gap:16px}
 #features,.screens-section,.pocket-section,#faq{padding-block:36px}
 #features>.max-w-7xl>.text-center{margin-bottom:24px}
 #features>.max-w-7xl>.grid{gap:18px;margin-bottom:0}
 #features .bg-white\/60{padding-top:18px;padding-bottom:0}
 #features .bg-white\/60>div{margin-bottom:12px}
 #features #details.body-details{margin-top:26px}
 .screens-heading{margin-bottom:20px}
 .screenshot-grid{gap:18px}
 .pocket-inner{gap:20px}
 .offline-symbol{width:140px;height:140px;font-size:60px}
 .pocket-inner h2{margin-block:10px 12px}
 #faq h2{margin-bottom:20px}
 #faq summary{padding-block:16px}
 .download-section{padding-block:34px}
 .download-section .store-pair{margin-top:18px}
 .site-footer{padding-block:26px 20px}
 .footer-nav{margin-top:16px;gap:8px 20px}
 .footer-bottom{margin-top:18px;padding-top:16px}
}