.landing-page {
  /* Scoped custom properties for the landing page only */
  --hero-image: url('/img/hero-image-001.png');
  --accent: #ffa044;
  --bg: #0e0f12;
  --text: #e8e8ea;
  --muted: #9aa0a6;
  --card: #17181c;
  --cardBorder: #23252b;
}

.landing-page, .landing-page body {
  background: var(--bg);
  color: var(--text);
}

.landing-page .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Hero */
.landing-page .hero {
  position: relative;
  min-height: 68vh;
  display: grid;
  align-items: center;
  background-image: var(--hero-image);
  background-size: cover;
  background-position: center;
  isolation: isolate;
}
.landing-page .hero::before {
  content: "";
  position: absolute; inset: 0; z-index: 0;
  /* Lighter overlay for image visibility */
  background: linear-gradient(to bottom, rgba(8,9,11,0.35), rgba(8,9,11,0.60) 45%, rgba(8,9,11,0.85));
}
.landing-page .hero-inner { position: relative; z-index: 1; padding: 56px 0; }
.landing-page .eyebrow { color: var(--accent); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; font-size: .9rem; }
.landing-page .headline { margin: 10px 0 6px 0; font-size: clamp(28px, 6vw, 48px); font-weight: 700; line-height: 1.15; }
.landing-page .subhead { color: var(--muted); max-width: 780px; font-size: clamp(16px, 2.8vw, 18px); }
.landing-page .cta-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.landing-page .btn { appearance: none; border: 1px solid transparent; padding: 10px 14px; border-radius: 8px; cursor: pointer; font-weight: 600; }
.landing-page .btn.primary { background: var(--accent); color: #1a1a1a; }
.landing-page .btn.secondary { background: #0000; color: var(--text); border-color: #444; }
.landing-page .btn:hover { filter: brightness(1.05); }

/* Trust stats */
.landing-page .stats { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 12px; margin-top: 22px; }
.landing-page .stat { background: #0b0c0f80; border: 1px solid #1b1d23; border-radius: 10px; padding: 10px 12px; }
.landing-page .stat .value { font-weight: 700; font-size: 1.15rem; }
.landing-page .stat .label { color: var(--muted); font-size: .9rem; }

/* Sections */
.landing-page section { padding: 36px 0; }
.landing-page .features { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.landing-page .card { background: var(--card); border: 1px solid var(--cardBorder); border-radius: 12px; padding: 16px; }
.landing-page .card h3 { margin: 0 0 6px 0; font-size: 1.1rem; }
.landing-page .card p { margin: 0; color: var(--muted); }

.landing-page .how { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.landing-page .step { background: var(--card); border: 1px solid var(--cardBorder); border-radius: 12px; padding: 16px; }
.landing-page .step .num { display: inline-flex; width: 28px; height: 28px; border-radius: 50%; align-items: center; justify-content: center; background: #23252b; color: var(--accent); font-weight: 700; margin-bottom: 8px; }

.landing-page footer { padding: 24px 0 36px 0; color: var(--muted); font-size: .95rem; }

@media (max-width: 940px) {
  .landing-page .features, .landing-page .how, .landing-page .stats { grid-template-columns: 1fr; }
  .landing-page .hero { min-height: 64vh; }
}

@media (prefers-reduced-motion: reduce) {
  .landing-page * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}