html { margin-top: 0 !important; }
body.mela-reference-site { min-width: 320px; }
body.mela-reference-site main { display: block; overflow: clip; }
body.mela-reference-site img { max-width: 100%; height: auto; }
body.mela-reference-site a:focus-visible,
body.mela-reference-site button:focus-visible,
body.mela-reference-site input:focus-visible,
body.mela-reference-site textarea:focus-visible,
body.mela-reference-site select:focus-visible { outline: 3px solid var(--signal); outline-offset: 3px; }
.has-wp-admin-bar .topbar { top: 32px; }
.has-wp-admin-bar .menu-overlay { padding-top: 32px; }
@media (max-width: 782px) {
  .has-wp-admin-bar .topbar { top: 46px; }
  .has-wp-admin-bar .menu-overlay { padding-top: 46px; }
}

.menu-overlay[aria-hidden="true"] { pointer-events: none; }
body.menu-is-open { overflow: hidden; }
.brand-menu nav a { text-decoration: none; }

.ipad-mockup--image { display: grid; place-items: center; }
.ipad-mockup--image img { width: 100%; height: 100%; object-fit: contain; }
.inquiry-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.inquiry-error[hidden], .inquiry-success[hidden] { display: none !important; }
.inquiry-error { color: var(--white); background: #9f1633; padding: 14px 16px; }
.inquiry-success { color: var(--black); background: var(--signal); padding: 18px; font-weight: 650; }
.inquiry-form.is-sending button[type="submit"] { opacity: .62; cursor: wait; }

.native-page-shell { min-height: 70vh; padding: 180px 6vw 110px; background: var(--white); color: var(--black); }
.native-page-shell--ink { background: var(--black); color: var(--white); }
.native-page-shell > * { max-width: 980px; }
.native-page-shell h1 { margin: 20px 0 32px; font-family: var(--display); font-size: clamp(42px, 7vw, 112px); line-height: .93; text-transform: uppercase; overflow-wrap: anywhere; }
.native-page-shell .entry-content { font-size: clamp(18px, 2vw, 25px); line-height: 1.6; }

.tool-commerce {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.25rem;
  font-family: var(--mono, "Unbounded Variable", monospace);
  font-size: clamp(.72rem, .9vw, .92rem);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tool-commerce strong { font: inherit; }
.privacy-editor-content > *:first-child { margin-top: 0; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1 !important; transform: none !important; }
}