/* Orderfolk visual system: focused precision */
:root {
  --of-ink: #111c2c;
  --of-body: #4d5a6c;
  --of-blue: #315bc8;
  --of-blue-dark: #23489f;
  --of-green: #25b85a;
  --of-fog: #f4f6f9;
  --of-line: #d8dee7;
  --of-white: #ffffff;
  --of-width: 1120px;
  --of-pad: max(24px, calc((100vw - var(--of-width)) / 2));
  --of-radius: 6px;
  --of-type-hero: clamp(3rem, 5vw, 4.25rem);
  --of-type-section: clamp(2.5rem, 3.8vw, 3.25rem);
  --of-type-feature: 2rem;
  --of-type-card: 1.75rem;
  --of-type-lead: 1.0625rem;
  --of-type-body: 1rem;
  --of-type-small: .875rem;
  --of-type-label: .75rem;
  --of-type-brand: 1.25rem;
}

body.home-v3,
body.content-v4 {
  color: var(--of-ink);
  background: var(--of-white);
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: 16px;
  text-rendering: optimizeLegibility;
}

body.home-v3 a,
body.content-v4 a,
body.home-v3 button,
body.content-v4 button,
body.home-v3 input,
body.content-v4 input,
.case-index-card {
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
}

.header-v4,
.home-v3 .header-v4 {
  min-height: 64px;
  padding: 0 var(--of-pad);
  border-bottom: 1px solid var(--of-line);
  background: rgba(255, 255, 255, .98);
}

.brand-v3,
.home-v3 .brand-v3,
.content-v4 .brand-v3 {
  gap: 0;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-brand);
  font-weight: 800;
}

.brand-logo {
  display: none;
}

.brand-v3::before {
  content: none;
}

.brand-word {
  display: inline-flex;
  align-items: center;
  color: var(--of-ink);
  letter-spacing: -.055em;
  line-height: 1;
  white-space: nowrap;
}

.brand-order,
.brand-folk {
  position: relative;
  z-index: 1;
}

.brand-handshake {
  width: 36px;
  height: 23px;
  margin: 0 2px;
  flex: 0 0 auto;
  background: url("orderfolk-mark.svg") center / contain no-repeat;
  transform: translateY(1px);
}

.brand-accessible {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}

.header-v4 .site-nav,
.home-v3 .header-v4 .site-nav {
  gap: 24px;
  font-size: var(--of-type-label);
  font-weight: 650;
}

.header-v4 .site-nav a:not(.nav-whatsapp) {
  padding: 22px 0 19px;
}

.header-v4 .nav-whatsapp,
.home-v3 .header-v4 .nav-whatsapp {
  min-height: 38px !important;
  padding: 0 15px !important;
  border-radius: 5px;
  color: #082d18;
  background: var(--of-green);
}

@media (min-width: 761px) {
  .header-v4,
  .home-v3 .header-v4 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
  }

  .header-v4 .brand-v3,
  .home-v3 .header-v4 .brand-v3 {
    grid-column: 1;
    justify-self: start;
  }

  .header-v4 .site-nav,
  .home-v3 .header-v4 .site-nav {
    position: static;
    grid-column: 2;
    justify-self: center;
    margin-left: 0;
  }

  .header-v4 .nav-whatsapp,
  .home-v3 .header-v4 .nav-whatsapp {
    position: absolute;
    right: var(--of-pad);
  }
}

.v3-button,
.home-v3 .v3-button {
  min-height: 48px;
  padding: 0 20px;
  border-radius: var(--of-radius);
  font-size: var(--of-type-small);
  font-weight: 700;
}

.v3-button-whatsapp {
  color: #082d18;
  background: var(--of-green);
}

.v3-eyebrow,
.page-kicker,
.evidence-label {
  margin: 0 0 14px;
  color: var(--of-blue);
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-label);
  font-weight: 750;
  letter-spacing: .055em;
  line-height: 1.4;
  text-transform: uppercase;
}

.home-v3 .v3-eyebrow,
.content-v4 .page-kicker,
.content-v4 .evidence-label,
.header-v4 .nav-whatsapp,
.home-v3 .header-v4 .nav-whatsapp {
  font-size: var(--of-type-label);
}

