*, ::before, ::after {
        box-sizing: border-box;
      }

      body {
        margin: 0;
      }
      h1, h2 {
        margin: 0;
        padding: 0;
      }

html {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #F7F6F2;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: none;
  }
  body {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #F7F6F2;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #landmark-viewport {
    width: 100%;
    overflow: hidden;
    position: relative;
  }
  #top {
    width: 100%;
    max-width: none;
    margin: 0 auto !important;
    transform: none !important;
  }
  @media (prefers-reduced-motion: no-preference) {
    html.reveal-ready [data-reveal] {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }
    html.reveal-ready [data-reveal].is-in {
      opacity: 1;
      transform: none;
    }
  }
  a { color: inherit; text-decoration: none; }
  [data-pencil-name="nav"] a:hover,
  [data-pencil-name="footer"] a:hover { text-decoration: underline; }
  [data-pencil-name="footer"] [data-pencil-name="Attorney Advertising. Landmark Law Partn"] {
    height: auto !important;
    white-space: normal !important;
  }
  [data-pencil-name="Law body"],
  [data-pencil-name="Law note"] {
    white-space: normal !important;
    width: 100% !important;
    max-width: 100%;
  }
  [data-pencil-name="details"] [data-pencil-name="p"],
  [data-pencil-name="FAQ — use myself"] [data-pencil-name="p"] {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
  }
  [data-pencil-name="details"] [data-pencil-name="p"] > div,
  [data-pencil-name="FAQ — use myself"] [data-pencil-name="p"] > div {
    width: 100% !important;
    max-width: 720px;
    white-space: normal;
    padding-right: 32px;
  }
  [data-pencil-name="details"] [data-pencil-name="p"].faq-closed,
  [data-pencil-name="FAQ — use myself"] [data-pencil-name="p"].faq-closed {
    display: none !important;
  }
  [data-pencil-name="details"] [class*="h-[17px]"],
  [data-pencil-name="FAQ — use myself"] [class*="h-[17px]"] {
    height: auto !important;
  }
  .faq-toggle { cursor: pointer; }

  /* Hierarchy back: small labels, compact buttons, only paragraphs a step up.
     Do not touch caption cards (18/22) or phone UI. */
  [data-pencil-name="nav"] a {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  a[href="/submit"] {
    width: fit-content !important;
  }
  a[href="/submit"] [data-pencil-name="Get Speechbolt"],
  a[href="/submit"] [data-pencil-name="GET SPEECHBOLT"],
  a[href="/submit"] [data-pencil-name="↗"] {
    font-size: 12px !important;
    line-height: 14px !important;
    letter-spacing: 0.08em !important;
  }
  [data-pencil-name="Trust chips"] [class*="text-[13px]"] {
    font-size: 14px !important;
    line-height: 18px !important;
  }
  [class*="font-[Instrument_Sans,system-ui,sans-serif]"][class*="text-[18px]/[27px]"],
  [class*="font-[Instrument_Sans,system-ui,sans-serif]"][class*="text-[18px]/[28px]"],
  [class*="font-[Instrument_Sans,system-ui,sans-serif]"][class*="text-[17px]/[25px]"] {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  [data-pencil-name="Speechbolt can capture the available con"] br + br {
    display: none;
  }
  .how-steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 16px;
    line-height: 24px;
  }
  .how-steps > p {
    margin: 0;
  }
  .how-step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
  }
  .how-step p {
    margin: 0;
  }
  .how-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    color: #0A0A0C;
    background: #2E7D4F;
    border-radius: 4px;
  }
  .how-icon svg {
    width: 18px;
    height: 18px;
  }
  [data-pencil-name="details"] [class*="text-[15px]"],
  [data-pencil-name="FAQ — use myself"] [class*="text-[15px]"] {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  [data-pencil-name="Law body"] {
    font-size: 18px !important;
    line-height: 28px !important;
  }
  [data-pencil-name="Law note"] {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  [data-pencil-name="footer"] [class*="text-[10px]"]:not([data-pencil-name="LAW PARTNERS"]),
  [data-pencil-name="footer"] [data-pencil-name="DRAFT FOR COMPLIANCE-ATTORNEY REVIEW"] {
    font-size: 12px !important;
    line-height: 16px !important;
  }
  [data-pencil-name="footer"] [data-pencil-name="Attorney Advertising. Landmark Law Partn"] {
    font-size: 13px !important;
    line-height: 20px !important;
  }
  [data-pencil-name="footer"] [data-pencil-name="Law firms line"] {
    font-size: 14px !important;
    line-height: 20px !important;
  }

/* Page layout. Fixed canvas measurements stay inside their own components. */
[data-pencil-name="main"] { width: 100%; min-width: 0; }
[data-pencil-name="main"] > * { width: 100%; min-width: 0; }
[data-pencil-name="main"] * { min-width: 0; max-width: 100%; }
[data-pencil-name="header"] {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) max-content;
  align-items: center;
  gap: clamp(16px, 2.5vw, 40px) !important;
  height: auto !important;
  min-height: 84px;
  padding: 18px clamp(24px, 4vw, 64px) !important;
}
[data-pencil-name="header"] > a:first-child { width: auto !important; flex: none !important; }
[data-pencil-name="nav"] {
  width: auto !important;
  min-width: 0;
  flex-wrap: nowrap;
  justify-content: center;
  gap: clamp(16px, 2.4vw, 36px) !important;
}
[data-pencil-name="header"] > a:last-child {
  width: max-content !important;
  flex: none !important;
  justify-self: end;
  margin: 0 !important;
  white-space: nowrap;
}
[data-pencil-name="main"] > [data-pencil-name="section"]:nth-child(1),
[data-pencil-name="main"] > [data-pencil-name="THE RECORD"],
[data-pencil-name="main"] > #faq-section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 5vw, 80px) !important;
  height: auto !important;
  padding: clamp(64px, 7vw, 100px) clamp(32px, 8vw, 168px) !important;
}
[data-pencil-name="main"] > [data-pencil-name="COULD THIS BE WORTH REVIEWING?"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 393px);
  align-items: center;
  gap: clamp(32px, 5vw, 64px) !important;
  height: auto !important;
  padding: clamp(64px, 7vw, 100px) clamp(32px, 8vw, 168px) !important;
}
[data-pencil-name="main"] > [data-pencil-name="section"]:nth-child(1) > *,
[data-pencil-name="main"] > [data-pencil-name="THE RECORD"] > *,
[data-pencil-name="main"] > [data-pencil-name="COULD THIS BE WORTH REVIEWING?"] > *,
[data-pencil-name="main"] > #faq-section > * {
  width: 100% !important;
  min-width: 0;
}
[data-pencil-name="main"] > [data-pencil-name="section"]:nth-child(2),
[data-pencil-name="main"] > [data-pencil-name="YOUR RECORD YOUR DECISION"] {
  height: auto !important;
  padding: clamp(56px, 7vw, 100px) clamp(32px, 8vw, 168px) !important;
}
[data-pencil-name="main"] > #closing-cta-section {
  height: auto !important;
  padding: clamp(64px, 8vw, 130px) clamp(32px, 8vw, 168px) !important;
}
[data-pencil-name="Record card stack"],
[data-pencil-name="Record card — solar"],
[data-pencil-name="Suspicious Call Record"] { width: 100% !important; min-width: 0; }
[data-pencil-name="SMS phone slot"] {
  display: block !important;
  position: relative;
  width: min(100%, 393px) !important;
  height: 852px;
  flex: none !important;
  margin-inline: auto;
}
[data-pencil-name="SMS phone — page"] {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: 393px !important;
  min-width: 393px !important;
  max-width: none !important;
  height: 852px !important;
  flex: none !important;
  transform: translateX(-50%) scale(var(--landmark-phone-scale, 1));
  transform-origin: top center !important;
}
[data-pencil-name="SMS phone — page"],
[data-pencil-name="SMS phone — page"] * ,
[data-pencil-name="Live Call"],
[data-pencil-name="Live Call"] * { max-width: none !important; }
[data-pencil-name="Live Call"] {
  width: 393px !important;
  min-width: 393px !important;
  height: 852px !important;
  flex: none !important;
  transform: scale(var(--landmark-phone-scale, 1));
  transform-origin: top center !important;
}
[data-pencil-name="header"] a,
[data-pencil-name="Close CTAs"] a { max-width: 100%; }
[data-pencil-name="footer"] { padding: 48px clamp(24px, 8vw, 168px) 32px !important; }

