@media (prefers-color-scheme: light) {
  body::before {
    background:
      radial-gradient(circle at 20% 30%, rgba(112, 77, 9, 0.055) 0 1px, transparent 1.5px),
      repeating-linear-gradient(0deg, rgba(23, 34, 48, 0.025) 0 1px, transparent 1px 11px),
      repeating-linear-gradient(32deg, rgba(112, 77, 9, 0.025) 0 1px, transparent 1px 38px),
      linear-gradient(120deg, rgba(255, 255, 255, 0.82), rgba(238, 241, 244, 0.90));
    opacity: 0.9;
  }

  .ft-header {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 244, 238, 0.96)),
      radial-gradient(circle at 18% 50%, rgba(154, 112, 24, 0.07), transparent 25%);
    box-shadow: 0 12px 34px rgba(35, 45, 56, 0.12);
  }

  .ft-header::before {
    background:
      radial-gradient(circle at 10% 50%, rgba(154, 112, 24, 0.08), transparent 18%),
      radial-gradient(circle at 96% 30%, rgba(154, 112, 24, 0.07), transparent 20%),
      repeating-linear-gradient(150deg, transparent 0 18px, rgba(112, 77, 9, 0.026) 19px 20px, transparent 21px 42px);
  }

  .ft-header-cta,
  .ft-menu-button {
    background: rgba(255, 255, 255, 0.72);
    box-shadow: inset 0 0 0 1px rgba(23, 34, 48, 0.03);
  }

  .ft-hero {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.97) 0%, rgba(244, 241, 233, 0.82) 48%, rgba(238, 241, 244, 0.94) 100%),
      radial-gradient(circle at 72% 45%, rgba(154, 112, 24, 0.12), transparent 34%),
      linear-gradient(135deg, #FFFFFF, #E8EDF1);
  }

  .ft-hero::before {
    background: linear-gradient(180deg, rgba(112, 77, 9, 0.16), transparent 1px);
  }

  .ft-hero-bg {
    background:
      radial-gradient(ellipse at 58% 62%, rgba(87, 137, 164, 0.16), transparent 32%),
      radial-gradient(ellipse at 74% 72%, rgba(75, 110, 132, 0.16), transparent 38%),
      repeating-linear-gradient(32deg, rgba(112, 77, 9, 0.03) 0 1px, transparent 1px 46px);
  }

  .ft-hero-bg::before {
    background:
      radial-gradient(ellipse at 50% 100%, rgba(87, 137, 164, 0.14), transparent 58%),
      linear-gradient(180deg, transparent, rgba(238, 241, 244, 0.68) 72%);
  }

  .ft-hero-bg::after {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.76) 0%, rgba(255, 255, 255, 0.30) 45%, rgba(255, 255, 255, 0.04) 65%, rgba(238, 241, 244, 0.68) 100%),
      radial-gradient(ellipse at 69% 62%, transparent 0 30%, rgba(238, 241, 244, 0.20) 61%, rgba(238, 241, 244, 0.72) 100%);
  }

  .ft-hero-scene {
    opacity: 0.34;
    filter: saturate(0.72) contrast(0.86) brightness(1.18);
  }

  .ft-hero-copy::before {
    background: radial-gradient(ellipse at 30% 42%, rgba(255, 255, 255, 0.78), transparent 70%);
  }

  .ft-h1 {
    text-shadow: 0 10px 24px rgba(35, 45, 56, 0.12);
  }

  .ft-h1-content {
    background: linear-gradient(180deg, #101923 0%, #253443 50%, #526171 100%);
    -webkit-background-clip: text;
    background-clip: text;
  }

  .ft-button-ghost {
    background: rgba(255, 255, 255, 0.72);
  }

  .ft-emblem-field {
    background:
      linear-gradient(135deg, rgba(154, 112, 24, 0.035), transparent 46%),
      linear-gradient(180deg, rgba(95, 132, 153, 0.08), transparent 74%);
  }

  .ft-services {
    background:
      radial-gradient(circle at 50% -10%, rgba(154, 112, 24, 0.08), transparent 28%),
      radial-gradient(circle at 82% 16%, rgba(181, 39, 47, 0.05), transparent 24%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(238, 241, 244, 0.62));
  }

  .ft-cred-strip {
    background: rgba(255, 255, 255, 0.78);
  }

  .ft-metrics-panel {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(240, 243, 246, 0.92));
  }

  .ft-service-card {
    background:
      radial-gradient(circle at 50% -5%, rgba(154, 112, 24, 0.09), transparent 42%) padding-box,
      linear-gradient(150deg, rgba(255, 255, 255, 0.99), rgba(242, 245, 247, 0.99) 60%, rgba(235, 239, 242, 0.99)) padding-box,
      linear-gradient(145deg, rgba(154, 112, 24, 0.68), rgba(181, 131, 37, 0.42) 42%, rgba(112, 77, 9, 0.24) 100%) border-box;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 18px 42px rgba(35, 45, 56, 0.13);
  }

  .ft-service-card::before {
    background:
      radial-gradient(circle at 50% 0%, rgba(154, 112, 24, 0.08), transparent 42%),
      repeating-linear-gradient(0deg, rgba(23, 34, 48, 0.012) 0 1px, transparent 1px 8px),
      repeating-linear-gradient(145deg, rgba(112, 77, 9, 0.02) 0 1px, transparent 1px 36px);
  }

  .ft-service-card:hover {
    box-shadow: 0 24px 50px rgba(35, 45, 56, 0.18), 0 0 34px rgba(154, 112, 24, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .ft-page-hero {
    background:
      radial-gradient(circle at 16% 12%, rgba(154, 112, 24, 0.09), transparent 28%),
      radial-gradient(circle at 88% 24%, rgba(181, 39, 47, 0.06), transparent 25%),
      repeating-linear-gradient(32deg, rgba(112, 77, 9, 0.024) 0 1px, transparent 1px 42px),
      linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(236, 240, 243, 0.90));
  }

  .ft-page-emblem {
    box-shadow: 0 0 34px rgba(154, 112, 24, 0.18), 0 16px 38px rgba(35, 45, 56, 0.16);
  }

  .ft-service-detail,
  .ft-contact,
  .ft-resources,
  .ft-location-intro,
  .ft-location-proof,
  .ft-location-faq,
  .ft-location-nearby {
    background:
      radial-gradient(circle at 86% 12%, rgba(154, 112, 24, 0.07), transparent 25%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.42), rgba(236, 240, 243, 0.62));
  }

  .ft-benefit-card {
    background:
      radial-gradient(circle at 50% 0%, rgba(154, 112, 24, 0.07), transparent 42%),
      var(--ft-grad-panel);
  }

  .ft-service-note,
  .ft-contact-list li,
  .ft-audit-list span {
    background: rgba(255, 255, 255, 0.72);
  }

  .ft-field input,
  .ft-field select,
  .ft-field textarea {
    background: rgba(255, 255, 255, 0.94);
  }

  .ft-proof {
    background:
      radial-gradient(circle at 50% -4%, rgba(154, 112, 24, 0.08), transparent 31%),
      radial-gradient(circle at 82% 20%, rgba(181, 39, 47, 0.05), transparent 24%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.36), rgba(238, 241, 244, 0.72));
  }

  .ft-value-card {
    background:
      radial-gradient(circle at 50% -4%, rgba(154, 112, 24, 0.08), transparent 43%),
      linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(242, 245, 247, 0.99) 58%, rgba(235, 239, 242, 0.99));
    box-shadow: 0 20px 48px rgba(35, 45, 56, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .ft-value-card:hover {
    box-shadow: 0 24px 52px rgba(35, 45, 56, 0.18), 0 0 30px rgba(154, 112, 24, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }

  .ft-trust-strip {
    background:
      radial-gradient(circle at 22% 0%, rgba(154, 112, 24, 0.06), transparent 31%),
      linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(238, 242, 245, 0.98));
    box-shadow: 0 18px 42px rgba(35, 45, 56, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  }

  .ft-feature-flat {
    background: rgba(255, 255, 255, 0.28);
  }

  .ft-service-area {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.90), rgba(238, 241, 244, 0.78)),
      repeating-linear-gradient(135deg, rgba(112, 77, 9, 0.025) 0 1px, transparent 1px 38px);
  }

  .ft-location-market {
    background:
      linear-gradient(90deg, rgba(255, 255, 255, 0.90), rgba(238, 241, 244, 0.78)),
      repeating-linear-gradient(135deg, rgba(112, 77, 9, 0.025) 0 1px, transparent 1px 38px);
  }

  .ft-cta-panel {
    background:
      radial-gradient(circle at 50% 0%, rgba(154, 112, 24, 0.11), transparent 36%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(238, 241, 244, 0.96));
    box-shadow: var(--ft-shadow-lift), inset 0 1px 0 rgba(255, 255, 255, 0.94);
  }

  .ft-footer {
    background: rgba(255, 255, 255, 0.34);
  }

  @media (max-width: 1160px) {
    .ft-nav {
      background: rgba(255, 255, 255, 0.98);
    }

    .ft-nav a {
      border-bottom-color: rgba(23, 34, 48, 0.10);
    }
  }
}