/* site.css — shared visual polish, loaded AFTER each page's inline <style>
   so equal-specificity rules refine the existing look. Additive only;
   no layout/structure changes, nothing that affects the CTA/VSL wiring. */

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
html, body { -webkit-tap-highlight-color: rgba(15,111,92,.12); }
::selection { background: rgba(15,111,92,.18); }

/* Richer primary button: soft gradient sheen + deeper lift, snappier press. */
.btn {
  background-image: linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.04));
  box-shadow: 0 10px 30px rgba(15,111,92,.30), inset 0 1px 0 rgba(255,255,255,.18);
  transition: transform .16s ease, box-shadow .16s ease, background-color .18s ease;
}
.btn:hover { box-shadow: 0 14px 38px rgba(15,111,92,.38), inset 0 1px 0 rgba(255,255,255,.22); }
.btn:active { transform: translateY(1px) scale(.995); }

/* Sticky CTA: respect the iOS home-indicator safe area + add a lift shadow. */
.stick {
  padding-bottom: calc(11px + env(safe-area-inset-bottom, 0px));
  box-shadow: 0 -8px 24px rgba(28,27,24,.10);
}

/* Hero artwork: gentle entrance float handled by data-reveal; ensure it never
   overflows on small screens. */
svg.hero, .hero img, figure img { max-width: 100%; height: auto; }

/* Slightly warmer focus ring for keyboard users (a11y) without ugly default. */
a:focus-visible, button:focus-visible {
  outline: 2px solid var(--accent, #0f6f5c);
  outline-offset: 3px;
  border-radius: 4px;
}