/* Finishing pass on the current design. Nothing structural: same layout,
   colors, photography, copy, and Inter Tight. Three habits change:
   1 — weight hierarchy (display keeps its heavy voice; support levels calm)
   2 — one quiet elevation story (crisp small shadows, not soft cushions)
   3 — moderated corner radii (phone bezels keep theirs — those are devices) */

/* 1 — typographic hierarchy */
h2 { font-weight: 680; }
h3 { font-weight: 640; }
.button { font-weight: 620; }
.benefit-copy strong { font-weight: 640; }

/* 2 + 3 — diagram chrome */
.command-card {
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 43, 30, 0.05), 0 5px 12px rgba(16, 43, 30, 0.06);
}
.request-component-card,
.connection-component-card {
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(16, 43, 30, 0.05), 0 5px 12px rgba(16, 43, 30, 0.06);
}
.journey-entry,
.journey-path { border-radius: 16px; }

/* device mockups: bezels stay (they're phones), cushions shrink */
.device-frame { box-shadow: 0 2px 4px rgba(16, 43, 30, 0.1), 0 14px 28px rgba(16, 43, 30, 0.14); }
.operator-product {
  border-radius: 18px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16), 0 16px 36px rgba(0, 0, 0, 0.18);
}

/* form + modal */
.inquiry-form { border-radius: 16px; }
.inquiry-thanks {
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(16, 43, 30, 0.12), 0 20px 50px rgba(16, 43, 30, 0.2);
}

/* legibility floor: nothing readable below ~12px, even in the mockups */
.command-card strong { font-size: 1rem; }
.command-card small { font-size: 0.76rem; }
.journey-label { font-size: 0.74rem; }
.journey-agent > p { font-size: 0.88rem; }
.request-resident strong { font-size: 0.88rem; }
.request-resident span:not(.request-avatar) { font-size: 0.75rem; }
.request-details > span { font-size: 0.68rem; }
.request-progress span { font-size: 0.66rem; }
.connection-profile small { font-size: 0.78rem; }
.connection-actions span { font-size: 0.76rem; }
.button.nav-cta { font-size: 14px; }