.contact-line { margin-top: 14px; padding: 12px 14px; background: var(--pale); border-radius: 4px; overflow-wrap: anywhere; }
.contact-line a { color: var(--green); text-decoration: underline; text-underline-offset: 3px; }
.copy-button { background: white; border-color: var(--line); margin-top: 10px; }
#copy-fallback { margin-top: 14px; }
.contact-line { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.copy-email-button { border: 1px solid #b7c7bf; background: white; border-radius: 4px; padding: 7px 10px; font-size: 12px; white-space: nowrap; }
#email-copy-status:empty { display: none; }
#email-copy-fallback { margin-top: 8px; }
.hero-sub { max-width: 420px; }
.hero-pilot-note { margin-top: 16px; font-size: 12px; color: #e3eccf; line-height: 1.8; }
@media (max-width: 700px) {
  .hero h1 { font-size: 38px; }
  .hero-description { font-size: 17px; margin-top: 16px; }
  .hero-sub { max-width: 330px; }
  .hero-content { padding-block: 24px 40px; }
  .hero { min-height: 580px; height: auto; }
  .hero-pilot-note { font-size: 11px; }
  .actions { gap: 16px; flex-wrap: wrap; }
  dialog { max-height: calc(100dvh - 24px); overscroll-behavior: contain; }
  .contact-line { flex-wrap: wrap; }
}
.hellotalk-brand { flex-shrink: 0; gap: 18px; }
.hellotalk-brand img { width: 158px; height: auto; display: block; object-fit: contain; }
.brand-product { border-left: 1px solid var(--line); padding-left: 18px; font-size: 13px; font-weight: 500; color: var(--muted); }
.footer .hellotalk-brand img { width: 126px; }
@media (max-width: 1100px) { .brand-product { display: none; } }
@media (max-width: 700px) { .topbar .hellotalk-brand img { width: 138px; } }
@media (max-width: 360px) { .topbar .hellotalk-brand img { width: 116px; } }