/* Homepage */
.home-v3 .v3-hero {
  grid-template-columns: minmax(0, 7fr) minmax(320px, 5fr);
  gap: 64px;
  min-height: 0;
  padding: 80px var(--of-pad) 76px;
}

.home-v3 .v3-hero-main {
  max-width: 650px;
}

.home-v3 .v3-hero h1 {
  max-width: 650px;
  margin: 0;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-hero);
  font-weight: 700;
  letter-spacing: -.042em;
  line-height: 1.055;
}

.home-v3 .v3-hero-lead {
  max-width: 590px;
  margin-top: 22px;
  color: var(--of-body);
  font-size: var(--of-type-lead);
  line-height: 1.62;
}

.home-v3 .v3-actions {
  margin-top: 24px;
}

.home-v3 .v3-human-note {
  margin-top: 14px;
  color: #657185;
  font-size: var(--of-type-label);
}

.home-v3 .request-map {
  width: 100%;
  border: 1px solid var(--of-line);
  border-radius: var(--of-radius);
  background: var(--of-white);
  box-shadow: none;
}

.home-v3 .request-map-head,
.home-v3 .request-map-arrow {
  background: var(--of-white);
}

.home-v3 .request-map-row {
  padding: 20px;
}

.home-v3 .request-map-result {
  background: #edf2ff;
}

.home-directory {
  display: block;
  padding: 64px var(--of-pad) 68px;
  border-top: 1px solid var(--of-line);
  background: var(--of-fog);
}

.home-directory-heading {
  display: grid;
  grid-template-areas:
    "eyebrow story"
    "title story";
  grid-template-columns: minmax(320px, 5fr) minmax(0, 7fr);
  column-gap: 64px;
  align-items: end;
}

.home-directory-heading > .v3-eyebrow {
  grid-area: eyebrow;
}

.home-directory-heading h2 {
  grid-area: title;
  max-width: 520px;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-section);
  font-weight: 700;
  letter-spacing: -.038em;
  line-height: 1.08;
}

.home-directory-heading .home-story-copy {
  grid-area: story;
  max-width: 620px;
  margin: 0;
  color: var(--of-body);
  font-size: var(--of-type-body);
  line-height: 1.7;
}

.home-directory-links {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 38px;
  border: 1px solid var(--of-line);
  border-radius: var(--of-radius);
  box-shadow: none;
}

.home-directory-links a,
.home-directory-links a:last-child {
  grid-template-columns: 1fr auto;
  min-height: 156px;
  padding: 20px;
  border-right: 1px solid var(--of-line);
  border-bottom: 0;
}

.home-directory-links a:nth-child(even) {
  border-right: 1px solid var(--of-line);
}

.home-directory-links a:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.home-directory-links a:last-child {
  border-right: 0;
}

.home-directory-links span {
  grid-column: 1;
  color: var(--of-blue);
  font-size: var(--of-type-label);
}

.home-directory-links strong {
  grid-column: 1 / -1;
  align-self: end;
  color: #344257;
  font-size: var(--of-type-small);
  line-height: 1.45;
}

.home-directory-links b {
  grid-column: 2;
  grid-row: 1;
}

.home-directory-links .home-directory-featured {
  background: #eaf0ff;
  box-shadow: inset 0 3px 0 var(--of-blue);
}

.home-directory-links .home-directory-featured span,
.home-directory-links .home-directory-featured b {
  color: var(--of-blue-dark);
}

.home-v3 .v3-contact {
  grid-template-columns: minmax(300px, 5fr) minmax(0, 7fr);
  gap: 64px;
  padding: 72px var(--of-pad);
  background: #111f32;
}

.home-v3 .v3-contact h2 {
  max-width: 420px;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-section);
  font-weight: 700;
  letter-spacing: -.038em;
  line-height: 1.08;
}

.home-v3 .v3-whatsapp-card,
.home-v3 .v3-form,
.home-v3 .contact-form input {
  border-radius: var(--of-radius);
}

.home-v3 .v3-form {
  padding: 24px;
}

