/*
 * WP4 fixes overlay for the PR #6 pages (loaded after /public-refresh.css, only for the PR #6
 * slugs and for the WP4 pages that are built on it). Found in the visual QA with the real
 * migrated content at 390, 1440 and 2000px; offered to the author of PR #6 as an optional
 * overlay (public-refresh.css itself is unchanged). Every defect is listed, with before/after
 * screenshots, in .review/wp4/PR6-DEFECT-LOG.md. Presentation only: copy, links, forms and
 * anchors stay in the CMS. Colours come only from --fn-* tokens; the two below are new:
 *   --fn-band   the live freename.com section tint (full-bleed bands)
 *   --fn-cream  the warm card surface PR #6 already uses as a literal (#fff9dc)
 */
body.fn-public-refresh {
  --fn-band: #f6f6f8;
  --fn-cream: #fff9dc;
}

/* ---------------------------------------------------------------------------------------
 * 0. Shared components from public-refresh.css that needed a fix.
 * ------------------------------------------------------------------------------------- */
/* One button style: the theme's own CTA class was missing from the yellow button list, a
 * content-box height made some buttons 82px tall, and the old theme paints a dark layer
 * behind CTA labels through pseudo-elements (black label on black). */
.fn-public-refresh .pwr-cta_button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 15px 23px !important;
  min-height: 50px;
  background: var(--fn-yellow) !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  color: var(--fn-ink) !important;
  font:
    650 15px/1.3 Instrument,
    Arial,
    sans-serif !important;
  box-shadow: none !important;
  text-decoration: none !important;
  cursor: pointer;
}
.fn-public-refresh .fn-button,
.fn-public-refresh .cta_button,
.fn-public-refresh .dev-cta-button,
.fn-public-refresh .pwr-cta_button,
.fn-public-refresh .hs-button {
  height: auto !important;
  box-sizing: border-box !important;
}
.fn-public-refresh .cta_button::before,
.fn-public-refresh .cta_button::after,
.fn-public-refresh .pwr-cta_button::before,
.fn-public-refresh .pwr-cta_button::after,
.fn-public-refresh .dev-cta-button::before,
.fn-public-refresh .dev-cta-button::after {
  display: none !important;
}
.fn-public-refresh .pwr-cta_button:hover {
  transform: translateY(-1px);
}

/* ---------------------------------------------------------------------------------------
 * 1. One section system: full-bleed sections, one content width, one vertical rhythm.
 *    Content column = 1328px (the width PR #6 already used), background spans the viewport.
 * ------------------------------------------------------------------------------------- */
