@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("/fonts/inter-latin.woff2") format("woff2");
}

html { font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }

.mobile-menu-button,
.mobile-menu-panel,
.mobile-start-button { display: none; }

a, button, summary { min-height: 24px; }

@media (max-width: 767px) {
  .marketing-header-row { gap: 0.75rem; }
  .mobile-menu-button {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd5e1;
    border-radius: 0.75rem;
    color: #334155;
    background: #fff;
    font-size: 1.25rem;
    cursor: pointer;
  }
  .mobile-menu-panel {
    display: none;
    padding: 0.5rem 1.5rem 1.25rem;
    background: rgba(255,255,255,.98);
    border-top: 1px solid #e2e8f0;
  }
  .mobile-menu-panel.is-open { display: grid; gap: 0.25rem; }
  .mobile-menu-panel a {
    display: block;
    padding: 0.75rem;
    border-radius: 0.65rem;
    color: #334155;
    font-weight: 600;
  }
  .mobile-menu-panel a:hover,
  .mobile-menu-panel a:focus-visible { background: #eef2ff; color: #4338ca; }
  .mobile-start-button {
    display: none;
    position: fixed;
    left: 1rem;
    right: 1rem;
    bottom: max(1rem, env(safe-area-inset-bottom));
    z-index: 60;
    padding: 0.85rem 1rem;
    border-radius: 0.9rem;
    background: #4f46e5;
    color: #fff;
    text-align: center;
    font-weight: 700;
    box-shadow: 0 12px 30px rgba(15,23,42,.28);
  }
  .mobile-start-button.is-visible { display: block; }
  body { padding-bottom: 5rem; }
}