/* Shared content pages */
.content-hero,
.detail-hero,
.about-hero {
  min-height: 0;
  padding: 78px var(--of-pad) 70px;
  border-bottom: 1px solid var(--of-line);
  background: var(--of-fog);
}

.content-hero h1 {
  max-width: 850px;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-hero);
  font-weight: 700;
  letter-spacing: -.044em;
  line-height: 1.05;
}

.content-hero > p:last-child {
  max-width: 680px;
  margin-top: 22px;
  color: var(--of-body);
  font-size: var(--of-type-lead);
  line-height: 1.6;
}

.content-inline-link,
.workflow-list dd a {
  color: var(--of-blue);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: rgba(54, 97, 195, .3);
  text-underline-offset: .2em;
}

.case-index,
.fee-cards,
.workflow-list,
.detail-proof,
.about-advantage,
.about-leadership,
.plain-terms,
.content-cta,
.case-proof-rule {
  width: 100%;
  max-width: var(--of-width);
}

.case-index {
  gap: 16px;
  padding: 64px 0;
}

.case-index-card {
  min-height: 270px;
  padding: 22px;
  border-color: var(--of-line);
  border-radius: var(--of-radius);
  box-shadow: none;
}

.case-index-card:hover {
  transform: translateY(-2px);
  border-color: #aeb9c9;
  box-shadow: 0 10px 28px rgba(24, 40, 64, .07);
}

.case-index-card h2 {
  margin: 34px 0 12px;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-feature);
  font-weight: 700;
  line-height: 1.1;
}

.case-index-card p {
  color: var(--of-body);
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-small);
  line-height: 1.55;
}

.case-index-card b {
  padding: 0;
  color: var(--of-blue);
  background: transparent;
  font-size: var(--of-type-label);
}

.detail-proof {
  grid-template-columns: minmax(260px, 4fr) minmax(0, 8fr);
  gap: 64px;
  padding: 64px 0 0;
}

.detail-proof h2 {
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-section);
  font-weight: 700;
  letter-spacing: -.04em;
}

.detail-proof ul {
  border-color: var(--of-line);
  border-radius: var(--of-radius);
}

.detail-proof li {
  padding: 18px 20px;
}

.detail-result {
  padding: 18px 20px;
  border-radius: 0;
}

.workflow-list {
  padding: 64px 0;
}

.workflow-list article {
  grid-template-columns: 44px minmax(240px, 4fr) minmax(0, 7fr);
  gap: 28px;
  padding: 24px 0;
}

.workflow-list article > span {
  width: 34px;
  height: 34px;
  border-radius: 4px;
}

.workflow-list h2 {
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-card);
  font-weight: 700;
}

.fee-cards {
  gap: 16px;
  padding: 64px 0;
}

.fee-cards article {
  padding: 22px;
  border-radius: var(--of-radius);
}

.fee-cards article > span {
  margin-bottom: 28px;
  border-radius: 4px;
}

.plain-terms {
  gap: 64px;
  padding: 0 0 72px;
}

.plain-terms h2 {
  font-size: var(--of-type-feature);
}

.content-cta {
  padding: 64px 0;
}

.content-cta h2 {
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-section);
  font-weight: 700;
  letter-spacing: -.045em;
}

/* About */
.about-advantage {
  gap: 0;
  padding: 64px 0;
  background: transparent;
}

.about-advantage article {
  min-height: 250px;
  padding: 24px;
  border-top: 1px solid var(--of-line);
  border-bottom: 1px solid var(--of-line);
}

.about-advantage article + article {
  border-left: 1px solid var(--of-line);
}

.about-advantage h2 {
  margin: 34px 0 12px;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-card);
  font-weight: 700;
  letter-spacing: -.035em;
}

.about-advantage p {
  color: var(--of-body);
  font-size: var(--of-type-small);
}

.about-leadership {
  grid-template-columns: minmax(210px, 3fr) minmax(0, 6fr) minmax(220px, 3fr);
  gap: 32px;
  padding: 0 0 72px;
  border-bottom: 1px solid var(--of-line);
}

.about-leadership h2 {
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-section);
  font-weight: 700;
}

.about-leadership > p {
  margin-top: 0;
  color: var(--of-body);
  font-size: var(--of-type-body);
}

