/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/proof/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/**
 * mea/proof - the testimonial section.
 *
 * Three renderings of one record. The band's Figma instances, re-derived
 * against R6 on 2026-09-04 (file 9SWHsksPbiz0sj8IF30o5u, canvas 2545:1342):
 *
 *   2545:1352  homepage band            1440 x 596, #edeff3, no CTA
 *   2922:10292 /mea-ingestion band      1440 x 699, #edeff3, uniform 18
 *   2922:10301 /mea-operations band     same construction, not yet in the
 *                                       page record (products audit O1)
 *   2998:3128  /for-carriers band       1440 x 745, #edeff3, uniform 18
 *   2998:3140  /for-reinsurers band     1440 x 871, identical rhythm
 *   2545:3306  /for-brokers band        declared 708 against 745.4 of its own
 *                                       content - a mis-sized frame, see
 *                                       render.php's preset header
 *   2545:3056  /for-mgas band           declared 743 against 787.4, same
 *
 * The split and cards layouts are unchanged by that pass:
 *
 *   2008:7406  /case-studies split      1440 x 619, dark, one-up + prev/next
 *   2158:3238  case study single cards  1440 x 593, light, 3-up card grid
 *
 * Geometry that differs per instance arrives as custom properties from
 * render.php's preset table. Colour and family resolve through tokens.css.
 * Everything is scoped under the block root so nothing leaks site-wide.
 */