@media (max-width: 960px) {
  [data-pencil-name="main"] > [data-pencil-name="section"]:nth-child(1),
  [data-pencil-name="main"] > [data-pencil-name="THE RECORD"],
  [data-pencil-name="main"] > [data-pencil-name="COULD THIS BE WORTH REVIEWING?"],
  [data-pencil-name="main"] > #faq-section {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 40px !important;
  }
  [data-pencil-name="main"] > [data-pencil-name="section"]:nth-child(1) > *,
  [data-pencil-name="main"] > [data-pencil-name="THE RECORD"] > *,
  [data-pencil-name="main"] > [data-pencil-name="COULD THIS BE WORTH REVIEWING?"] > *,
  [data-pencil-name="main"] > #faq-section > * { width: 100% !important; }
}
@media (max-width: 760px) {
  [data-pencil-name="header"] {
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 14px 12px !important;
    padding: 16px 20px !important;
  }
  [data-pencil-name="header"] > [data-pencil-name="nav"] {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100% !important;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px 20px !important;
  }
  [data-pencil-name="header"] > a:last-child {
    grid-column: 2;
    grid-row: 1;
    padding: 11px 14px !important;
    height: auto !important;
    font-size: 12px !important;
  }
  [data-pencil-name="header"] > a:last-child [data-pencil-name="GET SPEECHBOLT"],
  [data-pencil-name="header"] > a:last-child [data-pencil-name="↗"] { font-size: 11px !important; }
  [data-pencil-name="main"] > * { padding-left: 20px !important; padding-right: 20px !important; }
  [data-pencil-name="main"] > [data-pencil-name="section"]:nth-child(1),
  [data-pencil-name="main"] > [data-pencil-name="THE RECORD"],
  [data-pencil-name="main"] > [data-pencil-name="COULD THIS BE WORTH REVIEWING?"],
  [data-pencil-name="main"] > #faq-section { padding-top: 48px !important; padding-bottom: 48px !important; }
  [data-pencil-name="main"] > [data-pencil-name="section"]:nth-child(2),
  [data-pencil-name="main"] > [data-pencil-name="YOUR RECORD YOUR DECISION"] { padding-top: 48px !important; padding-bottom: 48px !important; }
  [data-pencil-name="main"] > #closing-cta-section { padding: 64px 20px !important; }
  [data-pencil-name="footer"] { padding: 36px 20px 24px !important; }
  [data-pencil-name="footer"] > div { flex-wrap: wrap; gap: 24px !important; }
  [data-pencil-name="How steps"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px !important;
  }
  [data-pencil-name="How steps"] > [data-pencil-name^="Step "] { width: 100%; }
  [class*="text-[48px]"] {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
    white-space: normal !important;
  }
  [data-pencil-name="SPEECHBOLT + LANDMARK LAW PARTNERS"],
  [data-pencil-name="A CLEARER START"],
  [data-pencil-name="QUESTIONS ABOUT THE RECORD AND REVIEW"] { white-space: normal !important; }
}

