/* Framer fades elements and words in with JS ("appear" and text effects): their start state is
   written inline (opacity 0.001, blur, offset). Without Framer's runtime they would stay hidden. */
[data-framer-appear-id],
[style*="opacity:0.001"] { opacity: 1 !important; transform: none !important; filter: none !important; }
/* Scroll reveals: same idea, start state opacity 0 with an offset or blur. Button hover text is also
   opacity 0, with transform translateX(-50%) alone, and stays hidden. */
[style*="opacity:0;transform:translateY"],
[style*="opacity:0;transform:none"] { opacity: 1 !important; transform: none !important; filter: none !important; -webkit-filter: none !important; }
[style*="opacity:0;transform:translateX(-50%) translateY"] { opacity: 1 !important; transform: translateX(-50%) !important; }
[style*="transform:scale(1.2)"] { transform: none !important; }  /* team photos zoom out on Framer */
[style*="opacity:0;-webkit-mask-image"] { opacity: 1 !important; }
.form-done { padding: 16px 0; font: inherit; }
/* FAQ answers (site.js) */
.faq-open { position: static !important; opacity: 1 !important; transform: none !important; padding: 8px 16px 16px; }
.faq-answer { margin: 0; padding: 12px 20px 16px; font: 400 14px/1.5 Inter, sans-serif; color: rgb(80, 80, 80); }

/* Phone menu (site.js): the panel Framer's "Phone Open" variant showed. */
.phone-menu { position: fixed; top: 64px; left: 0; right: 0; z-index: 10; padding: 16px 24px;
  background: rgb(239, 236, 230); }
.phone-menu a { display: block; padding: 14px; border-radius: 50px; background: #000; color: #fff;
  text-align: center; font: 500 14px/1 Inter, sans-serif; text-decoration: none; }
[data-framer-name="Menu Icon"] { cursor: pointer; }