/* ======================================================================
 * SERVICES & FEES — island rebuild (20 Aug 2026, claude lane).
 *
 * Rebuilds /landlords/services-and-fees/ to the Dukes Design Authority
 * using the homepage grammar: warm-paper ground, floating band islands
 * with distinct field tints (sage / stone / mineral), three-layer
 * nesting (field → island → plate), kicker lockups, oxblood actions,
 * homepage button motion. Page-owned stylesheet, single writer —
 * loaded only by this page, after dukes.css, scoped to the body class.
 *
 * Colour jobs:
 *   night   #143a31  decisive bands (hero, checklist, talk)
 *   cream   #fffaf2  THE premium white — plates only
 *   ground  #ebe4d6  page field between islands
 *   sage    #e2ebe4  compare band field
 *   stone   #ecdfc9  proposal band field
 *   mineral #dde9e6  proof band field
 *   oxblood #7b2430  actions + kickers ONLY
 *   gold    #c5a66a  identity accents on dark (numerals, quote mark)
 *
 * Page-owned devices no other page has:
 *   1. Scope meters on the three service plates (1/2/3 segments).
 *   2. "Confirm:" demand labels inside the workstream ledger.
 *   3. The sticky cream jump pill with the sliding oxblood underline.
 * ==================================================================== */

body.page--services-fees {
  --sfi-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --sfi-night: #143a31;
  --sfi-night-deep: #0d2b25;
  --sfi-night-lift: #1d4c40;
  --sfi-cream: #fffaf2;
  --sfi-ground: #ebe4d6;
  --sfi-sage: #e2ebe4;
  --sfi-stone: #ecdfc9;
  --sfi-mineral: #dde9e6;
  --sfi-oxblood: #7b2430;
  --sfi-oxblood-dark: #6a1e29;
  --sfi-gold: #c5a66a;
  --sfi-ink: #171a20;
  --sfi-ink-soft: #4a5350;
  --sfi-on-dark: #fff8ef;
  --sfi-on-dark-soft: rgba(255, 248, 239, 0.78);
  --sfi-line: rgba(23, 26, 32, 0.16);
  --sfi-shell: min(94vw, 1560px);
  --sfi-gap: clamp(18px, 2.6vw, 44px);
  --sfi-r-island: 26px;
  --sfi-r-plate: 16px;
  --sfi-shadow: 0 30px 70px -50px rgba(13, 29, 49, 0.4);
  --sfi-shadow-plate: 0 18px 42px -28px rgba(13, 29, 49, 0.4);

  /* Re-point the sf3 tokens so every un-overridden dukes.css rule
     inherits the new palette instead of the old flat one. */
  --sf3-burgundy: #7b2430;
  --sf3-paper: #ebe4d6;
  --sf3-muted: #4a5350;
}

/* ---- ground: the page field the islands float on -------------------- */

body.page--services-fees .main { background: var(--sfi-ground); }
body.page--services-fees .crumbs { background: var(--sfi-ground); }

