.cf-hero { display: grid; gap: var(--space-3); }
.cf-hero > * { min-width: 0; }
.cf-hero .browser { box-shadow: var(--shadow); }
.cf-hero .app-main { padding: 1em 1.2em 1.1em; }
.cf-hero .k-pagehead { margin-bottom: 0.8em; }
.cf-hero .cf-x { display: none; }
.cf-hero .k-table th, .cf-hero .k-table td { padding: 0.5em 0.9em; }
.cf-hero .k-stat { padding: 0.7em 1em 0.65em; }
.cf-hero .k-note { font-size: 0.9em; }
.cf-hero > .mock-note { margin-top: 0; }
.cf-table-title { padding: 0.65em 1em 0.15em; font-size: 0.92em; font-weight: 700; color: var(--app-text); }
.cf-neg { color: var(--red-text); font-weight: 700; }
.page-for-compliance-and-finance .k-table td.k-num, .page-for-compliance-and-finance .k-table th.k-num { text-align: right; font-variant-numeric: tabular-nums; }
@media (max-width: 39.99em) { .cf-hero .k-stats > :nth-child(3):last-child { grid-column: 1 / -1; } .cf-hero .k-table th, .cf-hero .k-table td { padding-inline: 0.6em; } }
.gate.cf-gate { position: static; width: auto; padding: var(--space-4); border-radius: var(--radius-card); box-shadow: var(--shadow); font-size: var(--text-sm); }
.cf-gate .gate-checks { gap: 0.4rem var(--space-6); }
@media (min-width: 40em) and (max-width: 63.99em) {
  .gate.cf-gate { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--space-6); padding: var(--space-3) var(--space-5); }
  .cf-gate .gate-top { padding: 0 var(--space-6) 0 0; border-bottom: 0; border-right: 1px solid var(--line); }
  .cf-gate .gate-top .gate-yes { display: table; margin: 0 0 0.2em; }
  .cf-gate .gate-checks { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.4rem var(--space-5); margin-top: 0; font-size: var(--text-xs); }
  .cf-gate .gate-result { margin-top: 0; white-space: nowrap; }
}
@media (min-width: 64em) {
  .page-for-compliance-and-finance .fhero--j .fhero-grid { grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); gap: var(--space-5) var(--space-10); align-items: center; }
  .page-for-compliance-and-finance .fhero--j .fhero-grid { grid-template-rows: auto auto; }
  .page-for-compliance-and-finance .fhero-grid > .fhero-copy { grid-column: 1; grid-row: 1; align-self: end; }
  .page-for-compliance-and-finance .fhero-grid > .fhero-stage { grid-column: 2; grid-row: 1 / span 2; }
  .page-for-compliance-and-finance .fhero-grid > .cf-gate { grid-column: 1; grid-row: 2; align-self: start; padding: var(--space-3) var(--space-4); }
  .cf-gate .gate-top { padding-bottom: var(--space-2); }
  .cf-gate .gate-top b { display: inline; }
  .cf-gate .gate-checks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.35rem var(--space-4); margin-top: var(--space-2); font-size: var(--text-xs); }
  .cf-gate .gate-result { margin-top: var(--space-2); padding: 0.4em 0.8em; }
}
.cf-head-side { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--space-5); align-items: center; }
.cf-head-side .lede { margin: 0; }
.cf-photo { display: block; width: 7.5rem; aspect-ratio: 3 / 2; border-radius: var(--radius-card); border: 1px solid var(--line); overflow: hidden; background: var(--paper-3); }
.cf-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 100% 40%; }
@media (min-width: 40em) { .cf-photo { width: 11rem; } }
.page-for-compliance-and-finance .jx-step b { font-variant-numeric: tabular-nums; }
.page-for-compliance-and-finance .jp-n time { font: inherit; letter-spacing: inherit; color: inherit; }
.cf-you { display: flex; align-items: baseline; gap: 0.7em; padding-top: var(--space-3); border-top: 1px solid var(--line-strong); font-size: var(--text-sm); font-weight: 600; line-height: 1.45; color: var(--ink); }
.cf-you b { flex: none; font-family: var(--font-display); font-size: var(--text-xs); font-weight: 600; letter-spacing: var(--track-label); text-transform: uppercase; color: var(--ink-mute); }
.cf-mini-note { margin-top: 0.8em; font-size: 0.86em; }
.cf-stage--narrow > .screen { max-width: 35rem; }
.cf-stage--mid > .screen { max-width: 40rem; }
.cf-who { display: grid; gap: 0.35em; margin-top: 0.8em; }
.cf-who li { display: flex; align-items: center; gap: 0.6em; color: var(--app-text-2); }
.cf-check { display: grid; gap: 0.4em; }
.cf-check li { display: flex; align-items: center; gap: 0.7em; padding: 0.55em 0.75em; border-radius: 0.7em; border: 1px solid var(--app-border); background: var(--card); }
.cf-check li > div { flex: 1; min-width: 0; display: grid; }
.cf-check li > div b { font-weight: 600; color: var(--app-text); }
.cf-check li > div span { font-size: 0.84em; color: var(--app-text-3); }
.cf-ready { display: flex; align-items: center; gap: 1.2em; margin-bottom: 0.9em; color: var(--app-text-2); }
.cf-ready b { font-size: 1.15em; color: var(--app-text); }
.jp-screen .k-desk.cf-desk { padding: 0.25rem 0.5rem 0.6rem; border: 0; border-radius: 0; background: none; overflow: visible; }
.cf-desk .k-doc { width: min(100%, 25rem); aspect-ratio: auto; gap: 0.5em; padding: 4.5% 7%; box-shadow: var(--shadow); }
.cf-desk .k-stamp { position: static; align-self: flex-end; margin-block: 0 -0.2em; font-size: 1.1em; transform: none; }
.cf-desk .k-doc-foot { margin-top: 0; }
.jd-body > .jp-prob { margin-bottom: var(--space-2); }
.cf-notes { display: grid; gap: 0 var(--space-8); }
.cf-notes li { padding-block: var(--space-4); border-top: 1px solid var(--line-strong); font-size: var(--text-sm); line-height: 1.55; color: var(--ink-soft); }
.cf-notes b { display: block; margin-bottom: var(--space-1); font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); line-height: 1.25; letter-spacing: var(--track-display); color: var(--ink); }
.cf-notes a, .cf-asks dd a { color: var(--ink); font-weight: 600; text-decoration-color: var(--orange); text-underline-offset: 3px; }
@media (min-width: 52em) { .cf-notes { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cf-notes li { padding-bottom: 0; } }
@media (min-width: 52em) {
  #reconcile .jd-body { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 var(--space-8); align-items: start; }
  #reconcile .jd-body > .jp-prob { grid-column: 1; margin: 0 0 var(--space-4); font-size: var(--text-base); color: var(--ink-3); }
  #reconcile .jd-body > .jd-note { grid-column: 2 / -1; max-width: none; }
  #reconcile .jd-body > .cf-notes { grid-column: 1 / -1; }
}
.cf-asks { display: grid; gap: 0 var(--space-8); }
.cf-asks > div { display: grid; align-content: start; gap: var(--space-2); padding-block: var(--space-4); border-top: 1px solid var(--line-strong); }
.cf-asks dt { font-family: var(--font-display); font-weight: 600; font-size: var(--text-lg); line-height: 1.25; letter-spacing: var(--track-display); color: var(--ink); text-wrap: balance; }
.cf-asks dd { font-size: var(--text-sm); line-height: 1.55; color: var(--ink-soft); }
@media (min-width: 40em) { .cf-asks { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 64em) { .cf-asks { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.page-for-compliance-and-finance .jd-body .spec { padding-block: var(--space-4); }
.page-for-compliance-and-finance .jd-body .connects a { padding: var(--space-5); padding-right: var(--space-10); }
.page-for-compliance-and-finance .jd-body .why-card { padding: clamp(1.25rem, 1rem + 1.4vw, 2rem); grid-template-rows: auto auto 1fr auto; }
@media (min-width: 56em) { .page-for-compliance-and-finance .jd-body .why { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); } }
.cf-pages { display: grid; gap: var(--space-3); margin-top: var(--space-6); }
.cf-pages > p { font-size: var(--text-sm); font-weight: 600; color: var(--ink-3); }
@media (min-width: 60em) {
  .page-for-compliance-and-finance .jp--row { --jp-h: 25rem; }
  .page-for-compliance-and-finance .jp--row .jp-screen .screen { font-size: 13px; }
  .page-for-compliance-and-finance .jp--row .cf-stage--narrow .screen, .page-for-compliance-and-finance .jp--row .cf-stage--mid .screen { font-size: 14px; }
}
@media (max-width: 39.99em) { .page-for-compliance-and-finance .fhero-facts li:last-child { flex-basis: 100%; max-width: none; } }