.about-leadership-story {
  color: var(--of-body);
  font-size: var(--of-type-body);
  line-height: 1.65;
}

.about-leadership-story p {
  margin: 0;
}

.about-leadership-story p + p {
  margin-top: 16px;
}

.about-leadership .about-entity {
  margin: 0;
  padding: 18px;
  border: 1px solid var(--of-line);
  border-left: 4px solid var(--of-blue);
  background: var(--of-fog);
}

.about-leadership .about-entity strong,
.about-leadership .about-entity small {
  display: block;
}

.about-leadership .about-entity strong {
  margin-bottom: 10px;
  color: var(--of-ink);
  font-size: var(--of-type-label);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.about-leadership .about-entity small {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--of-line);
  color: #657185;
  font-size: var(--of-type-label);
  line-height: 1.5;
}

/* What you receive */
.proof-documents,
.proof-boundary {
  width: 100%;
  max-width: var(--of-width);
  margin-right: auto;
  margin-left: auto;
}

.proof-documents {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 64px 0;
}

.proof-document {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-top: 3px solid var(--of-blue);
}

.proof-document-intro {
  min-height: 188px;
  padding: 20px 20px 22px;
  border: 1px solid var(--of-line);
  border-top: 0;
  background: var(--of-white);
}

.proof-step {
  color: var(--of-blue);
  font-size: var(--of-type-label);
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.proof-document h2 {
  margin: 30px 0 10px;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-feature);
  font-weight: 700;
  letter-spacing: -.035em;
  line-height: 1.08;
}

.proof-document-intro p {
  color: var(--of-body);
  font-size: var(--of-type-small);
  line-height: 1.5;
}

.proof-sheet {
  flex: 1;
  margin-top: 12px;
  padding: 18px;
  border: 1px solid var(--of-line);
  background: var(--of-fog);
}

.proof-sheet-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--of-line);
}

