/* Shared readable typography for both language pages; footer is independent. */
main{font-size:16px}
main :is(.hero,.running-section,.finance-section,.service-faq,.english-faq,.city-map-study,#section-bridge) :is(p,span,small,figcaption,summary,h1,h2,h3,h4,a,div){color:#000}
main :is(.hero,.running-section,.finance-section,.service-faq,.english-faq,.city-map-study,#section-bridge) :is(p,small,figcaption):where(:not(.product-visual *, .store-label *)){font-size:16px!important}
main :is(.hero,.running-section,.finance-section,.service-faq,.english-faq,.city-map-study,#section-bridge) :is(h3,h4,summary):where(:not(.product-visual *)){font-size:18px!important}
.hero .copy .description,.hero .store-label strong,.hero .copy .primary,.hero .copy .hero-ios{font-size:18px!important;color:#000}
.hero .copy .hero-ios{opacity:1}.hero .copy .hero-ios svg{opacity:1}
.city-map-study header>div>span{font-size:16px!important;color:#000}
.running-feature-list p{font-size:16px!important}.finance-heading p,.running-intro{font-size:16px!important}
.closing-section .install-guide>small{font-size:16px;color:white}.closing-section .install-card-copy>span{font-size:16px;color:#000}.closing-section .install-card-copy strong{color:#000}
.language-nav a{opacity:1}.bridge-review{font-size:16px}.bridge-review>span{font-size:16px;color:#000}

html[lang="ko"] .hero .store-label{gap:2px}html[lang="ko"] .hero .store-label small{font-size:16px!important;line-height:1.2;letter-spacing:0}html[lang="ko"] .hero .store-label strong{font-size:18px!important;line-height:1.2}html[lang="ko"] .hero[data-download-design="original"] .primary,html[lang="ko"] .hero[data-download-design="original"] .hero-ios{height:64px}html[lang="ko"] .hero[data-download-design="original"] .hero-ios .store-label small,html[lang="ko"] .hero[data-download-design="original"] .hero-ios .store-label strong{color:#777}

/* Product mockups retain their own scale, independent of page copy sizing. */
.hero .product-visual .saved-icon{color:#fff!important}

/* English store badge base styles. */
html[lang="en"] .hero .store-label{gap:2px}
html[lang="en"] .hero .store-label small{font-size:16px!important;line-height:1.2;letter-spacing:0}
html[lang="en"] .hero .store-label strong{font-size:18px!important;line-height:1.2}
html[lang="en"] .hero[data-download-design="original"] .primary,html[lang="en"] .hero[data-download-design="original"] .hero-ios{height:64px}
html[lang="en"] .hero[data-download-design="original"] .hero-ios .store-label small,html[lang="en"] .hero[data-download-design="original"] .hero-ios .store-label strong{color:#777}

/* Give the download caption less emphasis than the store name in both locales. */
html[lang] .hero .copy :is(.primary,.hero-ios) .store-label small{font-size:12px!important;font-weight:400}
html[lang] .hero .copy :is(.primary,.hero-ios) .store-label strong{font-weight:700}
@media(max-width:650px){
  html[lang] .hero .copy :is(.primary,.hero-ios) .store-label small{font-size:10px!important}
}

/* Single-line platform actions in both locales. */
html[lang] .hero .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
html[lang] .hero[data-download-design="original"] .copy :is(.primary,.hero-ios){width:260px;height:50px;margin:0;justify-content:flex-start;gap:12px;padding:6px 16px}
html[lang] .hero .copy :is(.primary,.hero-ios) .store-label strong{font-size:18px!important;letter-spacing:-.3px;line-height:1.3}
html[lang] .hero .copy :is(.primary,.hero-ios) svg{width:28px;height:32px}
html[lang] .hero[data-download-design="original"] .copy .primary{background:#191919;border-color:#191919;color:#fff;box-shadow:0 2px 3px #0000001f,0 6px 12px -5px #00000024}
html[lang] .hero .copy .primary .store-label,html[lang] .hero .copy .primary .store-label strong{color:#fff!important}
html[lang] .hero .copy .primary svg path{fill:#fff}
html[lang] .hero[data-download-design="original"] .copy .primary:hover{background:#2b2b2b;border-color:#2b2b2b}
@media(max-width:650px){
  html[lang][data-mobile-hero] .hero .hero-actions{display:grid;grid-template-columns:max-content;justify-content:start;width:max-content;max-width:100%;gap:8px}
  html[lang] .hero[data-download-design="original"] .copy :is(.primary,.hero-ios){width:100%;max-width:100%;height:46px;padding:6px 12px;gap:8px}
  html[lang] .hero .copy :is(.primary,.hero-ios) .store-label strong{font-size:14px!important;letter-spacing:-.3px}
  html[lang] .hero[data-download-design="original"] .copy :is(.primary,.hero-ios) svg{width:22px;height:26px}
}

html[lang] .hero[data-download-design="original"] .copy .hero-ios{box-shadow:0 2px 3px #00000009,0 5px 10px -5px #00000013}