/* The header banner: the site-standard beige, matching every other page. */
body.page--services-fees .site-head { background: #e8decc; }

/* ---- island geometry: gaps between sections, never joined ----------- */

body.page--services-fees .sf3-main { width: var(--sfi-shell); }
body.page--services-fees .sf3-main > section,
body.page--services-fees .sf3-sources { scroll-margin-top: 7rem; }

/* ---- hero: the page's one full-bleed band ---------------------------- */

body.page--services-fees .sf3-hero { width: 100%; }
body.page--services-fees .sf3-hero__shade {
  background: linear-gradient(76deg, rgba(13, 43, 37, 0.94) 0%, rgba(13, 43, 37, 0.62) 46%, rgba(13, 43, 37, 0.12) 78%);
}

/* Actions: oxblood primary + ghost secondary, the homepage pairing. */
body.page--services-fees .sf3-button--sand {
  background: var(--sfi-oxblood);
  border-color: var(--sfi-oxblood);
  color: #fff7ed;
}
body.page--services-fees .sf3-button--burgundy { background: var(--sfi-oxblood); color: #fff7ed; }
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-button--sand:hover,
  body.page--services-fees .sf3-button--burgundy:hover {
    background: var(--sfi-oxblood-dark);
    border-color: var(--sfi-oxblood-dark);
    color: #fff7ed;
  }
}

/* ---- jump nav: sticky floating cream pill (device 3) ----------------- */

body.page--services-fees .sf3-jump {
  position: sticky;
  top: 12px;
  z-index: 40;
  width: fit-content;
  max-width: calc(100vw - 1.5rem);
  margin: calc(-1 * clamp(24px, 3vw, 44px)) auto var(--sfi-gap);
  padding: 6px;
  gap: 2px;
  border: 1px solid var(--sfi-line);
  border-radius: 999px;
  background: var(--sfi-cream);
  box-shadow: var(--sfi-shadow-plate);
}
body.page--services-fees .sf3-jump a {
  position: relative;
  min-height: 44px;
  flex: 0 0 auto;
  padding: 0.55rem 1.15rem;
  border-right: 0;
  border-radius: 999px;
  color: var(--sfi-ink-soft);
  font-size: 0.92rem;
  transition: background-color 180ms var(--sfi-ease), color 180ms var(--sfi-ease);
}
body.page--services-fees .sf3-jump a::after {
  content: "";
  position: absolute;
  left: 1.15rem;
  right: 1.15rem;
  bottom: 7px;
  height: 2px;
  border-radius: 2px;
  background: var(--sfi-oxblood);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 260ms var(--sfi-ease);
}
body.page--services-fees .sf3-jump a[aria-current="location"] {
  background: var(--sfi-night);
  color: var(--sfi-on-dark);
}
body.page--services-fees .sf3-jump a[aria-current="location"]::after { transform: scaleX(0); }
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-jump a:hover { background: var(--sfi-sage); color: var(--sfi-night); }
  body.page--services-fees .sf3-jump a:hover::after { transform: scaleX(1); }
  body.page--services-fees .sf3-jump a[aria-current="location"]:hover { background: var(--sfi-night); color: var(--sfi-on-dark); }
}

/* ---- section lockups: kicker + heading + support --------------------- */

body.page--services-fees .sfi-kicker {
  margin: 0 0 0.7rem;
  color: var(--sfi-oxblood);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}
body.page--services-fees .sf3-checklist .sfi-kicker,
body.page--services-fees .sf3-talk .sfi-kicker { color: var(--sfi-gold); }
body.page--services-fees .sf3-side-note { border-top-color: var(--sfi-oxblood); }

/* ---- band 1: COMPARE — sage field island ------------------------------ */

body.page--services-fees .sf3-compare {
  margin-block: 0 var(--sfi-gap);
  padding: clamp(2rem, 3.4vw, 4rem) clamp(1.25rem, 2.6vw, 3.25rem) clamp(2.25rem, 3.6vw, 4.25rem);
  border-radius: var(--sfi-r-island);
  background: var(--sfi-sage);
  box-shadow: var(--sfi-shadow);
}

/* Service plates: detached, rounded, lifted — never a joined border grid. */
body.page--services-fees .sf3-services { gap: clamp(12px, 1.4vw, 20px); }
body.page--services-fees .sf3-service {
  border: 0;
  border-radius: var(--sfi-r-plate);
  overflow: hidden;
  background: var(--sfi-cream);
  box-shadow: var(--sfi-shadow-plate);
  transition: transform 220ms var(--sfi-ease), box-shadow 220ms var(--sfi-ease);
}
body.page--services-fees .sf3-service:last-child { border-right: 0; }
body.page--services-fees .sf3-service--let-only .sf3-service__copy { background: var(--sfi-cream); }
body.page--services-fees .sf3-service--rent-collection .sf3-service__copy { background: #dfe7ec; }
body.page--services-fees .sf3-service--fully-managed .sf3-service__copy {
  background: var(--sfi-night);
  color: var(--sfi-on-dark);
}
body.page--services-fees .sf3-service__title > span {
  border-radius: 12px;
  background: var(--sfi-night);
  color: var(--sfi-on-dark);
}
body.page--services-fees .sf3-service--fully-managed .sf3-service__title > span {
  background: var(--sfi-gold);
  color: var(--sfi-night-deep);
}
body.page--services-fees .sf3-service dt { color: var(--sfi-oxblood); }
body.page--services-fees .sf3-service--fully-managed dt { color: var(--sfi-gold); }
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-service:hover {
    transform: translateY(-4px);
    box-shadow: 0 34px 60px -34px rgba(13, 29, 49, 0.5);
  }
}

