.label-page h1, .label-page h2, .label-page h3, .label-page p { margin-top: 0; }
.label-page a { text-decoration: none; }
.label-hero { background: #e9e8e4; }
.label-hero-grid {
  width: min(1100px, calc(100% - 48px));
  margin: 0 auto;
  padding: 70px 0 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 34px;
}
.label-hero-copy { max-width: 690px; text-align: center; }
.label-hero-kicker { margin: 0; color: #315cc0; font-size: 11px; font-weight: 600; letter-spacing: .11em; }
.label-hero-copy h1 { margin: 16px 0; font-size: clamp(34px, 4vw, 51px); line-height: 1.23; letter-spacing: -.06em; font-weight: 600; }
.label-hero-copy h1 span { color: inherit; }
.label-hero-lead { max-width: 590px; margin: 0 auto; color: #6c6e72; font-size: 14px; line-height: 1.8; }
.label-tool-card { width: min(100%, 720px); padding: 24px; border: 1px solid #dcdcd8; border-radius: 12px; background: #f5f4f0; box-shadow: 0 8px 26px #21262f09; }
.label-tool-card .card-body { padding: 0; gap: 18px; }
.label-tool-kicker { display: block; margin: 0 0 5px; color: #315cc0; font-size: 10px; font-weight: 600; letter-spacing: .08em; }
.label-tool-card .card-title { margin: 0; font-size: 15px; line-height: 1.4; letter-spacing: -.02em; }
.label-tool-card .card-body > div:first-child p { margin: 3px 0 0; color: #73757a; font-size: 12px; }
.label-dropzone { min-height: 268px; padding: 42px 20px 26px; border: 1px dashed #d3d2cc; border-radius: 8px; background: #eeede9; }
.label-upload-icon { display: grid; place-items: center; width: 38px; height: 38px; margin: 0 auto 18px; color: #777c86; }
.label-upload-icon svg { width: 34px; height: 34px; }
.label-dropzone > p:first-of-type { margin: 0 0 14px; font-size: 15px; font-weight: 600; }
.label-choose-button { min-height: 36px; padding: 0 15px; font-size: 12px; font-weight: 600; }
.label-upload-hint { margin: 21px 0 0; color: #777a80; font-size: 11px; }
.label-tool-card .card-actions { padding-top: 2px; }
.label-tool-card .card-actions .btn { min-height: 38px; font-size: 12px; }
.label-tool-note { margin: 0; color: #777a80; }
.label-explainer { padding: 75px 24px; border-top: 1px solid #d4d3ce; background: #f1f0ec; }
.label-content-grid { width: min(1000px, 100%); margin: 0 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 80px; }
.label-content-grid > div { padding-left: 22px; border-left: 2px solid #c4c7cf; }
.label-section-index { display: block; margin-bottom: 12px; color: #315cc0; font-size: 10px; font-weight: 600; letter-spacing: .1em; }
.label-content-grid h2 { margin-bottom: 13px; font-size: 25px; line-height: 1.3; letter-spacing: -.05em; }
.label-content-grid p { max-width: 440px; margin: 0; color: #73757a; font-size: 13px; line-height: 1.8; }
.label-page .link { color: #315cc0; text-decoration: underline; }
.label-page > section:nth-last-child(2) { border-top: 1px solid #d4d3ce; background: #e9e8e4; }
.label-page > section:nth-last-child(2) .card { border-color: #d6d5d0; background: #f5f4f0; }
.label-page > section:last-child { border-top: 1px solid #d4d3ce; background: #f1f0ec; }

@media (max-width: 700px) {
  .label-hero-grid { width: calc(100% - 36px); padding: 54px 0 70px; gap: 30px; }
  .label-tool-card { padding: 18px; }
  .label-content-grid { grid-template-columns: 1fr; gap: 35px; }
  .label-explainer { padding: 58px 18px; }
}