/* ==========================================================================
   Nexus landing v5: corners. THE SHAPE RULE, the same as the app's
   (src/app/globals.css, 2026-10-25): no pills anywhere.
     6px   everything you press or pick: buttons, chips, tags, badges,
           fields, the Create demo's UI
     4px   a button nested inside a 6px field, tiny marks (keys)
     12px  things that float: the pricing window
   Sections, cards, pictures and panels stay square.
   ========================================================================== */

:root { --r-xs: 4px; --r-sm: 6px; --r-md: 6px; --r-lg: 12px; --r-pill: 6px; }

/* buttons */
.x-btn, .btn, .pcta, .nxlp .nxpb-btn, .dl-link { border-radius: var(--r-sm); }
.x-ac-send { border-radius: var(--r-xs); }

/* small controls */
.x-keys kbd { border-radius: var(--r-xs); }
.x-chip, .x-fmt span, .dl-badge, .nxlp .tag, .x-ac-chip, .x-ac-att { border-radius: var(--r-sm); }

/* UI inside the Create demo */
.x-ac-comp, .x-ac-card, .x-ac-msg.me { border-radius: var(--r-md); }

/* what floats */
.nxpb-modal { border-radius: var(--r-lg); overflow: hidden; }