/* Device 1: the scope meter — how much of the running each service takes. */
body.page--services-fees .sfi-meter {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 1.1rem 0 0;
}
body.page--services-fees .sfi-meter i {
  width: 26px;
  height: 6px;
  border-radius: 3px;
  background: rgba(23, 26, 32, 0.14);
}
body.page--services-fees .sfi-meter i[data-on] { background: var(--sfi-oxblood); }
body.page--services-fees .sf3-service--fully-managed .sfi-meter i { background: rgba(255, 248, 239, 0.22); }
body.page--services-fees .sf3-service--fully-managed .sfi-meter i[data-on] { background: var(--sfi-gold); }
body.page--services-fees .sfi-meter b {
  margin-left: 0.5rem;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: inherit;
  opacity: 0.72;
}

/* Guaranteed-rent cross-sell: cream plate with the signature corner. */
body.page--services-fees .sf3-guaranteed {
  border-radius: 18px 18px 72px 18px;
  background: var(--sfi-cream);
  color: var(--sfi-ink);
  border: 1px solid var(--sfi-line);
  box-shadow: var(--sfi-shadow-plate);
}
body.page--services-fees .sf3-guaranteed h3 { color: var(--sfi-night); }
body.page--services-fees .sf3-guaranteed p { color: var(--sfi-ink-soft); }
body.page--services-fees .sf3-guaranteed a {
  min-height: 48px;
  padding: 0.6rem 1.2rem;
  border: 1.5px solid var(--sfi-night);
  border-radius: 8px;
  color: var(--sfi-night);
  text-decoration: none;
  transition: background-color 180ms var(--sfi-ease), color 180ms var(--sfi-ease), transform 180ms var(--sfi-ease);
}
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-guaranteed a:hover {
    background: var(--sfi-night);
    color: var(--sfi-on-dark);
    transform: translateY(-2px);
  }
}

/* ---- band 2: PROPOSAL / MONEY — stone field island -------------------- */

body.page--services-fees .sf3-proposal {
  margin-inline: 0;
  margin-block: 0 var(--sfi-gap);
  padding: clamp(2rem, 3.4vw, 4rem) clamp(1.25rem, 2.6vw, 3.25rem) clamp(2.25rem, 3.6vw, 4.25rem);
  border-radius: var(--sfi-r-island);
  background: var(--sfi-stone);
  box-shadow: var(--sfi-shadow);
}
body.page--services-fees .sf3-proposal .sf3-section-head,
body.page--services-fees .sf3-proposal > :where(.sf3-money-grid, .sf3-published-fees, .sf3-proposal__note) { width: 100%; }
body.page--services-fees .sf3-money-grid {
  gap: clamp(12px, 1.4vw, 20px);
  border: 0;
  background: transparent;
}
body.page--services-fees .sf3-money-grid article {
  min-height: 14rem;
  border-right: 0;
  border-radius: var(--sfi-r-plate);
  background: var(--sfi-cream);
  box-shadow: var(--sfi-shadow-plate);
}
body.page--services-fees .sf3-money-grid article > span { border-radius: 12px; background: var(--sfi-oxblood); }
body.page--services-fees .sf3-published-fees {
  margin-top: clamp(12px, 1.4vw, 20px);
  gap: 1px;
  border: 1px solid var(--sfi-line);
  border-radius: var(--sfi-r-plate);
  overflow: hidden;
  background: var(--sfi-line);
}
body.page--services-fees .sf3-published-fees div { background: var(--sfi-cream); }

/* ---- band 3: RESPONSIBILITIES — cream container island ---------------- */