.proof-sheet-head strong {
  color: var(--of-ink);
  font-size: var(--of-type-label);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.proof-sheet-head small {
  color: #657185;
  font-size: var(--of-type-label);
}

.proof-sheet dl {
  margin: 0;
}

.proof-sheet dl div {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 10px;
  padding: 13px 0;
  border-bottom: 1px solid var(--of-line);
}

.proof-sheet dt {
  color: #657185;
  font-size: var(--of-type-label);
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.proof-sheet dd {
  margin: 0;
  color: var(--of-body);
  font-size: var(--of-type-small);
  line-height: 1.45;
}

.proof-sheet > p {
  margin-top: 14px;
  color: var(--of-ink);
  font-size: var(--of-type-label);
  font-weight: 700;
  line-height: 1.45;
}

.proof-boundary {
  display: grid;
  grid-template-columns: minmax(240px, 4fr) minmax(0, 8fr);
  gap: 64px;
  padding: 0 0 72px;
  border-bottom: 1px solid var(--of-line);
}

.proof-boundary h2 {
  margin-top: 12px;
  font-family: "Helvetica Neue", "Avenir Next", Arial, sans-serif;
  font-size: var(--of-type-section);
  font-weight: 700;
  letter-spacing: -.038em;
  line-height: 1.08;
}

.proof-boundary-copy > p {
  max-width: 650px;
  color: var(--of-body);
  font-size: var(--of-type-body);
  line-height: 1.65;
}

.proof-boundary-copy ul {
  margin-top: 22px;
  border-top: 1px solid var(--of-line);
}

.proof-boundary-copy li {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid var(--of-line);
  color: var(--of-body);
  font-size: var(--of-type-small);
}

.proof-boundary-copy li span {
  color: var(--of-blue);
  font-size: var(--of-type-label);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* One role, one size: keep the hierarchy stable across every page. */
.home-v3 .request-map-head,
.home-v3 .request-map-label,
.home-v3 .request-map em,
.home-directory-links span,
.home-v3 .v3-whatsapp-card small,
.home-v3 .v3-email-link span,
.home-v3 .v3-form-head span,
.home-v3 .contact-form .optional,
.home-v3 .send-note,
.home-v3 .form-status,
.home-v3 .form-fallback,
.workflow-list article > span,
.workflow-list article > div > p,
.workflow-list dt,
.fee-cards article > span,
.fee-cards strong,
.plain-terms li span,
.case-index-card > span,
.detail-proof li span,
.about-advantage span,
.about-leadership h2 small,
.case-proof-rule strong,
.site-footer p,
.v3-footer p {
  font-size: var(--of-type-label);
}

.home-v3 .request-map li,
.home-v3 .request-map-result p,
.home-v3 .v3-mobile-summary,
.home-directory-links strong,
.home-v3 .v3-email-link strong,
.home-v3 .contact-form label,
.home-v3 .contact-form input,
.floating-whatsapp,
.workflow-list dd,
.fee-cards p,
.plain-terms li,
.case-index-card p,
.detail-proof li,
.about-advantage p,
.about-leadership .about-entity,
.case-proof-rule p,
.proof-document-intro p,
.proof-sheet dd,
.proof-boundary-copy li {
  font-size: var(--of-type-small);
}

.home-v3 .v3-form-head strong,
.home-v3 .v3-whatsapp-card strong,
.content-hero > p:last-child {
  font-size: var(--of-type-lead);
}

.fee-cards h2 {
  font-size: var(--of-type-card);
}

.plain-terms h2,
.proof-document h2,
.case-index-card h2 {
  font-size: var(--of-type-feature);
}

.content-cta h2,
.detail-proof h2,
.about-leadership h2,
.proof-boundary h2 {
  font-size: var(--of-type-section);
}

.about-leadership > p,
.about-leadership-story,
.detail-result,
.home-directory-heading .home-story-copy,
.proof-boundary-copy > p {
  font-size: var(--of-type-body);
}

.site-footer,
.v3-footer {
  padding: 26px var(--of-pad);
}

@media (max-width: 1180px) {
  .case-index,
  .fee-cards,
  .workflow-list,
  .detail-proof,
  .about-advantage,
  .about-leadership,
  .plain-terms,
  .content-cta,
  .case-proof-rule {
    max-width: calc(100% - 48px);
  }

  .proof-documents,
  .proof-boundary {
    max-width: calc(100% - 48px);
  }
}

@media (max-width: 1000px) {
  .header-v4 .site-nav,
  .home-v3 .header-v4 .site-nav {
    gap: 16px;
  }

  .home-v3 .v3-hero,
  .home-v3 .v3-contact {
    grid-template-columns: 1fr;
  }

  .home-v3 .v3-hero {
    gap: 40px;
  }

  .home-v3 .request-map {
    max-width: 620px;
  }

  .home-directory {
    padding-top: 56px;
    padding-bottom: 60px;
  }

  .home-directory-heading {
    grid-template-areas:
      "eyebrow"
      "title"
      "story";
    grid-template-columns: 1fr;
    gap: 0;
  }

  .home-directory-heading h2 {
    max-width: 620px;
  }

  .home-directory-heading .home-story-copy {
    max-width: 620px;
    margin-top: 22px;
  }

  .home-directory-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-directory-links a,
  .home-directory-links a:last-child {
    border-right: 1px solid var(--of-line);
    border-bottom: 1px solid var(--of-line);
  }

  .home-directory-links a:nth-child(even) {
    border-right: 0;
  }

  .home-directory-links a:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

@media (max-width: 760px) {
  :root {
    --of-pad: 20px;
    --of-type-hero: clamp(2.55rem, 12vw, 3.25rem);
    --of-type-section: 2.25rem;
    --of-type-feature: 1.85rem;
    --of-type-card: 1.65rem;
  }

  .header-v4,
  .home-v3 .header-v4 {
    min-height: 62px;
    padding: 0 var(--of-pad);
  }

  .header-v4 .site-nav {
    top: 62px;
  }

  .header-v4 .site-nav .nav-whatsapp,
  .home-v3 .header-v4 .site-nav .nav-whatsapp {
    position: static;
    right: auto;
  }

  .brand-v3 {
    font-size: 1.14rem;
  }

  .brand-handshake {
    width: 32px;
    height: 21px;
  }

  .home-v3 .v3-hero,
  .content-hero,
  .detail-hero,
  .about-hero {
    padding: 52px var(--of-pad) 48px;
  }

  .home-v3 .v3-hero {
    gap: 32px;
  }

  .home-v3 .v3-hero h1,
  .content-hero h1 {
    font-size: var(--of-type-hero);
    line-height: 1.045;
  }

  .home-v3 .v3-hero-lead,
  .content-hero > p:last-child {
    margin-top: 18px;
    font-size: 1rem;
    line-height: 1.55;
  }

  .home-v3 .v3-actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .home-v3 .v3-button {
    width: 100%;
  }

  .home-v3 .request-map {
    display: none;
  }

  .home-v3 .v3-mobile-summary {
    display: none !important;
  }

  .home-directory {
    padding: 48px var(--of-pad);
  }

  .home-directory-heading h2 {
    font-size: var(--of-type-section);
  }

  .home-directory-heading .home-story-copy {
    margin-top: 18px;
  }

  .home-directory-links {
    grid-template-columns: 1fr;
  }

  .home-directory-links a,
  .home-directory-links a:last-child,
  .home-directory-links a:nth-child(even),
  .home-directory-links a:nth-last-child(-n + 2) {
    min-height: 105px;
    padding: 17px;
    border-right: 0;
    border-bottom: 1px solid var(--of-line);
  }

  .home-directory-links a:last-child {
    border-bottom: 0;
  }

  .home-v3 .v3-contact {
    gap: 36px;
    padding: 52px var(--of-pad);
  }

  .home-v3 .v3-contact h2 {
    font-size: var(--of-type-section);
  }

  .home-v3 .v3-form {
    padding: 18px;
  }

  .case-index,
  .fee-cards,
  .workflow-list,
  .detail-proof,
  .about-advantage,
  .about-leadership,
  .plain-terms,
  .content-cta,
  .case-proof-rule {
    max-width: calc(100% - 40px);
  }

  .proof-documents,
  .proof-boundary {
    max-width: calc(100% - 40px);
  }

  .case-index,
  .fee-cards,
  .workflow-list {
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .case-index,
  .about-advantage,
  .detail-proof,
  .about-leadership {
    grid-template-columns: 1fr;
  }

  .case-index-card {
    min-height: 225px;
    padding: 19px;
  }

  .case-index-card h2 {
    margin-top: 28px;
    font-size: var(--of-type-feature);
  }

  .detail-proof {
    gap: 24px;
    padding-top: 48px;
  }

  .detail-proof h2 {
    font-size: var(--of-type-section);
  }

  .workflow-list article {
    grid-template-columns: 36px 1fr;
    gap: 14px;
    padding: 22px 0;
  }

  .workflow-list dl {
    grid-column: 1 / -1;
  }

  .plain-terms {
    gap: 28px;
    padding-bottom: 52px;
  }

  .content-cta {
    padding: 52px 0;
  }

  .about-advantage {
    gap: 0;
    padding: 48px 0;
  }

  .about-advantage article {
    min-height: 0;
    padding: 22px 0;
    border: 0;
    border-top: 1px solid var(--of-line);
  }

  .about-advantage article + article {
    border-left: 0;
  }

  .about-advantage article:last-child {
    border-bottom: 1px solid var(--of-line);
  }

  .about-advantage h2 {
    margin-top: 18px;
    font-size: var(--of-type-card);
  }

  .about-leadership {
    gap: 20px;
    padding-bottom: 52px;
  }

  .about-leadership > p {
    margin: 0;
  }

  .proof-documents {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 48px 0;
  }

  .proof-document-intro {
    min-height: 0;
  }

  .proof-document h2 {
    margin-top: 22px;
    font-size: var(--of-type-feature);
  }

  .proof-boundary {
    grid-template-columns: 1fr;
    gap: 22px;
    padding-bottom: 52px;
  }

  .proof-boundary h2 {
    font-size: var(--of-type-section);
  }

  .proof-boundary-copy li {
    grid-template-columns: 92px 1fr;
    gap: 12px;
  }

  .floating-whatsapp {
    right: 12px;
    bottom: 12px;
    left: 12px;
    min-height: 48px;
    border-radius: var(--of-radius);
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-index-card {
    transition: none;
  }
}