/* Hero copy and responsive introduction layout. */
.hero h1{font-size:clamp(32px,3.5vw,44px);line-height:1.15;margin-bottom:22px}
.hero .hero-message{font-size:clamp(21px,2.2vw,28px);font-weight:650;line-height:1.35;max-width:900px;margin:0 auto 15px;color:#f5fbfa;text-wrap:balance}
.hero .hero-explanation{max-width:760px;margin:0 auto 12px;font-size:17px;line-height:1.65;color:#c9d2d6;text-wrap:pretty}
.hero .hero-tagline{font-size:13px;line-height:1.5;letter-spacing:.3px;font-weight:500;color:#9dc6be;margin:0 auto 24px}
.hero .app-store-note{max-width:850px;margin:18px auto 0;font-size:13px;line-height:1.6;color:#bccdcd}
.hero .platform-actions,.hero .actions{margin:0 auto;gap:12px}
.hero .hero-note{margin-top:15px}
.connection .developer-credit{max-width:800px;margin:6px auto 0;padding:0 20px;font:12px/1.9 "Segoe UI",system-ui,sans-serif;letter-spacing:normal;color:#b4bfc3;text-align:center}
@media(max-width:600px){
 .hero{padding-top:195px;padding-bottom:28px;background-size:270px;background-position:center -30px}
 .hero h1{font-size:29px;line-height:1.16;max-width:350px;margin-bottom:22px}
 .hero .hero-message{font-size:22px;line-height:1.3;max-width:345px;margin-bottom:14px}
 .hero .hero-explanation{font-size:15px;line-height:1.6;max-width:345px;margin-bottom:11px}
 .hero .hero-tagline{font-size:12px;margin-bottom:23px}
 .hero .app-store-note{font-size:12px;max-width:340px;margin-top:18px}
 .connection .developer-credit{font-size:10px;line-height:1.7}
}