.mea-proof {
  box-sizing: border-box;
}
.mea-proof *,
.mea-proof *::before,
.mea-proof *::after {
  box-sizing: border-box;
}
.mea-proof {
  /* Visually hidden, for the carousel arrows' accessible names. The theme's
     own `.screen-reader-text` is not guaranteed on a Mea Canvas template. */
}
.mea-proof__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.mea-proof {
  /* ================================================================== *
   * layout=band
   * ================================================================== */
}
.mea-proof--band {
  display: block;
  min-height: var(--mea-proof-minh, 0);
  padding-top: var(--mea-proof-pt, 112px);
  padding-bottom: var(--mea-proof-pb, 82px);
  text-align: center;
}
.mea-proof--surface-alt {
  background: var(--mea-surface-alt);
}
.mea-proof--surface-light {
  background: var(--mea-surface);
}
.mea-proof {
  /* R6's case-study testimonial (3012:10419 and its two siblings) is the one
     band on a dark ground: --mea-panel-raised with a 1px --mea-on-dark 10%
     hairline above and below. The rule is an inset shadow, not a border - a
     border would add 2px to a section whose height is content-driven, the
     trap AGENTS.md records for every full-bleed hairline in this file.
     Rebinding --mea-fg (not just `color`) is what carries the ink into the
     nested mea/section-header root, which reads the custom property. */
}
.mea-proof--surface-raised {
  --mea-fg: var(--mea-on-dark);
  background: var(--mea-panel-raised);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mea-on-dark) 10%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--mea-on-dark) 10%, transparent);
}
.mea-proof {
  /* The three type steps that make this a different construction rather than
     a recolour of an existing band, each scoped to this preset's own class so
     no locked instance moves. R6 draws the heading at the named "H1 - Page"
     step (Inter Regular 64 at leading 1.1 - a PINNED ratio here, unlike every
     band above, which draws `normal`), the quote at 32/1.4 against their 30,
     and both plus the credit in --mea-on-dark. */
}
.mea-proof--case-study .mea-proof__heading {
  font-size: clamp(30px, 4.4444vw, 64px);
  line-height: 1.1;
  color: var(--mea-on-dark);
}
.mea-proof--case-study .mea-proof__quote p {
  font-size: clamp(22px, 2.2222vw, 32px);
  color: var(--mea-on-dark);
}
.mea-proof--case-study .mea-proof__attribution {
  color: var(--mea-on-dark);
}
.mea-proof {
  /* Overrides whichever --surface-* class the preset also applied - see the
     render.php comment on why this is a switch rather than a fourth preset. */
}
.mea-proof--on-dark {
  background: transparent;
}
.mea-proof--on-dark .mea-proof__heading {
  color: var(--mea-on-dark);
}
.mea-proof--on-dark .mea-proof__quote p {
  color: var(--mea-on-dark-copy);
}
.mea-proof--on-dark .mea-proof__attribution {
  color: var(--mea-on-dark-muted);
}
.mea-proof--band .mea-proof__inner {
  /* Two classes deep on purpose: .mea-container carries its own
     `max-width: var(--mea-maxw)` at (0,1,0) from a sheet whose print
     order relative to this one is not guaranteed, and a bare
     `.mea-proof__inner` cap ties with it. That tie is what left the
     homepage band spanning the full 1264 column instead of Figma's 858. */
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: calc(var(--mea-proof-stack-maxw, 858px) + 2 * var(--mea-gutter));
}
.mea-proof__heading {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  /* No min-height here, deliberately. R6 draws the homepage heading in a
     FIXED 858x91 box around a 70.4px line, but reproducing that as a
     floor under type sized `clamp(30px, 6vw, ...)` means the box stops
     being filled the moment the clamp bites, and the surplus reads as
     gap - it ran the heading-to-quote line spacing from 36px at 1440 out
     to 75px at 390. The 20.6px is folded into `gap_quote` instead
     (render.php, 2026-09-10). */
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: clamp(30px, 6vw, var(--mea-type-display-size));
  /* R6 pins this one. Every proof heading in the file carries the named
     "H1 - Page" style - Inter Regular 64 / leading 1.1 - so the ratio
     here is the design's own value, not a guess at what `normal`
     resolves to. It used to be 65px at `normal`, which Chrome renders as
     a 79px box against R6's 70.4 (home audit H32, products I21). */
  line-height: var(--mea-type-display-lh, 1.1);
  color: var(--mea-ink-display);
}
.mea-proof__quote {
  margin: var(--mea-proof-gap-quote, 14.34px) 0 0;
  padding: 0;
  border: 0;
  width: 100%;
  max-width: var(--mea-proof-quote-maxw, 828px);
}
.mea-proof__quote p {
  margin: 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: clamp(22px, 4vw, 30px);
  /* Per preset, because R6 genuinely disagrees: 1.2 on the homepage
     (2955:10223 renders a 36px pitch, which is Figma's own auto
     leading for Inter 30 rounded to an integer), 1.3 on
     /mea-ingestion (2922:10295, declared) and 1.4 on the four
     audience nodes (declared). The fallback is the audience value,
     which is what every instance shipped before 2026-09-04. */
  line-height: var(--mea-proof-quote-lh, 1.4);
  color: var(--mea-ink);
}
.mea-proof__attribution-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--mea-proof-logo-gap, 29px);
  margin-top: var(--mea-proof-gap-row, 2.54px);
  /* Floor, not a fixed height, and per preset: R6 sets `min-h-[76px]`
     on the audience and ingestion rows (2998:3132, 2545:3310,
     2545:3062; ingestion's 2922:10296 hugs its own 76px mark) and none
     at all on the homepage, whose row is exactly its 110x30 wordmark
     (2998:3127). The old flat 50px made the homepage row 20px too tall
     - home audit H34 - and left the audience rows 26px short. */
  min-height: var(--mea-proof-row-minh, 50px);
  /* The pre-R5 homepage mark (2001:4241) was hand-placed 16px right of
     the column center, and this inset is what reproduced that. R6
     centers the row as a unit on every node - the homepage's 2998:3127
     leaves 190.84px clear on each side of its 476.31px row inside the
     910px column - so all three presets set 0. Kept as an axis rather
     than deleted: a future node may hand-place a mark again. */
  padding-left: var(--mea-proof-logo-offset, 0);
}
.mea-proof__attribution {
  margin: 0;
  font-family: var(--mea-font-mono);
  font-weight: var(--mea-weight-regular);
  font-size: 15px;
  /* 16px, not `normal`. Every attribution text node in the file is 16px
     tall (2001:4240, 2008:6913, 2008:7420) while Fira Code's own
     metrics give a 15px line a 20px box, and that 4px is load-bearing:
     it is what the auto-layout parents measure, so `normal` pushes the
     split panel's CTA and arrows 4px down and lands the band's
     attribution 1.7px high inside the logo row. */
  line-height: 16px;
  color: var(--mea-ink-2);
}
.mea-proof__logo {
  flex: none;
  width: var(--mea-proof-logo-w, 61px);
  height: var(--mea-proof-logo-h, 76px);
  max-width: 100%;
}
.mea-proof__logo--fit-contain {
  object-fit: contain;
}
.mea-proof__logo--fit-cover {
  object-fit: cover;
}
.mea-proof--band .mea-proof__cta {
  margin-top: var(--mea-proof-gap-cta, 18px);
}
.mea-proof {
  /* The four audience frames carry the pale "Link" component instance
     (2005:6664) rather than the site's lime gradient pill: a solid #ddebd0
     fill with the shared CTA ink. That fill is the one colour in this block
     with no token - the shared layer's --mea-pill-bg is the 20% lime wash
     the DETACHED MGA pill uses (2008:6915), which composites to #e7f4d6 on
     #fafafa and is 10/255 off the component. Kept as a literal, scoped
     here, rather than adding a name to the shared palette this task does
     not own. */
}
.mea-proof .mea-proof__cta--soft {
  /* Two classes deep: _shared/base.css is enqueued AFTER the block
     stylesheets, so `.mea-cta`'s lime gradient wins a (0,1,0) tie and
     the pale pill silently rendered lime until this was measured. */
  --mea-cta-fg: var(--mea-cta-ink);
  background-image: none;
  background-color: #ddebd0;
}
.mea-proof .mea-proof__cta--soft:hover, .mea-proof .mea-proof__cta--soft:focus-visible {
  /* The shared pill hovers with `filter: brightness(0.92)`, which on a
     pale fill is a barely-visible shift. One step of the same hue
     instead; the ink is unchanged and still measures far above AA. */
  background-color: #cfe3bd;
}
.mea-proof {
  /* ================================================================== *
   * layout=split - node 2008:7406
   * ================================================================== */
}
.mea-proof--split {
  --mea-fg: var(--mea-on-dark);
  display: grid;
  /* 2008:7413 is 718 wide against the header column's 722, so the two
     halves are a 50/50 split that Figma happens to draw 4px off center.
     Expressed as proportional tracks, NOT as `1fr 718px`: a welded 718
     is only correct at the 1440 frame width and the header column
     absorbs every other pixel, measured 306/718 at 1024 and 1842/718 at
     2560. These tracks give 722/718 at 1440 unchanged and hold the same
     proportion at every width above the stacking breakpoint. */
  grid-template-columns: minmax(0, 722fr) minmax(0, 718fr);
  background-color: var(--mea-dark);
  /* Figma declares this wash as two stops, transparent 28.55% to
     --mea-glow-teal at 82.63% over the dark ground, at 20% opacity. It
     does not render as a linear ramp: Figma interpolates the transparent
     stop without premultiplying and CSS premultiplies, so the same two
     stops run visibly light through the middle. The intermediate stops
     below trace alpha = 0.2 * f^2.4 across that span, the same
     correction card-grid's panel needed. */
  background-image: linear-gradient(180deg, transparent 28.55%, rgba(62, 106, 100, 0.017) 42%, rgba(62, 106, 100, 0.048) 56%, rgba(62, 106, 100, 0.099) 69%, rgba(62, 106, 100, 0.2) 82.63%, rgba(62, 106, 100, 0.2) 100%);
}
.mea-proof--split .mea-proof__header {
  /* 2008:7407 sits at x 120, y 185 against a panel that starts at the
     frame's top edge. 120 / 1440 = 8.3333vw, the subpage gutter. */
  padding: 185px 40px 40px clamp(20px, 8.3333vw, 120px);
}
.mea-proof {
  /* The nested header is 2008:7408: a 24px eyebrow-to-headline gap and a
     31px headline-to-body gap. mea/section-header's `roomy` step gives
     24 + 36; the 5px is trimmed here rather than by adding a fourth spacing
     step to a block this task does not own. */
}
.mea-proof--split .mea-proof__header .mea-section-header--spacing-roomy .mea-section-header__body {
  margin-top: 7px;
}
.mea-proof__panel {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 619px;
  padding: 77px 34px;
  /* 2008:7413 is a flat black panel, darker than --mea-dark, over the
     section's own ground. No token: it is the only pure black surface
     in the design. */
  background: #000;
}
.mea-proof__slides {
  width: 100%;
  max-width: 650px;
}
.mea-proof__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  width: 100%;
}
.mea-proof__slide[hidden] {
  display: none;
}
.mea-proof__slide-logo {
  flex: none;
  width: var(--mea-proof-logo-w, 191px);
  height: var(--mea-proof-logo-h, 40px);
  max-width: 100%;
  object-fit: contain;
}
.mea-proof__slide-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 100%;
}
.mea-proof__slide-quote {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  max-width: 502px;
  /* 2008:7417 is a fixed 116px frame centring a 126px three-line quote,
     so the text sits 5px proud top and bottom and the 116 is what the
     panel's auto-layout measures. Fixed only where the design frame is:
     below 1024 it grows with the copy. */
  height: 116px;
  overflow: visible;
}
.mea-proof__slide-quote p {
  margin: 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: clamp(22px, 4vw, 30px);
  line-height: 1.4;
  text-align: center;
  color: var(--mea-on-dark);
}
.mea-proof__slide-attribution {
  margin: 0;
  font-family: var(--mea-font-mono);
  font-weight: var(--mea-weight-regular);
  font-size: 15px;
  /* Same 16px text box as the band's attribution - see above. */
  line-height: 16px;
  text-align: center;
  color: var(--mea-cta-from);
}
.mea-proof {
  /* 2008:7421 hugs its label with a 56px inset instead of taking the shared
     pill's 333px minimum, which is what makes it 329 wide rather than 333. */
}
.mea-proof--split .mea-proof__cta {
  min-width: 0;
  padding: 0 56px;
}
.mea-proof__nav {
  display: flex;
  gap: 24px;
  margin-top: 56px;
}
.mea-proof__nav[hidden] {
  display: none;
}
.mea-proof__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  border-radius: var(--mea-pill-radius);
  /* 2008:7424 / 2008:7427. A deeper step of the ambient teal than
     --mea-glow-teal, used only by these two controls. */
  background: #083e38;
  color: var(--mea-on-dark);
  cursor: pointer;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.05));
  transition: background-color 0.25s ease;
}
.mea-proof__arrow:hover, .mea-proof__arrow:focus-visible {
  /* One step lighter on hover; the white glyph still measures well
     above AA against it. The design draws no hover state. */
  background: #0b544c;
}
.mea-proof {
  /* ================================================================== *
   * layout=cards - node 2158:3238
   * ================================================================== */
}
.mea-proof--cards {
  /* 120px subpage section gutter, so .mea-container leaves the 1200px
     content column the grid is drawn against. */
  --mea-gutter: clamp(20px, 8.3333vw, 120px);
  padding-top: 65px;
  padding-bottom: 100px;
  background: var(--mea-surface);
}
.mea-proof--cards .mea-proof__inner {
  display: flex;
  flex-direction: column;
  gap: 34px;
}
.mea-proof {
  /* 2158:3239 paints both header rows --mea-ink-strong, one step darker
     than the light tone's shared --mea-ink default. */
}
.mea-proof--cards .mea-proof__header {
  --mea-fg: var(--mea-ink-strong);
}
.mea-proof--cards .mea-proof__header .mea-section-header--light .mea-section-header__eyebrow {
  color: var(--mea-ink-strong);
}
.mea-proof__grid {
  display: grid;
  grid-template-columns: repeat(var(--mea-proof-cols, 3), minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}
.mea-proof__card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 0;
  padding: 40px;
  border: 0;
  border-radius: 16px;
  /* Inset shadow, not a border: 2158:3243 is 305px tall INCLUDING its
     hairline, and a real 1px border adds its own 2px on top of that. */
  box-shadow: inset 0 0 0 1px var(--mea-rule-light);
  background: var(--mea-on-dark);
}
.mea-proof__glyph {
  display: block;
  width: 32px;
  height: 24px;
  color: var(--mea-accent-border);
}
.mea-proof__glyph svg {
  display: block;
  width: 100%;
  height: 100%;
}
.mea-proof__card-quote {
  margin: 0;
  padding: 0;
  border: 0;
  flex: 1 1 auto;
}
.mea-proof__card-quote p {
  margin: 0;
  font-family: var(--mea-font-sans);
  font-weight: var(--mea-weight-regular);
  font-size: 16px;
  line-height: 1.5;
  color: color-mix(in srgb, var(--mea-ink-strong) 70%, var(--mea-on-dark));
}
.mea-proof__card-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 0;
  font-family: var(--mea-font-sans);
  line-height: normal;
}
.mea-proof__card-name {
  font-weight: var(--mea-weight-semibold);
  font-size: 15px;
  color: var(--mea-ink-strong);
}
.mea-proof__card-role {
  font-weight: var(--mea-weight-regular);
  font-size: 13px;
  color: color-mix(in srgb, var(--mea-ink-strong) 70%, var(--mea-on-dark));
}
.mea-proof__card-company {
  font-weight: var(--mea-weight-regular);
  font-size: 12px;
  color: color-mix(in srgb, var(--mea-ink-strong) 70%, var(--mea-on-dark));
}
.mea-proof {
  /* ================================================================== *
   * Responsive. Figma supplies the 1440 frame only, so the two narrower
   * steps are interpolated: the band's insets and rhythm scale with the
   * frame, the split section stacks, and the card grid drops to one column.
   * ================================================================== */
}
@media (max-width: 1023px) {
  .mea-proof--band {
    min-height: 0;
    padding-top: calc(var(--mea-proof-pt, 112px) * 0.62);
    padding-bottom: calc(var(--mea-proof-pb, 82px) * 0.62);
  }
  .mea-proof__attribution-row {
    gap: min(var(--mea-proof-logo-gap, 29px), 32px);
    padding-left: 0;
  }
  .mea-proof--split {
    grid-template-columns: minmax(0, 1fr);
  }
  .mea-proof--split .mea-proof__header {
    padding: 80px clamp(20px, 8.3333vw, 120px) 0;
  }
  .mea-proof__panel {
    min-height: 0;
    padding: 64px 34px;
  }
  .mea-proof__slide-quote {
    height: auto;
    min-height: 116px;
  }
  .mea-proof--cards {
    padding-top: 56px;
    padding-bottom: 72px;
  }
  .mea-proof__grid {
    grid-template-columns: repeat(min(var(--mea-proof-cols, 3), 2), minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .mea-proof--band {
    padding-top: calc(var(--mea-proof-pt, 112px) * 0.42);
    padding-bottom: calc(var(--mea-proof-pb, 82px) * 0.42);
  }
  .mea-proof__attribution-row {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  .mea-proof--split .mea-proof__header {
    padding: 56px clamp(20px, 8.3333vw, 120px) 0;
  }
  .mea-proof__panel {
    padding: 48px 20px;
  }
  .mea-proof__slide {
    gap: 32px;
  }
  .mea-proof__slide-quote {
    height: auto;
    min-height: 0;
  }
  .mea-proof__nav {
    margin-top: 32px;
  }
  .mea-proof--cards {
    padding-top: 48px;
    padding-bottom: 56px;
  }
  .mea-proof__grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .mea-proof__card {
    padding: 28px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .mea-proof__arrow {
    transition: none;
  }
}
.mea-proof {
  /* ----------------------------------------------------------------- *
   * preset `nested` - LAST in this block on purpose. Three of the rules
   * below tie on specificity with rules further up that would otherwise win
   * on source order: `--on-dark` sets the `background` SHORTHAND (which
   * resets background-image to none), and `--band &__inner` sets its own
   * `max-width`. Both are (0,1,0)/(0,2,0) ties, so position is the whole
   * cascade here - moving this group up silently un-does the card.
   * ----------------------------------------------------------------- */
}
.mea-proof--nested {
  /* The section gutter, which this preset alone was missing. The 1134
     cap on the header and the card was the ONLY thing holding either off
     the viewport edge, so both ran flush to it at every width under
     1134: measured at 1100, the headline started at x=0 while every
     sibling section on /products sat at 92. --mea-gutter is the preset's
     own clamp, printed inline by render.php from its `gutter` key, which
     is deliberately the 120 subpage gutter rather than R6's 153 - read
     that entry's note before changing either number. The two now move
     together: this section tracks its neighbours at every width. */
  padding-inline: var(--mea-gutter);
  /* The measure the header stack and the card both cap at, resolved HERE
     rather than on them: __header rebinds --mea-gutter to 0 for its own
     children, so the expression has to be substituted on the one element
     that still holds the section's real gutter. A var() inside a custom
     property is substituted at the declaring element, and descendants
     inherit the already-resolved length, so the 0 below cannot reach
     back into this. */
  --mea-proof-measure: calc(var(--mea-maxw) - 2 * var(--mea-gutter));
  background-image: linear-gradient(241.8844deg, rgba(0, 0, 0, 0.5) 30.675%, rgba(102, 102, 102, 0.5) 78.27%);
}
.mea-proof {
  /* ----------------------------------------------------------------- *
   * preset `nested` - /products' Differentiator section (R6 2545:1698),
   * where this band is not a band at all but the SECTION's last child: a
   * lime-edged card inside a section that also carries the headline and the
   * pill block. Every number below is measured off that node's own 1x
   * render; the arithmetic is in render.php beside the preset entry.
   * ----------------------------------------------------------------- */
  /* The section ground. R6 declares `linear-gradient(241.8843775980913deg,
     rgba(0,0,0,0.5) 30.675%, rgba(102,102,102,0.5) 78.27%)` over a bottom-left
     radial and over #094d46 (the record's own bgColor). Both stops carry the
     SAME 0.5 alpha, so no premultiply correction applies. Verified against
     the render at the two extremes: top-right samples (5,39,36) against the
     model's 0.5x(9,77,70) + 0.5x(0,0,0) = (4.5,38.5,35), and bottom-left
     (66,94,91) against 0.5x(30,86,80) + 0.5x(102,102,102) = (66,94,91) once
     the radial is folded in. The radial itself (rgba(62,106,100,0.39) at
     100.5,1154.8) is NOT reproduced: it moves the bottom-left corner by at
     most (10.5,4.5,5) of 255 and CSS cannot rotate a radial-gradient, which
     this one's gradientTransform does by ~4.3 degrees. Recorded, not chased. */
  /* The header stack: the nested mea/section-header and mea/company-pills
     share the section's own measure, so --mea-gutter is rebound to 0 here
     and the cap lives on this wrapper - the same "rebind the gutter on the
     section root" idiom AGENTS.md records, one level in.

     The cap is the SIBLING CONTENT COLUMN, not R6's 1134: every other
     section on /products resolves .mea-container to
     --mea-maxw - 2x--mea-gutter, which is 1200 at 1440 and holds there for
     every wider viewport. Writing the same expression here is what keeps
     this section's edges on its neighbours' at every width (Lia, 2026-09-17
     - see render.php's `nested` entry for the rest of that call). A literal
     1134 put the edge back at 153 above 1368, which is the offset the fix
     set out to remove. */
}
.mea-proof--nested .mea-proof__header {
  --mea-gutter: 0px;
  max-width: var(--mea-proof-measure);
  margin-inline: auto;
}
.mea-proof {
  /* The card. 1134 centred in 1440 puts its edge at x=153, which is where
     the render draws it; `min-height` rather than `height` so a longer quote
     grows the card instead of clipping it, and `justify-content: center`
     reproduces Figma's own centring of the 325px content inside the 488 box.
     The 21px gap above it is the section's own `gap-[21px]`. */
}
.mea-proof--nested .mea-proof__inner {
  box-sizing: border-box;
  /* Same cap, same reason - see __header above. */
  max-width: var(--mea-proof-measure);
  min-height: 488px;
  margin-top: 21px;
  padding: 80px;
  border: 1px solid var(--mea-accent);
  border-radius: 20px;
  justify-content: center;
}
.mea-proof {
  /* R6 paints both `text-white` here (2555:8049, 2555:8051) against the
     --on-dark switch's 80% quote and muted attribution. */
}
.mea-proof--nested .mea-proof__quote p, .mea-proof--nested .mea-proof__attribution {
  color: var(--mea-on-dark);
}

/*# sourceMappingURL=style-index.css.map*/