/* Minimal design layer -- site-wide quiet restyle, OJ-approved direction.
   Purely additive: overrides color/shape tokens and specific decorative
   elements from style.css/wizard.css without touching layout structure or
   any JS-driven functionality (wizard state, gamification layer). Loaded
   last in index.html, after style.css, wizard.css and game-feel.css.
   Remove by deleting the <link> tag that includes this file. */

:root {
  /* Flatten the signature gradient to a solid fill -- this alone quiets
     every primary button, the active step dot and the progress rail,
     since they're all built from var(--grad). */
  --grad: var(--gold-text);
  --grad-soft: rgba(138, 63, 34, 0.07);
  --radius: 10px;
}

/* ---------- Primary buttons: flat fill, no glow, no bounce ---------- */
.hero-cta,
.details-continue-btn,
[class$="-continue-btn"],
.modal-btn-primary,
.investment-modal-cta,
.event-picker-build-btn {
  border-radius: 10px !important;
  box-shadow: none !important;
}
.hero-cta:hover,
.details-continue-btn:hover,
[class$="-continue-btn"]:hover,
.modal-btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow: none !important;
}

/* ---------- Hero ---------- */
.hero-rule { background: var(--border) !important; }

/* Trust line: plain text, two signals only (matches the approved mockup) */
.hero-trust-points { gap: 6px 0 !important; }
.hero-trust-point {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  font-weight: 500 !important;
  color: var(--muted) !important;
  box-shadow: none !important;
}
.hero-trust-icon { display: none; }
.hero-trust-point:nth-child(1)::after {
  content: '·';
  margin: 0 12px;
  color: var(--border);
  font-weight: 400;
}
.hero-trust-point:nth-child(n+3) { display: none; }

.hero-service-area { display: none; }

/* Scrolling proof ticker -- removed, per the approved "less text" pass.
   IMPORTANT: this site reuses the class "trust-strip" on TWO different
   elements -- the actual scrolling ticker, AND an unrelated outer wrapper
   that also contains the nav rail, the wizard, the footer and the modals.
   A bare `.trust-strip` selector hides that whole wrapper (nukes the
   footer and the wizard along with the ticker). Scope to the ticker only:
   it is the one that sits nested inside the other. */
.trust-strip .trust-strip { display: none !important; }

/* ---------- Footer: same text-reduction pass, panel colour kept as-is
   (the logo lockup image is designed for the dark ground, so the panel
   itself stays -- only the extra copy underneath it goes quiet). ---------- */
.footer-sub { display: none; }
.footer-legal { opacity: 0.75; }

/* ---------- Cards: no lift-and-shadow on hover, just a quiet border ---------- */
.opt-card:hover,
.deliv-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .hero-cta, .details-continue-btn, [class$="-continue-btn"] { transition: none !important; }
}