body.page--services-fees .sf3-responsibilities {
  margin-block: 0 var(--sfi-gap);
  padding: clamp(2rem, 3.4vw, 4rem) clamp(1.25rem, 2.6vw, 3.25rem) clamp(2.25rem, 3.6vw, 4.25rem);
  border-radius: var(--sfi-r-island);
  background: #f6f0e4;
  box-shadow: var(--sfi-shadow);
}
body.page--services-fees .sf3-workstreams { border-top-color: var(--sfi-line); }
body.page--services-fees .sf3-workstream { border-bottom-color: var(--sfi-line); }
body.page--services-fees .sf3-workstream__icon { border-radius: 12px; background: var(--sfi-sage); color: var(--sfi-night); }
body.page--services-fees .sf3-workstream li { border-radius: 10px; background: var(--sfi-cream); }
/* Device 2: the demand label inside the ledger. */
body.page--services-fees .sf3-workstream li small b {
  color: var(--sfi-oxblood);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
body.page--services-fees .sf3-duty {
  border-radius: var(--sfi-r-plate);
  background: var(--sfi-night);
  box-shadow: var(--sfi-shadow-plate);
}
body.page--services-fees .sf3-duty > span { border-radius: 12px; background: var(--sfi-gold); color: var(--sfi-night-deep); }

/* ---- band 4: CHECKLIST — the decisive night island --------------------- */

body.page--services-fees .sf3-checklist {
  margin-inline: 0;
  margin-block: 0 var(--sfi-gap);
  padding: clamp(2rem, 3.4vw, 4rem) clamp(1.25rem, 2.6vw, 3.25rem) clamp(2.25rem, 3.6vw, 4.25rem);
  border-radius: var(--sfi-r-island);
  background: var(--sfi-night);
  color: var(--sfi-on-dark);
  box-shadow: var(--sfi-shadow);
}
body.page--services-fees .sf3-checklist header h2 { color: var(--sfi-on-dark); }
body.page--services-fees .sf3-checklist header p { color: var(--sfi-on-dark-soft); }
body.page--services-fees .sf3-checklist ul { gap: clamp(10px, 1.2vw, 16px); background: transparent; }
body.page--services-fees .sf3-checklist li {
  min-height: 7.5rem;
  border-radius: 12px;
  background: var(--sfi-night-lift);
  box-shadow: 0 14px 30px -22px rgba(0, 0, 0, 0.6);
}
body.page--services-fees .sf3-checklist li span { background: var(--sfi-gold); color: var(--sfi-night-deep); }
body.page--services-fees .sf3-checklist li p { color: var(--sfi-on-dark); }

/* ---- band 5: PROOF / CERTIFICATES — mineral field island + texture ----- */

body.page--services-fees .sf3-proof {
  position: relative;
  margin-block: 0 var(--sfi-gap);
  padding: clamp(2rem, 3.4vw, 4rem) clamp(1.25rem, 2.6vw, 3.25rem) clamp(2.25rem, 3.6vw, 4.25rem);
  border-radius: var(--sfi-r-island);
  background: var(--sfi-mineral);
  box-shadow: var(--sfi-shadow);
  overflow: hidden;
}
body.page--services-fees .sf3-proof::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image: repeating-linear-gradient(-45deg, rgba(13, 29, 49, 0.05) 0 1px, transparent 1px 14px);
  mask-image: linear-gradient(to bottom right, #000, transparent 60%);
  -webkit-mask-image: linear-gradient(to bottom right, #000, transparent 60%);
}
body.page--services-fees .sf3-proof > * { position: relative; z-index: 1; }
body.page--services-fees .sf3-certificate {
  border: 0;
  border-radius: var(--sfi-r-plate);
  overflow: hidden;
  background: var(--sfi-cream);
  box-shadow: var(--sfi-shadow-plate);
  transition: transform 220ms var(--sfi-ease), box-shadow 220ms var(--sfi-ease);
}
body.page--services-fees .sf3-certificate__copy > span { border-radius: 12px; background: var(--sfi-night); }
body.page--services-fees .sf3-certificate__copy > a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  color: var(--sfi-oxblood);
}
body.page--services-fees .sf3-certificate__copy > a span[aria-hidden] {
  display: inline-block;
  transition: transform 180ms var(--sfi-ease);
}
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-certificate:hover {
    transform: translateY(-3px);
    box-shadow: 0 34px 60px -34px rgba(13, 29, 49, 0.5);
  }
  body.page--services-fees .sf3-certificate__copy > a:hover span[aria-hidden] { transform: translateX(0.3rem); }
}

