/* Approach page editorial polish: quieter hierarchy and deliberate pacing. */
.approach-page main {
  overflow: hidden;
}

.approach-page .site-nav > a:not(.mobile-call-link),
.approach-page .site-nav .nav-item > a {
  color: rgba(255, 255, 255, 0.76);
  transition: color 160ms ease;
}

.approach-page .site-nav {
  gap: clamp(10px, 1.1vw, 17px);
  font-size: 13px;
  letter-spacing: 0.01em;
}

.approach-page .site-nav > a[href="approach.html"] {
  color: #fff;
}

.approach-page .site-nav > a[href="approach.html"]::after {
  content: "";
  width: 4px;
  height: 4px;
  margin-left: 7px;
  background: var(--red);
  border-radius: 50%;
}

.approach-page .method-section {
  grid-template-columns: minmax(0, 780px);
  justify-content: start;
  background:
    radial-gradient(circle at 88% 12%, rgba(0, 133, 202, 0.09), transparent 32%),
    linear-gradient(180deg, #111414 0%, #090b0b 100%);
}

.approach-page .method-copy {
  max-width: 780px;
}

.approach-page .hero-brush-line {
  width: 360px;
  height: 18px;
  margin-top: 14px;
  transform: rotate(-0.8deg);
  transform-origin: left center;
}

.approach-page .method-copy h2,
.approach-page .proof-copy h2,
.approach-page .process-section > h2,
.approach-page .trust-section > div > h2 {
  max-width: 720px;
  font-size: clamp(42px, 4.6vw, 62px);
}

.approach-page .method-copy p,
.approach-page .proof-copy p {
  max-width: 620px;
  color: rgba(244, 247, 247, 0.76);
  font-size: 17px;
  line-height: 1.7;
}

.approach-page .method-points h3,
.approach-page .trust-list h3 {
  font-family: "Inter", Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.25;
  text-transform: none;
}

.approach-page .proof-section.compact-proof {
  background: #030404;
}

.approach-page .proof-section.compact-proof .proof-links strong {
  font-family: "Inter", Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.25;
  text-transform: none;
}

.approach-page .proof-section.compact-proof + .process-section {
  background:
    linear-gradient(90deg, rgba(200, 16, 46, 0.035), transparent 38%),
    #0d1010;
}

.approach-page .process-section .section-intro {
  font-size: 16px;
}

.approach-page .proof-section.compact-proof + .process-section .process-grid {
  max-width: 1120px;
}

.approach-page .proof-section.compact-proof + .process-section .process-grid article {
  grid-template-columns: 54px minmax(180px, 0.32fr) minmax(280px, 0.68fr);
  gap: clamp(18px, 3vw, 38px);
  padding: 24px 0;
}

.approach-page .proof-section.compact-proof + .process-section .step-number {
  color: var(--red);
  font-size: 22px;
  letter-spacing: 0.08em;
}

.approach-page .proof-section.compact-proof + .process-section .process-grid h3 {
  font-family: "Inter", Arial, sans-serif;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.25;
  text-transform: none;
}

.approach-page .trust-section {
  background:
    radial-gradient(circle at 12% 18%, rgba(0, 133, 202, 0.07), transparent 30%),
    #050606;
}

.approach-page .trust-list article {
  grid-template-columns: minmax(170px, 0.36fr) minmax(260px, 0.64fr);
  padding: 22px 0;
}

.approach-page .method-section,
.approach-page .proof-section,
.approach-page .process-section,
.approach-page .trust-section {
  padding-top: clamp(46px, 5vw, 64px);
  padding-bottom: clamp(46px, 5vw, 64px);
}

.approach-page .method-points article,
.approach-page .proof-section.compact-proof .proof-links a {
  padding-top: 22px;
  padding-bottom: 22px;
}

.approach-page .approach-cta {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
}

@media (max-width: 980px) {
  .approach-page .proof-section.compact-proof + .process-section .process-grid article,
  .approach-page .trust-list article {
    grid-template-columns: 1fr;
  }

  .approach-page .proof-section.compact-proof + .process-section .process-grid article {
    gap: 8px;
  }
}

@media (max-width: 700px) {
  .approach-page .site-nav > a[href="approach.html"]::after {
    display: none;
  }

  .approach-page .site-header .site-nav {
    gap: 13px !important;
    padding-top: 4px;
    border-top: 0 !important;
    font-size: 12px !important;
  }

  .approach-page .hero-brush-line {
    width: 300px;
  }
}

/* Keep the page clean and uninterrupted: no straight divider rules. */
.approach-page .site-header,
.approach-page .method-points,
.approach-page .method-points article,
.approach-page .proof-section.compact-proof,
.approach-page .proof-section.compact-proof .proof-links,
.approach-page .proof-section.compact-proof .proof-links a,
.approach-page .proof-section.compact-proof + .process-section,
.approach-page .proof-section.compact-proof + .process-section .process-grid,
.approach-page .proof-section.compact-proof + .process-section .process-grid article,
.approach-page .trust-section,
.approach-page .trust-list article,
.approach-page .approach-cta,
.approach-page .site-footer {
  border: 0 !important;
}

.approach-page .process-grid article::before,
.approach-page .process-grid article::after,
.approach-page .trust-list h3::before {
  display: none !important;
}