/* The contact pop-up (js/legal-shell.js) - one stylesheet for every page
   that loads the script: Privacy, Terms, Features, How it Works. Founder,
   2026-10-09: Features and How it Works had the pop-up's HTML with none of
   its CSS (the rules were scoped to the legal pages), so Contact rendered
   as bare form fields at the bottom of the page. Same pop-up as the
   homepage, with its phone version below. */
.contact-launch-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 101;
  width: min(520px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  padding: 32px;
  overflow-y: auto;
  border: 1px solid #dfe7f2;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 30px 90px rgba(7, 23, 53, .24);
  transform: translate(-50%, -50%);
}
.contact-launch-modal[hidden],.contact-launch-backdrop[hidden]{display:none}
.contact-launch-backdrop{position:fixed;inset:0;z-index:100;background:rgba(7,23,53,.42);backdrop-filter:blur(8px)}
body.contact-launch-open{overflow:hidden}
.contact-launch-close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#f2f5f9;color:#40516a;font:24px/1 Inter,sans-serif;cursor:pointer}
.contact-launch-brand{width:190px;display:block;margin-bottom:28px}.contact-launch-brand img{width:100%;display:block}
.contact-launch-eyebrow{margin:0 0 8px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.contact-launch-modal h2{margin:0;font-size:34px;letter-spacing:-.05em}
.contact-launch-modal form{display:grid;gap:14px;margin-top:22px}.contact-launch-modal label{display:grid;gap:7px;color:#172943;font-size:12px;font-weight:800}
.contact-launch-modal input,.contact-launch-modal textarea{width:100%;padding:12px 13px;border:1px solid #dce5f1;border-radius:10px;outline:0;background:#fff;color:#071735;font:400 14px/1.4 Inter,sans-serif}
.contact-launch-modal textarea{resize:vertical}.contact-launch-modal input::placeholder,.contact-launch-modal textarea::placeholder{color:#9aa8ba;font-weight:400;opacity:1}
.contact-launch-modal input:focus,.contact-launch-modal textarea:focus{border-color:rgba(11,85,255,.6);box-shadow:0 0 0 3px rgba(11,85,255,.1)}

@media (max-width: 640px) {
  .contact-launch-modal { width: calc(100% - 24px); max-height: calc(100dvh - 24px); padding: 26px 20px 22px; border-radius: 18px; }
  .contact-launch-brand { width: 160px; margin-bottom: 22px; }
  .contact-launch-modal h2 { font-size: 28px; }
  .contact-launch-modal form { margin-top: 18px; gap: 12px; }
  .contact-launch-modal input, .contact-launch-modal textarea { font-size: 16px; }
  .contact-launch-modal .btn { min-height: 46px; }
}