/* ---- sources: a small cream plate, not a bare hairline row ------------- */

body.page--services-fees .sf3-sources {
  margin: 0 0 var(--sfi-gap);
  padding: 0.5rem clamp(1.25rem, 2.4vw, 2.25rem);
  border: 1px solid var(--sfi-line);
  border-radius: var(--sfi-r-plate);
  background: var(--sfi-cream);
  box-shadow: var(--sfi-shadow-plate);
}
body.page--services-fees .sf3-sources a { color: var(--sfi-oxblood); }

/* ---- band 6: TALK — forest split island with the quote device ---------- */

body.page--services-fees .sf3-talk {
  width: var(--sfi-shell);
  margin-bottom: var(--sfi-gap);
  border-radius: var(--sfi-r-island);
  overflow: hidden;
  background: var(--sfi-night-deep);
  box-shadow: var(--sfi-shadow);
}
body.page--services-fees .sf3-talk__icon { border-radius: 12px; background: var(--sfi-gold); color: var(--sfi-night-deep); }
body.page--services-fees .sf3-talk__review blockquote::before {
  content: "\201C";
  display: block;
  font-family: var(--font-display);
  font-size: 2.6rem;
  line-height: 0.7;
  color: var(--sfi-gold);
  margin-bottom: 0.35rem;
}
body.page--services-fees .sf3-talk__review a { color: var(--sfi-gold); }
body.page--services-fees .sf3-talk .sf3-button--outline { border-color: rgba(255, 250, 242, 0.58); }

/* v2 - the client-review avatar device (Design Authority §10.3): a
   seeded-colour initial circle, no stock/AI photography. Figcaption
   becomes a two-cell row: avatar | name+link stacked. */
body.page--services-fees .sf3-talk__review figcaption {
  display: flex;
  gap: 0.85rem;
  align-items: center;
}
body.page--services-fees .sf3-talk__avatar {
  display: grid;
  flex: none;
  width: 2.6rem;
  height: 2.6rem;
  place-items: center;
  border-radius: 50%;
  background: var(--sfi-gold);
  color: var(--sfi-night-deep);
  font-family: var(--font-display);
  font-size: 1.15rem;
  font-weight: 700;
}
body.page--services-fees .sf3-talk__who {
  display: grid;
  gap: 0.1rem;
}
body.page--services-fees .sf3-talk__who strong { color: #fff8ef; }

/* ---- receptionist: joins the island rhythm ------------------------------ */

body.page--services-fees #dukes-receptionist.reception {
  width: var(--sfi-shell);
  margin: 0 auto var(--sfi-gap);
  border-radius: var(--sfi-r-island);
  background: var(--sfi-night);
  box-shadow: var(--sfi-shadow);
}

/* ======================================================================
 * INTERACTION LAYER — the homepage button/motion grammar.
 * ==================================================================== */

body.page--services-fees .sf3-button {
  gap: 0.7rem;
  border-radius: 8px;
  transition:
    background-color 180ms var(--sfi-ease),
    border-color 180ms var(--sfi-ease),
    color 180ms var(--sfi-ease),
    transform 180ms var(--sfi-ease),
    box-shadow 180ms var(--sfi-ease);
}
body.page--services-fees .sf3-button .sf3-button__arrow {
  width: 17px;
  height: 17px;
  flex: 0 0 auto;
  transition: transform 180ms var(--sfi-ease);
}
body.page--services-fees .sf3-button:active { transform: translateY(1px); box-shadow: none; }
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px -14px rgba(8, 35, 29, 0.55);
  }
  body.page--services-fees .sf3-button:hover .sf3-button__arrow { transform: translateX(3px); }
  body.page--services-fees .sf3-button:hover .sf3-button__arrow--down { transform: translateY(3px); }
}

body.page--services-fees .sf3-service > figure img { transition: transform 600ms var(--sfi-ease); }
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-service:hover > figure img { transform: scale(1.04); }
}

