.brand { flex-shrink: 0; }
.brand img { width: 240px; height: 44px; object-fit: contain; object-position: left; }
.nav-links { min-width: 0; }
#signup, #inside { scroll-margin-top: 96px; }
body { overflow-wrap: break-word; letter-spacing: 0; }
.email-link { overflow-wrap: anywhere; }
.hero h1 { font-size: 56px; letter-spacing: 0; }
.hero .sub { font-size: 20px; }
.section h2 { font-size: 34px; }
.final h2 { font-size: 38px; }
.page-card h1 { font-size: 38px; }
.system-page { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 24px; }
.system-page .box { box-sizing: border-box; width: 100%; }
.system-page .brand img { max-width: 100%; }
.system-page .btn { box-sizing: border-box; max-width: 100%; }
@media (max-width: 620px) {
  #signup, #inside { scroll-margin-top: 150px; }
  .nav { flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px 24px; }
  .brand img { width: 216px; height: 40px; }
  .nav-links { width: 100%; justify-content: flex-start; gap: 10px 18px; flex-wrap: wrap; }
  .hero h1 { font-size: 38px; }
  .hero .sub { font-size: 18px; }
  .section h2, .final h2, .page-card h1 { font-size: 28px; }
  .system-page { padding: 20px; }
  .system-page .box { padding: 28px 22px; }
}