/* ============================================================================
   Ink guard. Loaded last, on every page.

   `background-clip: text` paints the gradient ONLY inside the element's border
   box. A descender — the tail of a g, j, p, q or y — hangs below the last line
   box, so on any heading set at line-height <= font-size the tail falls outside
   the paint box and is sliced off flat. "From sign-up to payout" lost the tails
   of both g and p; the calculator figures lost the bottom of every digit.

   Two rules in the codebase already carried this fix inline, in atlas-hero.css
   and atlas-guarantee.css, with the same comment. It was never applied to the
   other 46 gradient headings, which is why clipped text kept turning up on page
   after page. This applies it to all of them in one place.

   `padding-bottom` opens the paint box; the matching negative `margin-bottom`
   takes the space straight back, so nothing below moves. On inline elements the
   margin is ignored and inline padding does not affect line box height, so the
   pair is safe on both.

   One deliberate trade: the gradient resolves against the padding box, so a box
   that is .2em taller stretches the ramp by the same fraction. On these fades
   the shift is imperceptible; a sliced descender is not.
   ========================================================================= */

.abt-h2__a { padding-bottom: .2em; margin-bottom: -.2em; }
.abtl-h-1, .abtl-h-2 { padding-bottom: .2em; margin-bottom: -.2em; }
.abwhy-body { padding-bottom: .2em; margin-bottom: -.2em; }
.aff2-chip span { padding-bottom: .2em; margin-bottom: -.2em; }
.afxac-amount { padding-bottom: .2em; margin-bottom: -.2em; }
.afxat-title span { padding-bottom: .2em; margin-bottom: -.2em; }
.afxc__title-a { padding-bottom: .2em; margin-bottom: -.2em; }
.afxfm-h2 .afxfm-h2a { padding-bottom: .2em; margin-bottom: -.2em; }
.afxfs-badge span { padding-bottom: .2em; margin-bottom: -.2em; }
.afxg__chip-label { padding-bottom: .2em; margin-bottom: -.2em; }
.afxhw-calc__amount { padding-bottom: .2em; margin-bottom: -.2em; }
.afxiz-guar__badge-t { padding-bottom: .2em; margin-bottom: -.2em; }
.afxm__h2l1 { padding-bottom: .2em; margin-bottom: -.2em; }
.afxmo-final__h2 .g { padding-bottom: .2em; margin-bottom: -.2em; }
.afxmo-models__h2 .g { padding-bottom: .2em; margin-bottom: -.2em; }
.afxmo-pl__h2 .g { padding-bottom: .2em; margin-bottom: -.2em; }
.afxmo-pl__range { padding-bottom: .2em; margin-bottom: -.2em; }
.afxmo-step__pill span { padding-bottom: .2em; margin-bottom: -.2em; }
.afxmo-steps__h2 .g { padding-bottom: .2em; margin-bottom: -.2em; }
.afxs-badge span { padding-bottom: .2em; margin-bottom: -.2em; }
.afxs-cta__h2a { padding-bottom: .2em; margin-bottom: -.2em; }
.afxs-spot__pull { padding-bottom: .2em; margin-bottom: -.2em; }
.afxs-spot__title1 { padding-bottom: .2em; margin-bottom: -.2em; }
.afxw__title .afxw__grad { padding-bottom: .2em; margin-bottom: -.2em; }
.art-more__h2 { padding-bottom: .2em; margin-bottom: -.2em; }
.faq-left h2 .w-fade2 { padding-bottom: .2em; margin-bottom: -.2em; }
.features-head h2 .w-fade2 { padding-bottom: .2em; margin-bottom: -.2em; }
.grad-line { padding-bottom: .2em; margin-bottom: -.2em; }
.grad-line-d { padding-bottom: .2em; margin-bottom: -.2em; }
.guarantee-section h2 .w-money { padding-bottom: .2em; margin-bottom: -.2em; }
.hiw-result-amount { padding-bottom: .2em; margin-bottom: -.2em; }
.pl2-lowrisk__h2a { padding-bottom: .2em; margin-bottom: -.2em; }
.pl2-steps__badge span { padding-bottom: .2em; margin-bottom: -.2em; }
.po3lb__h2 .po3lb__grad { padding-bottom: .2em; margin-bottom: -.2em; }
.po3lb__oh2 .po3lb__grad { padding-bottom: .2em; margin-bottom: -.2em; }
.po3pr__h2 .po3pr__grad { padding-bottom: .2em; margin-bottom: -.2em; }
.po3st__gpill span { padding-bottom: .2em; margin-bottom: -.2em; }
.po3st__h2 .po3st__grad { padding-bottom: .2em; margin-bottom: -.2em; }
.po3tr__h2 .po3st__grad { padding-bottom: .2em; margin-bottom: -.2em; }
.prizes-head h2 .w-fade2 { padding-bottom: .2em; margin-bottom: -.2em; }
.sgrid-head h2 .w-fade4 { padding-bottom: .2em; margin-bottom: -.2em; }
.steps-left h2 .w-fade2 { padding-bottom: .2em; margin-bottom: -.2em; }
.stories-head h2 .w-fade4 { padding-bottom: .2em; margin-bottom: -.2em; }
.tym-h2 .tym-fade { padding-bottom: .2em; margin-bottom: -.2em; }
.vf-card-amount { padding-bottom: .2em; margin-bottom: -.2em; }
.why-head h2 .w-fade2 { padding-bottom: .2em; margin-bottom: -.2em; }

/* ---- odds and ends found by sweeping English, 13 Aug 2026 --------------- */

/* The eyebrow is drawn 6px above its own section in Figma, and the section
   clips. 6px of the pill's top edge was being shaved off.

   overflow-x: clip, NOT overflow: visible. Plain `visible` also un-clipped the
   1642px halftone layer inside this section, which pushed /models 624px wide
   at 393px — the section was clipping for two reasons and this only wanted to
   undo one of them. clip on one axis with visible on the other is legal (unlike
   hidden + visible, which the browser silently promotes to auto) and creates no
   scroll container, so the 6px of eyebrow still shows. */
.afxmo-pl { overflow-x: clip; overflow-y: visible; }

/* About hero: the name chips are positioned against a section that clips, and
   the last one hung 175px outside it. Same one-axis treatment. */
.abh { overflow-x: clip; overflow-y: visible; }

/* The f7 pricing rows collapse behind a fixed-height wrapper; a two-line key
   or a longer subhead was being cut rather than growing the row. */
.f7-hidewrap { height: auto; }

/* Selection. Unstyled, this is the browser's own blue — which on a dark band
   reads as a random blue bar across the page, and is almost certainly the
   "random blue line" reported under the Access heading. */
::selection { background: rgba(225,255,160,.30); color: #FFFFFF; }
::-moz-selection { background: rgba(225,255,160,.30); color: #FFFFFF; }