/* Same container as the new header/footer: 1344px wide, 24px gutters (1296px content). */
.fn-refreshed-page .dnd-section {
  max-width: none !important;
  padding-left: max(24px, calc((100% - 1296px) / 2)) !important;
  padding-right: max(24px, calc((100% - 1296px) / 2)) !important;
}
.fn-refreshed-page.fn-legal .dnd-section,
.fn-refreshed-page .fn-legal-hero {
  max-width: none !important;
  padding-left: max(24px, calc((100% - 880px) / 2)) !important;
  padding-right: max(24px, calc((100% - 880px) / 2)) !important;
}
/* Old clearfix pseudo-elements would become empty grid cells in every grid below. */
.fn-refreshed-page .fn-refresh-section .row-fluid:has(> .span6 + .span6:last-child)::before,
.fn-refreshed-page .fn-refresh-section .row-fluid:has(> .span6 + .span6:last-child)::after,
.fn-refreshed-page .fn-hero-copy .row-fluid:has(> .span6 + .span6:last-child)::before,
.fn-refreshed-page .fn-hero-copy .row-fluid:has(> .span6 + .span6:last-child)::after,
.fn-refreshed-page .dev-box-container::before,
.fn-refreshed-page .dev-box-container::after,
.fn-refreshed-page .fn-box-container::before,
.fn-refreshed-page .fn-box-container::after,
.fn-refreshed-page .grid-container::before,
.fn-refreshed-page .grid-container::after,
.fn-refreshed-page .pwr-team-members::before,
.fn-refreshed-page .pwr-team-members::after,
.fn-refreshed-page .pwr-js-masonry__container::before,
.fn-refreshed-page .pwr-js-masonry__container::after,
.fn-refreshed-page .pwr-sec-testimonials-listing__container::before,
.fn-refreshed-page .pwr-sec-testimonials-listing__container::after,
.fn-refreshed-page .fn-hero-copy .dnd-column::before,
.fn-refreshed-page .fn-hero-copy .dnd-column::after {
  display: none !important;
}
/* Module inner wrappers add no gutter of their own: the section owns the side padding. */
.fn-refreshed-page .fn-refresh-section .page-center {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Legacy module panels never paint their own boxed background: the section owns colour. */
.fn-refreshed-page [class*="pwr-sec-"],
.fn-refreshed-page .pwr-hero,
.fn-refreshed-page .pwr-sec-txt__content,
.fn-refreshed-page .pwr-sec__intro-sec {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.fn-refreshed-page [class*="pwr-sec-"]:not([class*="__"]) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}
.fn-refreshed-page .dnd-section.fn-band {
  background: var(--fn-band) !important;
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}
/* Consecutive bands read as one band: no double padding at the seam. */
.fn-refreshed-page .dnd-section.fn-band + .dnd-section.fn-band {
  padding-top: 0 !important;
}
/* A heading-only section belongs to the cards right after it: no gap as big as a new block. */
.fn-refreshed-page .dnd-section.fn-lead-in {
  padding-bottom: 0 !important;
}
.fn-refreshed-page .dnd-section.fn-lead-in + .dnd-section {
  padding-top: 0 !important;
}
/* A section that only holds a closed pop-up takes no space. */
.fn-refreshed-page .dnd-section.fn-collapsed {
  padding: 0 !important;
  min-height: 0 !important;
}
/* A heading that introduces a band sits inside that band (never split by the band edge). */
.fn-refreshed-page .dnd-section.fn-lead-in:has(+ .fn-band) {
  background: var(--fn-band) !important;
  padding-top: 80px !important;
}
.fn-refreshed-page .dnd-section.fn-lead-in + .dnd-section.fn-band {
  padding-top: 0 !important;
}
/* A hero without an illustration is one centred column, not half of a grid. */
.fn-refreshed-page .fn-refresh-hero:not(:has(> .fn-hero-art)) {
  display: block !important;
}
/* JS equal-height helpers from the old theme leave empty space in the new grids. */
.fn-refreshed-page [data-pwr-mh],
.fn-refreshed-page .pwr-mh--wrapper {
  min-height: 0 !important;
  height: auto !important;
}

/* ---------------------------------------------------------------------------------------
 * 2. Headings and text: two-tone headings, readable measure.
 * ------------------------------------------------------------------------------------- */
/* Old "thin + bold" headings become the two-tone pattern: same weight, purple lead-in. */
.fn-refreshed-page .fw-400,
.fn-refreshed-page .fw-400-br {
  font-weight: inherit !important;
  color: var(--fn-purple) !important;
  -webkit-text-fill-color: currentColor !important;
}
.fn-refreshed-page .fw-400-br {
  display: block;
}
.fn-refreshed-page .fn-refresh-section .pwr-sec__intro-sec {
  max-width: 760px;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 40px !important;
}
.fn-refreshed-page .fn-refresh-section .pwr-sec__intro-sec:has(.pwr-sec__title-intro--left),
.fn-refreshed-page .fn-refresh-section .pwr--align-l > .pwr-sec__intro-sec {
  margin-left: 0 !important;
}
.fn-refreshed-page .fn-refresh-section .pwr--align-c .pwr-sec__intro-sec,
.fn-refreshed-page .fn-refresh-section .pwr--align-c.pwr-sec__intro-sec {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}
.fn-refreshed-page .fn-refresh-section .pwr-sec__intro-sec h2 {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  max-width: none !important;
}
.fn-refreshed-page .fn-refresh-section .pwr--align-c .pwr-sec__intro-sec h2 {
  margin-left: auto !important;
  margin-right: auto !important;
}
.fn-refreshed-page .fn-refresh-section .pwr-sec-txt__content p,
.fn-refreshed-page .fn-refresh-section .pwr-sec__intro-sec p,
.fn-refreshed-page .fn-refresh-section .pwr-sec__desc {
  max-width: 720px;
}
.fn-refreshed-page .fn-refresh-section .pwr--align-c .pwr-sec-txt__content p,
.fn-refreshed-page .fn-refresh-section .pwr--align-c .pwr-sec__intro-sec p,
.fn-refreshed-page .fn-refresh-section .pwr--align-c .pwr-sec__desc {
  margin-left: auto;
  margin-right: auto;
}
.fn-refreshed-page .pwr-sec__title-intro {
  display: block;
  font:
    650 12px/1.5 Instrument,
    Arial,
    sans-serif !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase;
  color: var(--fn-muted) !important;
  margin-bottom: 20px;
}

/* ---------------------------------------------------------------------------------------
 * 3. One card language. Cards on a band are white; cards on white are lilac (PR #6).
 * ------------------------------------------------------------------------------------- */
.fn-refreshed-page .pwr-steps {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0 !important;
  float: none !important;
}
.fn-refreshed-page .pwr-steps::before,
.fn-refreshed-page .pwr-steps::after {
  display: none !important;
}
.fn-refreshed-page .pwr-steps:has(> .pwr-step:nth-child(2):last-child),
.fn-refreshed-page .pwr-steps:has(> .pwr-step:nth-child(4):last-child) {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.fn-refreshed-page .pwr-steps:has(> .pwr-step:nth-child(8):last-child) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.fn-refreshed-page .pwr-step {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 32px !important;
  display: flex !important;
  flex-direction: column;
  gap: 14px;
  text-align: left !important;
  background: var(--fn-lilac) !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
}
.fn-refreshed-page .fn-band .pwr-step {
  background: white !important;
}
.fn-refreshed-page .pwr-step__img {
  width: 48px !important;
  height: 48px !important;
  object-fit: contain;
  margin: 0 !important;
}
.fn-refreshed-page .pwr-step__title {
  display: block;
  font:
    650 23px/1.2 Archivo,
    Arial,
    sans-serif !important;
  letter-spacing: -0.03em !important;
  color: var(--fn-ink) !important;
  margin: 4px 0 0 !important;
}
.fn-refreshed-page .pwr-step__title br {
  display: none;
}
.fn-refreshed-page .pwr-step__title .fw-400 {
  display: inline;
}
.fn-refreshed-page .pwr-step__desc,
.fn-refreshed-page .pwr-step__desc * {
  font:
    400 16px/1.7 Instrument,
    Arial,
    sans-serif !important;
  color: var(--fn-muted) !important;
  text-align: left !important;
}
.fn-refreshed-page .pwr-step *,
.fn-refreshed-page .pwr-step__cta {
  text-align: left !important;
  justify-content: flex-start !important;
}
.fn-refreshed-page .pwr-step > .pwr-mh--wrapper:last-child:has(.pwr-step__cta) {
  margin-top: auto !important;
  padding-top: 8px;
}
.fn-refreshed-page .pwr-step .pwr-mh--wrapper:empty {
  display: none;
}

/* Tool cards (dev-box): readable text, one grid, no purple-on-purple. */
.fn-refreshed-page .dev-box-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.fn-refreshed-page .dev-box-container:has(> .dev-box-right:first-child) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
}
.fn-refreshed-page .dev-box-container + .dev-box-container,
.fn-refreshed-page .dnd-section:has(.dev-box-container) + .dnd-section:has(.dev-box-container) {
  padding-top: 0 !important;
}
.fn-refreshed-page .dev-box-left,
.fn-refreshed-page .dev-box-right {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  overflow: hidden;
  display: flex !important;
}
.fn-refreshed-page .dev-box-left {
  background: var(--fn-lilac) !important;
}
.fn-refreshed-page .dev-box-right {
  background: var(--fn-cream) !important;
}
.fn-refreshed-page .dev-box-left > div {
  width: 100%;
  display: flex;
}
.fn-refreshed-page .dev-cta {
  min-height: 0 !important;
  width: 100%;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: stretch !important;
  color: var(--fn-ink) !important;
  border-radius: 0 !important;
}
.fn-refreshed-page .dev-cta::before {
  display: none !important;
}
.fn-refreshed-page .dev-cta-content-box,
.fn-refreshed-page .dev-web3-tld-content-box {
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 40px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  gap: 28px;
}
.fn-refreshed-page .dev-cta-text {
  display: flex;
  flex-direction: column;
  gap: 18px;
  justify-content: flex-start !important;
}
.fn-refreshed-page .dev-cta h3,
.fn-refreshed-page .dev-box-right h3 {
  font-size: clamp(26px, 2.3vw, 34px) !important;
  color: var(--fn-ink) !important;
  margin: 0 !important;
}
.fn-refreshed-page .dev-cta p,
.fn-refreshed-page .dev-box-right p,
.fn-refreshed-page .dev-cta-description {
  color: var(--fn-muted) !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}
.fn-refreshed-page .dev-cta-button-wrapper {
  margin: 0 !important;
}
.fn-refreshed-page .dev-cta-button {
  margin: 0 !important;
}
.fn-refreshed-page .dev-cta-image-box {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 32px 32px 32px 0;
  margin: 0 !important;
}
.fn-refreshed-page .dev-cta-image-box.mobile-only {
  display: none !important;
}
/* One image per card at every width (the mobile variant is sometimes empty in the CMS). */
.fn-refreshed-page .dev-cta-image-box.desktop-only {
  display: flex !important;
}
.fn-refreshed-page .dev-cta-image-box img {
  transform: none !important;
  width: 100%;
  height: auto !important;
  max-height: 420px;
  object-fit: contain !important;
  border-radius: 16px;
}

/* Hero calls to action line up with the hero copy (left), not the old centred module. */
.fn-refreshed-page .fn-hero-copy .pwr-mini-cta,
.fn-refreshed-page .fn-hero-copy .pwr-cta,
.fn-refreshed-page .fn-hero-copy [class*="pwr-mini-cta--align"] {
  text-align: left !important;
  justify-content: flex-start !important;
  margin-left: 0 !important;
}

/* Illustrations are shown whole at their natural ratio (never cropped or stretched). */
.fn-refreshed-page .fn-hero-art {
  background: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fn-refreshed-page .fn-hero-art img {
  aspect-ratio: auto !important;
  object-fit: contain !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 520px;
  border-radius: 32px;
}

/* A hero whose copy is followed by feature cards: text and illustration side by side, the
 * cards as one full-width row underneath (they were squeezed into the text column). */
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy :is(.pwr-sec-steps, .fn-box-container, .dev-box-container)) > .fn-hero-copy,
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy :is(.pwr-sec-steps, .fn-box-container, .dev-box-container)) > .fn-hero-copy > .row-fluid,
.fn-refreshed-page
  .fn-refresh-hero:has(> .fn-hero-copy :is(.pwr-sec-steps, .fn-box-container, .dev-box-container))
  > .fn-hero-copy
  > .row-fluid
  > .dnd-column {
  display: contents !important;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy :is(.pwr-sec-steps, .fn-box-container, .dev-box-container)) .dnd-column > .dnd-row {
  grid-column: 1;
  width: auto !important;
  min-width: 0;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy :is(.pwr-sec-steps, .fn-box-container, .dev-box-container)) .dnd-column > .dnd-row:has(.pwr-sec-steps, .fn-box-container, .dev-box-container) {
  grid-column: 1 / -1;
  margin-top: 56px !important;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy :is(.pwr-sec-steps, .fn-box-container, .dev-box-container)) > .fn-hero-art {
  grid-column: 2;
  grid-row: 1 / span 2;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy :is(.pwr-sec-steps, .fn-box-container, .dev-box-container)) {
  row-gap: 0 !important;
  align-items: start !important;
}