/* One cohesive footer row with a readable disclosure beneath it. */
.landmark-footer { width: 100%; }
.landmark-footer-inner { width: 100%; min-width: 0; }
.landmark-footer-main { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 18px 40px; }
.landmark-footer-name { margin: 0; color: #e8efe3; font: 700 16px/1.4 "Instrument Sans", system-ui, sans-serif; letter-spacing: .01em; }
.landmark-footer-links { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px 24px; }
.landmark-footer-links a { color: #e8efe3; font: 500 13px/1.4 "Instrument Sans", system-ui, sans-serif; }
.landmark-footer-disclosure { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 20px 24px; margin-top: 28px; }
.landmark-footer-label { color: #d7e1d6; font: 700 11px/1.6 "Instrument Sans", system-ui, sans-serif; letter-spacing: .1em; }
.landmark-footer-disclosure p { max-width: 900px; margin: 0; color: #b4bfb3; font: 400 13px/1.6 "Instrument Sans", system-ui, sans-serif; letter-spacing: normal; }
.landmark-footer > .landmark-analytics-settings { margin: 16px 0 0; padding: 0; color: #b4bfb3; font-size: 12px; line-height: 1.4; }
@media (max-width: 760px) {
  .landmark-footer-main { display: block; }
  .landmark-footer-links { margin-top: 18px; }
  .landmark-footer-disclosure { display: block; margin-top: 26px; }
  .landmark-footer-label { display: block; margin-bottom: 8px; }
}
