/* English — 미국식 B2B SaaS. 왼쪽 정렬, 짧은 제목, 히어로는 글과 제품 화면을 나란히. */
:root {
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

h1, h2, h3, h4, .hero-title, .hero-subtitle, .tab-feats span { word-break: normal; }
h1, h2, h3, h4 { letter-spacing: -0.02em; text-wrap: balance; }
p { text-wrap: pretty; }
body { line-height: 1.55; }

.section-title { text-align: left; }
.section-title h2 { font-size: 2.3rem; max-width: 820px; letter-spacing: -0.03em; }
.section-title p { margin: 0; max-width: 720px; }
.quote-caption { text-align: left; }
.final-cta h2 { font-size: 2.4rem; }

.nav-desktop { gap: 20px; }
.nav-link { font-size: 0.86rem; }

@media (min-width: 1025px) {
  .hero { padding: 72px 0 64px; text-align: left; }
  .hero .container {
    max-width: var(--max-w-wide);
    display: grid; grid-template-columns: minmax(0, 45%) minmax(0, 55%); column-gap: 56px; align-items: center;
  }
  .hero-tagline, .hero-title, .hero-subtitle, .hero-actions { grid-column: 1; }
  .hero-tagline { justify-self: start; }
  .hero-title { font-size: 3.2rem; letter-spacing: -0.035em; line-height: 1.1; }
  .hero-title br { display: none; }
  .hero-title span { display: block; }
  .hero-subtitle { margin: 0 0 28px; font-size: 1.08rem; }
  .hero-subtitle .br-wide { display: none; }
  .hero-actions { justify-content: flex-start; margin-bottom: 0; }
  .hero-frame { grid-column: 2; grid-row: 1 / span 4; margin: 0; }
  .hero-trust { grid-column: 1 / -1; margin-top: 56px; }
}

@media (max-width: 1024px) {
  .section-title h2 { font-size: 1.9rem; }
  .hero-title { font-size: 2.5rem; letter-spacing: -0.03em; }
}

/* 헤더 — 번역 문구가 길어 꼬리표와, 오른쪽 버튼과 겹치는 메뉴는 뺀다 */
.logo-tag { display: none; }
.nav-desktop a[href="#demo"] { display: none; }