/* A hero that already carries its own illustrated hotspot (image + chips) next to short
 * copy (web3-dns): the hotspot is the visual column instead of a second generic illustration. */
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-module .hotspot-container) {
  display: block !important;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-module .hotspot-container) > .fn-hero-art {
  display: none !important;
}
@media (min-width: 901px) {
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-module .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    grid-template-rows: 1fr auto auto auto 1fr;
    column-gap: 48px;
  }
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-module .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row {
    grid-column: 1;
    width: auto !important;
  }
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-module .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:nth-child(1) {
    grid-row: 2;
  }
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-module .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:nth-child(2) {
    grid-row: 3;
  }
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-module .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:nth-child(3) {
    grid-row: 4;
  }
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-module .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:has(.hotspot-container) {
    grid-column: 2;
    grid-row: 1 / 6;
    align-self: center;
  }
}

/* About us: eyebrow + two-tone H1 beside the illustration; the long introduction and the
 * ICANN hotspot follow as their own readable row (the copy was squeezed into a column). */
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy,
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid,
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column {
  display: contents !important;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row {
  min-width: 0;
  width: auto !important;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:has(.hotspot-container) {
  grid-column: 1 / -1;
  margin-top: 40px !important;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:has(.hotspot-container) > .row-fluid > .dnd-column {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  column-gap: 48px;
  align-items: center;
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:has(.hotspot-container) > .row-fluid > .dnd-column > .dnd-row {
  width: auto !important;
  min-width: 0;
}
@media (min-width: 901px) {
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:first-child {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-art {
    grid-column: 2;
    grid-row: 1;
  }
}
.fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) .pwr-sec-txt__content p {
  max-width: 720px;
}
@media (max-width: 900px) {
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-art {
    order: 1;
  }
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:has(.hotspot-container) {
    order: 2;
  }
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row > .row-fluid > .dnd-column .hotspot-container) > .fn-hero-copy > .row-fluid > .dnd-column > .dnd-row:has(.hotspot-container) > .row-fluid > .dnd-column {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
  }
}

/* Stored video embeds: 16:9 player in the content column. */
.fn-refreshed-page .oembed_container {
  display: block !important;
  height: auto !important;
  padding: 0 !important;
  max-width: 960px;
  margin: 0 auto !important;
}
.fn-refreshed-page .iframe_wrapper {
  position: relative;
  aspect-ratio: 16 / 9;
  height: auto !important;
  padding: 0 !important;
  border-radius: 24px;
  overflow: hidden;
  background: var(--fn-lilac);
}
/* The rebuilt YouTube frame shows the video's poster until the player paints (pr6-fixes.ts).
 * The 4:3 thumbnail carries letterbox bars; cover on the 16:9 frame crops exactly those. */
.fn-refreshed-page .iframe_wrapper[data-fn-poster] {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.fn-refreshed-page .iframe_wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  border-radius: 0;
}

/* Hero buttons sit one clear step below the hero copy. */
.fn-refreshed-page .fn-hero-copy .pwr-mini-cta {
  margin-top: 28px !important;
  margin-bottom: 20px !important;
}
/* A card grid never touches the block after it inside the same section. */
.fn-refreshed-page
  .fn-refresh-section
  .dnd-row:has(.pwr-bento-grid, .pwr-adc, .pwr-steps, .fn-box-container, .grid-container, .dev-box-container)
  + .dnd-row {
  margin-top: 56px !important;
}

/* Side-by-side hero buttons sit together, one step below the copy. */
.fn-refreshed-page .fn-hero-copy .row-fluid:has(> .span6 + .span6:last-child) {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px !important;
}
.fn-refreshed-page .fn-hero-copy .row-fluid:has(> .span6 + .span6:last-child) > .span6 {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

/* Two-column rows (image + text): one balanced grid, vertically centred. */
.fn-refreshed-page .fn-refresh-section .row-fluid:has(> .span6 + .span6:last-child) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 56px;
  align-items: center;
}
.fn-refreshed-page .fn-refresh-section .row-fluid:has(> .span6 + .span6:last-child) > .span6 {
  width: auto !important;
  margin: 0 !important;
  float: none !important;
  padding: 0 !important;
}
.fn-refreshed-page .fn-text.pwr--dark {
  background: none !important;
  padding: 0 !important;
}
.fn-refreshed-page .image-container img,
.fn-refreshed-page .rounded-image {
  display: block;
  width: 100%;
  height: auto !important;
  border-radius: 24px !important;
}

/* Legacy gradient feature banners (web3 emails, API pages, trademark): new card language. */
.fn-refreshed-page .fn-box-container {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px !important;
}
.fn-refreshed-page .fn-box-2-col {
  width: auto !important;
  margin: 0 !important;
  box-shadow: none !important;
  border-radius: 24px !important;
  display: flex !important;
}
.fn-refreshed-page .web3-sec-tld-banner {
  position: relative;
  width: 100%;
  min-height: 340px;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding: 40px 40px 40px !important;
  background: var(--fn-lilac) !important;
  color: var(--fn-ink) !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  overflow: hidden;
  text-align: left !important;
}
.fn-refreshed-page .fn-box-2-col:nth-child(2n) .web3-sec-tld-banner {
  background: var(--fn-cream) !important;
}
.fn-refreshed-page .web3-sec-tld-content {
  position: relative;
  z-index: 1;
  max-width: 56%;
}
.fn-refreshed-page .web3-sec-tld-banner h3,
.fn-refreshed-page .web3-sec-tld-banner h3 * {
  color: var(--fn-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  margin: 0 !important;
}
.fn-refreshed-page .web3-sec-tld-banner h3 .fw-400-br {
  color: var(--fn-purple) !important;
}
.fn-refreshed-page .web3-sec-tld-banner p,
.fn-refreshed-page .web3-sec-tld-banner li {
  color: var(--fn-muted) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 18px 0 0 !important;
}
.fn-refreshed-page .web3-sec-tld-banner p strong,
.fn-refreshed-page .web3-sec-tld-banner li strong {
  color: var(--fn-ink) !important;
}
.fn-refreshed-page .web3-tld-image-r {
  position: absolute !important;
  right: 0;
  bottom: 0;
  width: 42% !important;
  height: 100%;
  display: flex !important;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
}
.fn-refreshed-page .web3-tld-image-r.mobile-only {
  display: none !important;
}
.fn-refreshed-page .web3-tld-image-r.desktop-only {
  display: flex !important;
}
.fn-refreshed-page .web3-tld-image-r img {
  width: 100% !important;
  height: auto !important;
  max-height: 100%;
  object-fit: contain !important;
  object-position: bottom right;
  border-radius: 0 !important;
  transform: none !important;
}

/* Content boxes (grid-container .box): lilac cards, readable text, no shadow. */
.fn-refreshed-page .grid-container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px !important;
}
.fn-refreshed-page .grid-container .box {
  width: auto !important;
  margin: 0 !important;
  padding: 32px !important;
  background: var(--fn-lilac) !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 24px !important;
  box-shadow: none !important;
  color: var(--fn-ink) !important;
}
.fn-refreshed-page .grid-container .box h3 {
  font-size: clamp(22px, 1.9vw, 27px) !important;
  margin: 0 !important;
}
.fn-refreshed-page .grid-container .box p {
  color: var(--fn-muted) !important;
  font-size: 16px !important;
}
.fn-refreshed-page .grid-container .icon {
  color: var(--fn-purple) !important;
}

/* Tabs: the tab-switching script is not part of the CMS, so the old tab bar did nothing
 * (every panel is already shown in order). Hide the dead control, keep every panel. */
.fn-refreshed-page .pwr-sec-tabs .pwr-tabs__header,
.fn-refreshed-page .pwr-sec-tabs .pwr-tabs__dropdown {
  display: none !important;
}

/* Advanced content cards: new heading face, no legacy shadow, balanced bento. */
.fn-refreshed-page .pwr-adc-content__title {
  font-family: Archivo, Arial, sans-serif !important;
  font-weight: 650 !important;
  letter-spacing: -0.04em !important;
  color: var(--fn-ink) !important;
  font-size: clamp(26px, 2.4vw, 36px) !important;
  line-height: 1.15 !important;
}
.fn-refreshed-page .pwr-adc__content-wrapper--shadow {
  box-shadow: none !important;
}
.fn-refreshed-page
  .pwr-bento-grid
  .pwr-adc__content-wrappers:has(> [data-index]:nth-child(3):last-child)
  > [data-index]:first-child {
  grid-row: span 2 !important;
  justify-content: center !important;
}

.fn-refreshed-page .pwr-bento-grid .pwr-adc-content--image img {
  max-height: 240px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto;
  display: block;
}

/* ---------------------------------------------------------------------------------------
 * 4. FAQ: on a band the questions sit in clean white cards.
 * ------------------------------------------------------------------------------------- */
.fn-refreshed-page .pwr-accordion-container {
  max-width: 920px;
  margin: 0 auto !important;
}
.fn-refreshed-page .fn-band .fn-faq {
  background: white !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 16px;
  padding: 0 28px !important;
  margin: 0 0 12px !important;
}
.fn-refreshed-page .fn-faq-summary {
  background: none !important;
  color: var(--fn-ink) !important;
  font-size: 18px !important;
  padding: 22px 0 !important;
  margin: 0 !important;
}
.fn-refreshed-page .fn-faq-answer {
  background: none !important;
}
.fn-refreshed-page .fn-faq-answer,
.fn-refreshed-page .fn-faq-answer * {
  background-color: transparent !important;
  color: var(--fn-muted) !important;
  font-size: 16px !important;
}
.fn-refreshed-page .fn-faq-answer a,
.fn-refreshed-page .fn-faq-answer strong {
  color: var(--fn-ink) !important;
}

/* ---------------------------------------------------------------------------------------
 * 5. Timeline (About us): one aligned column on a rail, nothing overlaps the heading.
 * ------------------------------------------------------------------------------------- */
.fn-refreshed-page .pwr-sec-timeline .page-center {
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.fn-refreshed-page .pwr-timeline {
  position: relative;
  display: grid !important;
  gap: 16px;
  margin: 0 !important;
  padding: 0 0 0 44px !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  list-style: none;
}
.fn-refreshed-page .pwr-timeline::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 12px;
  bottom: 12px;
  width: 2px;
  background: var(--fn-line);
}
.fn-refreshed-page .pwr-timeline::after,
.fn-refreshed-page .pwr-timeline-item::after,
.fn-refreshed-page .pwr-timeline-item__content::before,
.fn-refreshed-page .pwr-timeline-item__content::after {
  display: none !important;
}
.fn-refreshed-page .pwr-timeline-item {
  position: relative;
  overflow: visible !important;
  float: none !important;
  clear: none !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 28px 32px !important;
  background: white !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  text-align: left !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}
.fn-refreshed-page .pwr-timeline-item::before {
  content: "";
  position: absolute;
  left: -40px;
  top: 32px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: white;
  border: 4px solid var(--fn-purple);
  box-sizing: border-box;
}
.fn-refreshed-page .pwr-timeline-item__content {
  padding: 0 !important;
  margin: 0 !important;
  width: auto !important;
  text-align: left !important;
}
.fn-refreshed-page .pwr-timeline-item__content * {
  text-align: left !important;
}
.fn-refreshed-page .pwr-timeline-item__content > br,
.fn-refreshed-page .pwr-timeline-item__title:empty,
.fn-refreshed-page .pwr-timeline-item__desc:empty {
  display: none !important;
}
.fn-refreshed-page .pwr-timeline-item h4 {
  margin: 0 !important;
  font-size: 23px !important;
  color: var(--fn-ink) !important;
}
.fn-refreshed-page .pwr-timeline-item h4:first-of-type {
  font:
    650 12px/1.5 Instrument,
    Arial,
    sans-serif !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase;
  color: var(--fn-purple) !important;
  margin-bottom: 6px !important;
}
.fn-refreshed-page .pwr-timeline-item__desc,
.fn-refreshed-page .pwr-timeline-item__desc p {
  display: block;
  margin: 10px 0 0 !important;
  font-size: 16px !important;
  color: var(--fn-muted) !important;
}
/* Every item is shown: the collapsed "Show more" state hid and clipped real copy. */
.fn-refreshed-page .pwr-show-more__target--collapsed {
  max-height: none !important;
  overflow: visible !important;
}
.fn-refreshed-page .pwr-show-more__container {
  display: none !important;
}

/* ---------------------------------------------------------------------------------------
 * 6. Testimonials: a tidy grid of equal cards instead of uneven masonry.
 * ------------------------------------------------------------------------------------- */
.fn-refreshed-page .pwr-js-masonry__container,
.fn-refreshed-page .pwr-sec-testimonials-listing__container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  height: auto !important;
  margin: 0 !important;
  position: static !important;
}
.fn-refreshed-page .pwr-js-masonry__item,
.fn-refreshed-page .pwr-testimonial-listing-item {
  position: static !important;
  transform: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
.fn-refreshed-page .pwr-testimonial {
  height: 100%;
  display: flex !important;
  flex-direction: column;
  gap: 16px;
  padding: 28px !important;
  margin: 0 !important;
  background: white !important;
  border: 1px solid var(--fn-line) !important;
  border-radius: 20px !important;
  box-shadow: none !important;
  color: var(--fn-ink) !important;
}
.fn-refreshed-page .pwr-testimonial * {
  color: inherit;
}
.fn-refreshed-page .pwr-testimonial__quote,
.fn-refreshed-page .pwr-testimonial__quote p {
  font:
    400 16px/1.7 Instrument,
    Arial,
    sans-serif !important;
  color: var(--fn-muted) !important;
  margin: 0 !important;
}
.fn-refreshed-page .pwr-review-stars,
.fn-refreshed-page .review-container .star {
  color: var(--fn-yellow) !important;
}
.fn-refreshed-page .pwr-testimonial > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
}
.fn-refreshed-page .pwr-testimonial > .pwr-testimonial__author:last-child {
  margin-top: auto !important;
  padding-top: 8px !important;
}
.fn-refreshed-page .pwr-testimonial__author h3,
.fn-refreshed-page .pwr-testimonial__author h4 {
  font-size: 21px !important;
  margin: 0 !important;
}
.fn-refreshed-page .pwr-mini-cta {
  margin-bottom: 0 !important;
}
.fn-refreshed-page .pwr-testimonial__name {
  font-weight: 650 !important;
  color: var(--fn-ink) !important;
}
.fn-refreshed-page .pwr-testimonial__date,
.fn-refreshed-page .pwr-testimonial__job-title {
  color: var(--fn-muted) !important;
  font-size: 14px !important;
}
.fn-refreshed-page .pwr-sec-testimonials .pwr-cta {
  margin-top: 40px;
  text-align: center;
}

/* ---------------------------------------------------------------------------------------
 * 6b. Team (About us): photo cards shown whole, name chip in the card language.
 * ------------------------------------------------------------------------------------- */
.fn-refreshed-page .pwr-team-members {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(0, 380px));
  justify-content: center;
  gap: 24px;
  margin: 0 !important;
}
.fn-refreshed-page .pwr-team-member {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
.fn-refreshed-page .pwr-team-member__img--style-full {
  position: relative;
  height: auto !important;
  aspect-ratio: 4 / 5;
  background: var(--fn-lilac) !important;
  border: 1px solid var(--fn-line);
  border-radius: 24px !important;
  overflow: hidden;
}
.fn-refreshed-page .pwr-team-member .pwr-background-img {
  position: absolute !important;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: bottom center;
  border-radius: 0 !important;
}
.fn-refreshed-page .pwr-team-member__name-tag {
  position: absolute !important;
  left: 16px !important;
  right: 16px !important;
  bottom: 16px !important;
  top: auto !important;
  width: auto !important;
  padding: 14px 16px !important;
  background: white !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  text-align: center;
}
.fn-refreshed-page .pwr-team-member__name {
  display: block;
  font:
    650 19px/1.3 Archivo,
    Arial,
    sans-serif !important;
  color: var(--fn-ink) !important;
}
.fn-refreshed-page .pwr-team-member__job-title {
  display: block;
  font-size: 14px !important;
  color: var(--fn-muted) !important;
}
.fn-refreshed-page .pwr-team-member__overlay {
  background: var(--fn-lilac) !important;
}
.fn-refreshed-page .pwr-team-member__info-box--style-full,
.fn-refreshed-page .pwr-team-member__info-box--style-full * {
  color: var(--fn-ink) !important;
}

/* ---------------------------------------------------------------------------------------
 * 7. Legal pages: one white reading column, no grey boxes.
 * ------------------------------------------------------------------------------------- */
.fn-refreshed-page.fn-legal .pwr-sec-txt-toc,
.fn-refreshed-page.fn-legal .pwr-hero {
  background: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
}
.fn-refreshed-page .pwr-hero__title-inner {
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}
.fn-refreshed-page.fn-legal .pwr-hero__info-box {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  position: static !important;
  transform: none !important;
}
.fn-refreshed-page.fn-legal .pwr-toc__container,
.fn-refreshed-page.fn-legal .page-center {
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.fn-refreshed-page.fn-legal .fn-legal-hero h1 {
  margin: 0 !important;
  font-size: clamp(40px, 4.8vw, 64px) !important;
  line-height: 1.08 !important;
  text-align: left !important;
}
.fn-refreshed-page.fn-legal .fn-legal-hero .fn-eyebrow {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
/* Two-tone legal title: ink with the purple accent word, not one purple block. */
.fn-refreshed-page .fn-refresh-heading .pwr-hero__title-inner {
  color: var(--fn-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}
.fn-refreshed-page .fn-refresh-heading .pwr-hero__title-inner .gradient,
.fn-refreshed-page .fn-refresh-heading .pwr-hero__title-inner .gradient-br {
  color: var(--fn-purple) !important;
}
.fn-refreshed-page .pwr-hero__cta-container:not(:has(a)) {
  display: none !important;
}
.fn-refreshed-page.fn-legal .fn-legal-hero {
  padding-bottom: 32px !important;
}
.fn-refreshed-page.fn-legal .pwr-toc__content p {
  max-width: 820px;
  color: var(--fn-ink) !important;
}

/* ---------------------------------------------------------------------------------------
 * 8. Responsive.
 * ------------------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .fn-refreshed-page .fn-refresh-hero:has(> .fn-hero-copy :is(.pwr-sec-steps, .fn-box-container, .dev-box-container)) > .fn-hero-art {
    grid-column: 1;
    grid-row: auto;
  }
}
@media (max-width: 1000px) {
  .fn-refreshed-page .pwr-steps,
  .fn-refreshed-page .pwr-steps:has(> .pwr-step:nth-child(8):last-child),
  .fn-refreshed-page .pwr-js-masonry__container,
  .fn-refreshed-page .pwr-sec-testimonials-listing__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fn-refreshed-page .dev-box-container,
  .fn-refreshed-page .dev-box-container:has(> .dev-box-right:first-child),
  .fn-refreshed-page .dev-cta {
    grid-template-columns: minmax(0, 1fr);
  }
  .fn-refreshed-page .dev-cta-image-box {
    padding: 0 32px 32px;
  }
  .fn-refreshed-page .grid-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .fn-refreshed-page .fn-box-container,
  .fn-refreshed-page .fn-refresh-section .row-fluid:has(> .span6 + .span6:last-child) {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}
@media (max-width: 700px) {
  .fn-refreshed-page .pwr-steps,
  .fn-refreshed-page .pwr-steps:has(> .pwr-step:nth-child(2):last-child),
  .fn-refreshed-page .pwr-steps:has(> .pwr-step:nth-child(4):last-child),
  .fn-refreshed-page .pwr-steps:has(> .pwr-step:nth-child(8):last-child),
  .fn-refreshed-page .pwr-js-masonry__container,
  .fn-refreshed-page .pwr-sec-testimonials-listing__container {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
  .fn-refreshed-page .dnd-section.fn-band {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .fn-refreshed-page .pwr-step,
  .fn-refreshed-page .dev-cta-content-box,
  .fn-refreshed-page .dev-web3-tld-content-box {
    padding: 24px !important;
  }
  .fn-refreshed-page .dev-cta-image-box {
    padding: 0 24px 24px;
  }
  .fn-refreshed-page .fn-band .fn-faq {
    padding: 0 20px !important;
  }
  .fn-refreshed-page .grid-container {
    grid-template-columns: minmax(0, 1fr);
  }
  .fn-refreshed-page .web3-sec-tld-banner {
    padding: 24px 24px 0 !important;
    min-height: 0;
  }
  .fn-refreshed-page .web3-sec-tld-content {
    max-width: none;
  }
  .fn-refreshed-page .web3-tld-image-r,
  .fn-refreshed-page .web3-tld-image-r.desktop-only {
    position: static !important;
    width: 100% !important;
    height: auto;
    margin-top: 16px;
  }
  .fn-refreshed-page .pwr-bento-grid .pwr-adc__content-wrappers > [data-index]:first-child {
    grid-row: auto !important;
  }
  .fn-refreshed-page .fn-hero-art img {
    max-height: 360px;
    border-radius: 20px;
  }
  .fn-refreshed-page .pwr-timeline {
    padding-left: 32px !important;
  }
  .fn-refreshed-page .pwr-timeline::before {
    left: 7px;
  }
  .fn-refreshed-page .pwr-timeline-item {
    padding: 22px !important;
  }
  .fn-refreshed-page .pwr-timeline-item::before {
    left: -32px;
    top: 26px;
  }
}

/* Old dark modules: every heading reads as ink on the white page (PR #6 covered p/h2/h3). */
.fn-refreshed-page .pwr--dark h1,
.fn-refreshed-page .pwr--dark h4,
.fn-refreshed-page .pwr--dark li,
.fn-refreshed-page .pwr--dark .pwr-rich-text {
  color: var(--fn-ink) !important;
}
/* Inline white text written for the old dark backgrounds (without its own background). */
.fn-refreshed-page [style*="color: #ffffff"]:not([style*="background"]),
.fn-refreshed-page [style*="color:#ffffff"]:not([style*="background"]),
.fn-refreshed-page [style*="color: #fff;"]:not([style*="background"]) {
  color: var(--fn-muted) !important;
}
.fn-refreshed-page .follow-text a {
  color: var(--fn-purple) !important;
  font-weight: 650;
}
.fn-refreshed-page .follow-text {
  margin-top: 16px !important;
  font-size: 15px;
}
/* Advanced-content grids: no boxed tinted panel behind the cards; readable card copy. */
.fn-refreshed-page .pwr-adc,
.fn-refreshed-page .pwr-adc__wrapper,
.fn-refreshed-page .pwr-adc-main {
  background: none !important;
  box-shadow: none !important;
}
.fn-refreshed-page .pwr-adc-content__text,
.fn-refreshed-page .pwr-adc-content__text p {
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: var(--fn-muted) !important;
}
.fn-refreshed-page .pwr-adc-content__text strong,
.fn-refreshed-page .pwr-adc-content__text b {
  color: var(--fn-ink) !important;
}
/* Inline copy links: ink with an underline, like the hero copy (not the browser blue). */
.fn-refreshed-page .pwr-rich-text a:not([class]),
.fn-refreshed-page .pwr-sec-txt__content a:not([class]) {
  color: var(--fn-ink) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fn-refreshed-page .pwr-rich-text a:not([class]):hover {
  color: var(--fn-purple) !important;
}
/* Help center search: one input with the icon button inside the same field. */
.fn-refreshed-page .hs-search-field__button svg {
  width: 20px;
  height: 20px;
  fill: var(--fn-ink);
}
.fn-refreshed-page .hs-search-field__button {
  border-radius: 12px !important;
  border: 0 !important;
  background: var(--fn-yellow) !important;
  min-width: 52px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* Stored light-grey labels below AA contrast read in the muted token instead. */
.fn-refreshed-page [style*="color: #848a98"] {
  color: var(--fn-muted) !important;
}