/* Home: one hero, the XREDY path, the public AX counters, consultation.
   Base type, buttons and the contact band come from home-v4b.css. */
body[data-page-group="home"] {
  background:var(--canvas);
  color:var(--ink)
}
/* Home header width and the glass photo behind the hero
   (these rules came from the showcase and v6b sheets the page no longer loads). */
body[data-page-group="home"] .xk-gnav {
  --xk-gnav-shell:min(1240px,calc(100% - 96px))
}
@media(max-width:1000px) {
  body[data-page-group="home"] .xk-gnav {
    --xk-gnav-shell:min(100% - 64px,1240px);
    --xk-gnav-shell-narrow:calc(100% - 64px)
  }
}
@media(max-width:700px) {
  body[data-page-group="home"] .xk-gnav {
    --xk-gnav-shell-narrow:calc(100% - 40px)
  }
}
.hp-photo {
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  mask-image:linear-gradient(to bottom,black 70%,transparent)
}
.hp-photo img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  /* 회색 면 줄이기(2026-10-29): 홈·AX 잎 사진과 같은 .2 — 첫 화면이 회색 판으로 보이지 않게 */
  opacity:.2
}

/* Labels keep their case. */
.home-main .eyebrow {
  text-transform:none
}
.home-main .section-heading h2 br,
.home-main .evolve-contact h2 br {
  display:inline
}

/* Hero: the slogan as the title and two actions. No description. */
.evolve-hero {
  padding: var(--space-10) 0 var(--space-10)}
.evolve-hero h1.home-hero-title {
  font-size: var(--fs-num-xl);
  line-height:88px;
  letter-spacing:-.04em;
  font-weight:var(--fw-medium);
  word-break:keep-all
}
.home-nowrap {
  white-space:nowrap
}
.evolve-hero .actions {
  margin-top: var(--space-7)}

/* XREDY path: title, one line, two actions. */
.home-xredy {
  box-shadow:inset 0 1px 0 var(--line)
}
.home-main .home-xredy .section-heading {
  margin-bottom:0
}
.home-xredy-sub {
  margin-top: var(--space-4);
  max-width:720px;
  color:var(--muted);
  font-size: var(--fs-h3);
  line-height:32px
}

/* Track record: the public AX counters. */
.home-proof {
  box-shadow:inset 0 1px 0 var(--line)
}
.proof-stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap: var(--space-6);
  margin:0
}
.proof-stats div {
  display:flex;
  flex-direction:column-reverse;
  gap: var(--space-2);
  padding-top: var(--space-5);
  box-shadow:inset 0 1px 0 var(--line-strong)
}
.proof-stats dt {
  color:var(--muted);
  font-size: var(--fs-body);
  line-height:24px
}
.proof-stats dd {
  margin:0;
  font-size: var(--fs-display);
  line-height:64px;
  letter-spacing:-.04em;
  font-weight:350;
  font-variant-numeric:tabular-nums
}
.proof-stats dd span {
  margin-left: var(--space-1);
  font-size: var(--fs-h3);
  letter-spacing:0
}
.proof-links {
  display:flex;
  flex-wrap:wrap;
  gap: var(--space-2) var(--space-6);
  margin-top: var(--space-6)}
.proof-links .step-product-link {
  margin-top:0
}

/* Consultation band. */
.home-main .evolve-contact {
  box-shadow:inset 0 1px 0 var(--line)
}
.contact-actions {
  justify-content:center;
  flex-wrap:wrap
}
.home-main .evolve-contact .contact-actions .button {
  margin-top:0
}

/* Footer gets a fifth column for the product pages. */
@media(min-width:1025px) {
  .co-footer-links.co-footer-links-five {
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}

@media(max-width:1399px) and (min-width:961px) {
  .evolve-hero h1.home-hero-title {
    font-size: var(--fs-num-xl);
    line-height:80px
  }
}
@media(max-width:960px) {
  .proof-stats {
    grid-template-columns:1fr;
    gap: var(--space-5)}
}
@media(max-width:700px) {
  .evolve-hero {
    padding: var(--space-8) 0 var(--space-8)}
  .evolve-hero h1.home-hero-title {
    font-size: var(--fs-h1);
    line-height:48px;
    max-width:none
  }
  .home-main .section-heading h2 br,
  .home-main .evolve-contact h2 br {
    display:none
  }
  .home-xredy-sub {
    font-size: var(--fs-lead);
    line-height:28px
  }
  .evolve-hero .actions,
  .home-xredy .actions,
  .home-main .contact-actions {
    display:grid;
    grid-template-columns:1fr
  }
  .evolve-hero .actions .button,
  .home-xredy .actions .button,
  .home-main .contact-actions .button {
    width:100%
  }
  .proof-stats dd {
    font-size: var(--fs-h1);
    line-height:52px
  }
}

.home-main .button{border-radius:var(--radius-pill)}