body.page--services-fees .sf3-guaranteed a span {
  display: inline-block;
  transition: transform 180ms var(--sfi-ease);
}
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-guaranteed a:hover span { transform: translateX(0.3rem); }
}

body.page--services-fees .sf3-disclosure summary > span::before,
body.page--services-fees .sf3-disclosure summary > span::after,
body.page--services-fees .sf3-sources summary > i::before,
body.page--services-fees .sf3-sources summary > i::after,
body.page--services-fees .sf3-workstream summary i::before,
body.page--services-fees .sf3-workstream summary i::after {
  transition: transform 260ms var(--sfi-ease);
}
body.page--services-fees .sf3-workstream summary i {
  transition: border-color 180ms var(--sfi-ease), background-color 180ms var(--sfi-ease);
}
@media (hover: hover) and (pointer: fine) {
  body.page--services-fees .sf3-workstream > summary:hover i {
    border-color: var(--sfi-oxblood);
    background: var(--sfi-sage);
  }
  body.page--services-fees .sf3-disclosure summary:hover,
  body.page--services-fees .sf3-sources summary:hover { color: var(--sfi-oxblood); }
  body.page--services-fees .sf3-service--fully-managed .sf3-disclosure summary:hover { color: var(--sfi-gold); }
}

@keyframes sf3-reveal {
  from { opacity: 0; transform: translateY(-6px); }
  to { opacity: 1; transform: none; }
}
body.page--services-fees .sf3-disclosure[open] > div,
body.page--services-fees .sf3-sources[open] > div,
body.page--services-fees .sf3-workstream[open] > ul {
  animation: sf3-reveal 280ms var(--sfi-ease) both;
}

/* ---- responsive: islands keep breathing room on small screens ---------- */

@media (max-width: 70rem) {
  body.page--services-fees .sf3-services { gap: clamp(12px, 1.4vw, 20px); }
}

@media (max-width: 56rem) {
  body.page--services-fees .sf3-money-grid article { border-bottom: 0; }
}

@media (max-width: 48rem) {
  body.page--services-fees {
    --sfi-shell: min(calc(100% - 1rem), 1560px);
    --sfi-r-island: 18px;
  }
  body.page--services-fees .sf3-jump {
    top: 8px;
    margin-top: calc(-1 * clamp(18px, 3vw, 28px));
    mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
  }
  body.page--services-fees .sf3-compare,
  body.page--services-fees .sf3-proposal,
  body.page--services-fees .sf3-responsibilities,
  body.page--services-fees .sf3-checklist,
  body.page--services-fees .sf3-proof { padding-inline: 1rem; }
  body.page--services-fees #dukes-receptionist.reception { padding-inline: 1rem; }
}

/* ---- honesty: motion off when asked ------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  body.page--services-fees .sf3-button,
  body.page--services-fees .sf3-button .sf3-button__arrow,
  body.page--services-fees .sf3-jump a,
  body.page--services-fees .sf3-jump a::after,
  body.page--services-fees .sf3-service,
  body.page--services-fees .sf3-service > figure img,
  body.page--services-fees .sf3-certificate,
  body.page--services-fees .sf3-certificate__copy > a span[aria-hidden],
  body.page--services-fees .sf3-guaranteed a,
  body.page--services-fees .sf3-guaranteed a span,
  body.page--services-fees .sf3-disclosure summary > span::before,
  body.page--services-fees .sf3-disclosure summary > span::after,
  body.page--services-fees .sf3-sources summary > i::before,
  body.page--services-fees .sf3-sources summary > i::after,
  body.page--services-fees .sf3-workstream summary i,
  body.page--services-fees .sf3-workstream summary i::before,
  body.page--services-fees .sf3-workstream summary i::after { transition: none; }
  body.page--services-fees .sf3-button:hover,
  body.page--services-fees .sf3-service:hover,
  body.page--services-fees .sf3-certificate:hover { transform: none; }
  body.page--services-fees .sf3-disclosure[open] > div,
  body.page--services-fees .sf3-sources[open] > div,
  body.page--services-fees .sf3-workstream[open] > ul { animation: none; }
}