.legal-page { background: var(--paper); }

.legal-hero,
.legal-hero .digital-hero-grid { min-height: calc(88vh - var(--header)); }
.legal-hero .digital-hero-grid {
  grid-template-columns: minmax(0, 1.28fr) minmax(350px, .72fr);
  gap: clamp(52px, 7vw, 105px);
  padding-block: clamp(76px, 8vw, 112px);
}
.legal-hero .digital-hero-copy h1 {
  max-width: 880px;
  font-size: clamp(4rem, 6.1vw, 6.2rem);
  line-height: .94;
}
html[lang='he'] .legal-hero .digital-hero-copy h1 {
  font-size: clamp(4rem, 5.8vw, 6rem);
  line-height: 1.02;
}
.legal-hero .digital-lead { max-width: 720px; }
.legal-rocket { min-height: 440px; box-shadow: 12px 12px 0 var(--orange); }

.legal-tools { padding: clamp(85px, 10vw, 140px) 0; }
.legal-tools .digital-section-label { color: var(--orange-ink); }
.legal-tools-heading {
  display: grid;
  grid-template-columns: minmax(190px, .36fr) minmax(0, 1.64fr);
  gap: 14px 50px;
  margin-bottom: 58px;
}
.legal-tools-heading h2,
.legal-process-heading h2 {
  max-width: 880px;
  margin: 0;
  font-size: clamp(3rem, 5vw, 5rem);
  line-height: 1;
  letter-spacing: -.05em;
}
html[lang='he'] .legal-tools-heading h2,
html[lang='he'] .legal-process-heading h2 { font-family: var(--serif); letter-spacing: -.02em; }
.legal-tools-heading > p:last-child { grid-column: 2; max-width: 720px; margin: 0; color: var(--muted-dark); }

.tool-groups { border-top: 1px solid var(--rule-paper); }
.tool-group {
  display: grid;
  grid-template-columns: minmax(190px, .36fr) minmax(0, 1.64fr);
  gap: 50px;
  padding: 34px 0;
  border-bottom: 1px solid var(--rule-paper);
}
.tool-group > h3 { margin: 0; color: var(--orange-ink); font-size: 1.35rem; }
.tool-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 38px; }
.tool-list article { padding: 0 0 24px; }
.tool-list article:nth-last-child(-n+2) { padding-bottom: 0; }
.tool-list h4 { margin: 0 0 6px; font-size: 1.12rem; }
.tool-list h4::before { content: '✦'; margin-inline-end: 9px; color: var(--orange); font-size: .62rem; vertical-align: .15em; }
.tool-list p { max-width: 58ch; margin: 0; color: var(--muted-dark); font-size: .91rem; }
.legal-validation-note { margin: 24px 0 0; padding: 17px 20px; background: var(--paper-deep); color: var(--muted-dark); font-size: .82rem; }
.legal-validation-note strong { color: var(--ink); }

.legal-process { padding: clamp(85px, 10vw, 135px) 0; background: var(--orange); color: var(--navy); }
.legal-process .digital-section-label { color: var(--navy); }
.legal-process-heading {
  display: grid;
  grid-template-columns: minmax(190px, .36fr) minmax(0, 1.64fr);
  gap: 50px;
  margin-bottom: 52px;
}
.legal-process-steps { display: grid; grid-template-columns: repeat(3, 1fr); margin: 0; padding: 0; border-block: 1px solid oklch(0.25 0.04 255 / .34); list-style: none; }
.legal-process-steps li { min-height: 215px; padding: 26px 28px; border-inline-end: 1px solid oklch(0.25 0.04 255 / .34); }
.legal-process-steps li:last-child { border-inline-end: 0; }
.legal-process-steps li > span { font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.legal-process-steps h3 { margin: 38px 0 8px; font-size: 1.34rem; }
.legal-process-steps p { margin: 0; color: oklch(0.27 0.03 255 / .83); font-size: .94rem; }

.legal-contact .digital-contact-grid { align-items: center; }
.legal-contact h2 { max-width: 820px; font-size: clamp(3rem, 5vw, 5rem); }
.legal-contact p:last-child { max-width: 680px; margin: 18px 0 0; color: var(--muted-light); }

@media (max-width: 980px) {
  .legal-hero,
  .legal-hero .digital-hero-grid { min-height: auto; }
  .legal-hero .digital-hero-grid { grid-template-columns: 1fr; padding-block: 82px 95px; }
  .legal-rocket { width: min(560px, 100%); min-height: 430px; }
  .legal-tools-heading,
  .legal-process-heading,
  .tool-group { grid-template-columns: 1fr; gap: 20px; }
  .legal-tools-heading > p:last-child { grid-column: 1; }
}

@media (max-width: 700px) {
  .legal-hero .digital-hero-copy h1,
  html[lang='he'] .legal-hero .digital-hero-copy h1 { font-size: clamp(3.15rem, 14vw, 4.3rem); }
  .legal-rocket { min-height: 390px; box-shadow: 8px 8px 0 var(--orange); }
  .legal-tools-heading h2,
  .legal-process-heading h2 { font-size: 2.85rem; }
  .tool-list { grid-template-columns: 1fr; }
  .tool-list article,
  .tool-list article:nth-last-child(-n+2) { padding-bottom: 22px; }
  .tool-list article:last-child { padding-bottom: 0; }
  .legal-process-steps { grid-template-columns: 1fr; }
  .legal-process-steps li { min-height: 0; border-inline-end: 0; border-bottom: 1px solid oklch(0.25 0.04 255 / .34); }
  .legal-process-steps li:last-child { border-bottom: 0; }
  .legal-process-steps h3 { margin-top: 18px; }
  .legal-contact h2 { font-size: 2.9rem; }
}
