/* ============================================================
   Flank — cross-page brand polish.
   Overrides that belong on every main site page (home, product,
   use-cases, partners, book-a-demo, security, legal-front-door).
   Page-specific tweaks stay inline on that page.

   Historically these lived inline on index.html only, so any new
   page risked inheriting Webflow's default square buttons. Keeping
   them in one file means a new page just has to link this.

   Linked AFTER the Webflow stylesheets (normalize.css, webflow.css,
   mb-flank-v2.webflow.css) so these override.
   ============================================================ */

/* Flank's "10% corner" brand token, mapped to Webflow's radius vars. */
:root {
  --_components---card--radius: 6px;
  --_site-sizes---radius--small: 6px;
}

/* Uniform 6px radius across visible Webflow containers.
   Section-level wrappers are excluded so full-bleed sections
   don't notch against their neighbours. Circular elements
   (border-radius: 50%) aren't matched and stay round. */
[class*="_wrap"]:not(.u-section):not(.page-wrapper):not(.global-code_wrap):not(.embed):not(.w-embed):not(.fh-right-menu):not(.eyebrow_wrap):not(.cta_wrap):not(.cta_layout),
[class*="_card"],
[class*="_bg"]:not(.page-bg):not(.fh-bg):not(.cta_bg):not(.u-bg-wrap),
[class*="_img"],
.button_wrap,
.faq_item,
.tab-link,
.tab_link {
  border-radius: 6px !important;
}

/* Nav CTAs — belt-and-suspenders. Webflow's .button_wrap has no
   default border-radius, so any page missing flank-polish.css (or
   a CDN caching an older copy) paints them square. These two
   selectors both match .button_wrap so any sheet order or cache
   invalidation still lands on 6px. */
.button_wrap.is-nav,
.nav_action-container .button_wrap {
  border-radius: 6px !important;
}

/* Full-bleed section wrappers stay square. */
.u-section,
.u-bg-wrap {
  border-radius: 0 !important;
}

/* ============================================================
   Antarctica VAR — body weight 300 site-wide.
   Webflow's body tokens reference --_typography-primitives---weight--350
   (named "weight-350" by Webflow even though Flank wants 300). Redefining
   the primitive shifts every downstream body-weight token to 300 without
   touching the generated Webflow CSS.
   ============================================================ */
:root {
  --_typography-primitives---weight--350: 300;
}

/* Webflow hard-codes literal "wght" 350 on .text-block-2; override. */
.text-block-2 {
  font-variation-settings: "wght" 300, "wdth" 50;
}