/*
 * The home page restyle. CSS only.
 *
 * ---------------------------------------------------------------------------
 * WHAT THIS IS, AND WHY IT IS NOT A REBUILD
 * ---------------------------------------------------------------------------
 * The scene-kit home page was rejected for giving "not enough info at a
 * glance", and the arithmetic agreed: nine full-viewport scenes put the
 * products on screen five. A home page is a directory for several audiences at
 * once, and a directory wants density. So the original Elementor page keeps its
 * information architecture and its density, and this file restyles it onto the
 * rebuild's type, colour and components.
 *
 * It is the fourth file in the series that already restyles this page without
 * touching Elementor: elementor-tokens.css rebinds the Global Kit,
 * elementor-layout.css owns the mobile gutter, elementor-services.css owns the
 * services band background. Same contract as all three. No Elementor data is
 * read or written, no page markup changes, body-diff stays clean, and deleting
 * the one enqueue line in inc/enqueue.php reverts the page exactly.
 *
 * ---------------------------------------------------------------------------
 * WHAT IT DELIBERATELY DOES NOT DO
 * ---------------------------------------------------------------------------
 * Four content faults were measured on this page and none of them is fixed
 * here, because each needs Elementor data or a WPCode snippet and therefore
 * needs its own script with a saved _elementor_data and a revert:
 *
 *   1. Accreditation is stated twice, once in the trust band injected by
 *      snippet 991038 and once in "Accredited by the best".
 *   2. An empty video widget, c8919d6, 720px of nothing with a play button.
 *   3. The industries carousel holds THREE real slides (Financial Institutions,
 *      Ecommerce, Nightlife & Events), none of them a link, looped by swiper
 *      into nine. There are fifteen real industry pages and srin_pages() is the
 *      registry to read.
 *   4. "And Much More" takes a slot in the one grid that answers what you sell.
 *
 * Fault 2 is the single exception, and it is suppressed rather than fixed: see
 * the block headed THE EMPTY VIDEO. Every other fault is untouched so that the
 * content tranche stays a separate, separately reviewable step.
 *
 * ---------------------------------------------------------------------------
 * SPECIFICITY, NOT SOURCE ORDER, EXCEPT WHERE IT IS BOTH
 * ---------------------------------------------------------------------------
 * The prefix is the one elementor-tokens.css and elementor-services.css
 * already use: body plus the page id, the kit class three times, the cinema
 * guard, the main region, the document and the element class. It clears
 * Elementor's generated post-146.css with room to spare, so there is no
 * !important anywhere in this file.
 *
 * Two rules also have to beat elementor-tokens.css, which is at the SAME
 * specificity: the hero headline and the hero subhead are bound there, at the
 * base width and again inside max-width:1024px and max-width:767px. Equal
 * specificity is settled by source order, and this file is enqueued with
 * sr-elementor-tokens as a dependency, so it always prints after all three of
 * those copies and an unmediated rule here wins at every width. That is why the
 * hero type below carries no media queries of its own.
 *
 * ---------------------------------------------------------------------------
 * TOKENS ONLY
 * ---------------------------------------------------------------------------
 * Every value resolves to tokens.css. Note which vocabulary that is: this page
 * loads sr-tokens but NOT house-style.css or scene-kit.css, so the --srk-* type
 * scale does not exist here. A declaration whose var() is undefined is invalid
 * at computed-value time and is dropped silently rather than falling back, so a
 * stray --srk-display-m would set 16px and look like a rule that did not apply.
 * The vocabulary on this page is --sr-*, --type-*, --space-*, --radius-*,
 * --shadow-*, --ease and --dur-*.
 */

/* ---------------------------------------------------------------------------
 * THE PAGE'S OWN RHYTHM AND CARD
 *
 * Two ideas, held once. --srhr-band is the air a band gets above and below its
 * content, and --srhr-card-* is the one card this page draws, taken from the
 * product-suite tiles that already ship on it (white ground, hairline, large
 * radius, small shadow, lifting on hover). Everything below spends these rather
 * than re-picking values per band, which is what let the original page end up
 * with four different card treatments and none of them a card.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main {
  --srhr-band: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
  --srhr-card-pad: clamp(1.25rem, 0.9rem + 1.2vw, 1.75rem);
  --srhr-card-bg: var(--sr-canvas);
  --srhr-card-border: var(--sr-hairline);
  --srhr-card-radius: var(--radius-lg);
  --srhr-card-shadow: var(--shadow-sm);
  --srhr-card-shadow-hover: var(--shadow-md);
  /* The optical box every logo in a strip is normalised into. Six partner
     marks arrive at six different aspect ratios and pixel weights, and a strip
     that lets each one size itself reads as a scatter rather than a set.
     A box and not a height: these marks are not one orientation. MEXC is
     300x278 and KuCoin is 300x68, so a shared HEIGHT would draw MEXC at 47px
     wide beside a KuCoin 194px wide, which is the same scatter turned ninety
     degrees. A max on each axis lets a landscape mark cap on width and an
     upright one cap on height, which is as close to equal optical weight as
     a rule can get without measuring ink. */
  --srhr-logo-h: 52px;
  --srhr-logo-w: 168px;
}

/* ---------------------------------------------------------------------------
 * THE HERO
 *
 * The headline was already right: --type-display, semibold, tight tracking.
 * The subhead was the fault. elementor-tokens.css bound it to --type-h2, so it
 * set at 44px over a 61.6px leading and ran to four lines, which is a second
 * headline arguing with the first and 300px of hero spent on it. It becomes the
 * lede it is: --type-lead, normal leading, soft ink, and a measure short enough
 * that the line breaks fall where the sense does.
 *
 * The call to action was the other fault, and the more expensive one: 14px type
 * in a 45px box under an 84px headline is the weakest element on the page and
 * it is the only thing on the page asking for the click. It is set at body size
 * on the CTA tokens, with the hover, focus and press states the rest of the
 * chrome has.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-3d03f29 .elementor-heading-title {
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
  text-wrap: balance;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-0e2b671 .elementor-heading-title {
  font-size: var(--type-lead);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  letter-spacing: normal;
  color: var(--sr-ink-soft);
  max-width: 44ch;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-0e2b671 {
  margin-top: var(--space-5);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-aee0413 {
  margin-top: var(--space-7);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-aee0413 .elementor-button {
  font-size: var(--type-body);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  letter-spacing: normal;
  padding: var(--space-4) var(--space-7);
  border-radius: var(--radius-md);
  background-color: var(--sr-cta-surface);
  color: var(--sr-cta-ink);
  box-shadow: var(--shadow-sm);
  transition:
    background-color var(--dur-base) var(--ease),
    box-shadow var(--dur-base) var(--ease),
    transform var(--dur-base) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-aee0413 .elementor-button:hover,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-aee0413 .elementor-button:focus-visible {
  background-color: var(--sr-cta-surface-hover);
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-aee0413 .elementor-button:focus-visible {
  outline: var(--rule) solid var(--sr-focus-ring);
  outline-offset: 3px;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-aee0413 .elementor-button:active {
  transform: none;
  box-shadow: var(--shadow-sm);
}

/* ---------------------------------------------------------------------------
 * THE INJECTED TRUST BAND
 *
 * Not Elementor content. WPCode snippet 991038 writes .srn-trust-band into the
 * hero on DOMContentLoaded, which is the reason this page has to be verified in
 * a browser and never by curl: the two see different documents.
 *
 * The snippet's own rules are single-class, specificity (0,1,0), and it sets no
 * inline styles on anything, so this file reaches all of it without a fight.
 * The band is left saying exactly what it says. What changes is that it stopped
 * costing 479px to say it: three logos and one line were laid out as a stacked
 * column of tall cards with a paragraph parked below. It becomes one strip, the
 * eyebrow reading into the row rather than floating over it, and the hook line
 * carried at the end of the same block.
 *
 * These rules are not scoped to the element ids above because the band has
 * none. They are scoped to the page and to the band's own class, which exists
 * nowhere else on the site.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-band {
  padding-block: var(--srhr-band);
  border-top: var(--border-hairline);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--space-5) var(--space-8);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-eyebrow {
  grid-column: 1;
  margin: 0;
  font-size: var(--type-eyebrow);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--sr-ink-soft);
  text-align: left;
  white-space: nowrap;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-row {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-3);
  margin: 0;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-3);
  /* The snippet sets `flex: 0 0 240px`, and a `width` does not beat a
     flex-basis, so the basis has to be reset in its own right. */
  flex: 0 1 auto;
  width: auto;
  min-height: 0;
  padding: var(--space-3) var(--space-5);
  background: var(--sr-tint);
  border: var(--border-hairline);
  /*
   * TILES, NOT PILLS. Rohan, 2026-09-02: "The accreditation tiles are pills now
   * on the home page, fix that."
   *
   * These were --radius-pill, 999px, which is the token this system reserves for
   * things you press: buttons, and the nav's product chips. An accreditation is
   * not an action, and at 999px it reads as one. It also put three fully rounded
   * capsules directly above a row of 16px service cards, so one page was using
   * two different shapes for two things that are both just panels.
   *
   * --srhr-card-radius is this page's OWN card radius, already spent by those
   * service cards, so the band now matches what it sits beside instead of
   * introducing a third shape.
   */
  border-radius: var(--srhr-card-radius);
  box-shadow: none;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-card img {
  width: auto;
  height: 32px;
  margin: 0;
  object-fit: contain;
}

/* AUSTRAC and GDPR have no mark in the library, so the snippet sets their names
   as type. Held at the same optical height as the ISO badge beside them so the
   three chips read as one set rather than as a badge and two words. */
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-logo-text {
  display: flex;
  align-items: center;
  width: auto;
  height: 32px;
  margin: 0;
  font-size: var(--type-h5);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-tight);
  color: var(--sr-ink);
  white-space: nowrap;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-label {
  margin: 0;
  font-size: var(--type-caption);
  line-height: var(--leading-snug);
  color: var(--sr-ink-soft);
  white-space: nowrap;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-hook {
  /* Spanning both columns rather than sitting in the second: the eyebrow sets
     the band's left edge and the statement is the band's conclusion, so it
     reads from the same margin rather than indented under the chips. */
  grid-column: 1 / -1;
  margin: 0;
  font-size: var(--type-h3);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  color: var(--sr-ink);
  text-align: left;
}

/* ---------------------------------------------------------------------------
 * THE ONE PLACE THIS PAGE NEEDS AN ID SELECTOR
 *
 * A SECOND snippet writes to this band. 991364, "ShareRing - CLS reduction
 * (image dimensions, font display)", prints its own <style> into the body and
 * addresses the band by its id:
 *
 *   #srn-home-trust-band     { min-height: 250px }
 *   #srn-home-trust-band img { width: 120px; height: 120px; aspect-ratio: 1/1 }
 *
 * An id is (1,0,0). No number of classes reaches it, so the whole scoped prefix
 * this file uses everywhere else loses to those two rules and only to those
 * two: the band would not compress below 250px and the ISO badge would stay at
 * 120px inside a chip built for 32px. This block is the answer, and adding the
 * id to the prefix is the answer rather than !important, which is reserved.
 *
 * The class-scoped rules above are deliberately NOT rewritten to use the id.
 * They already do everything except these two properties, and if the snippet is
 * ever unwound and the id goes with it, the band keeps its restyle and loses
 * only this correction.
 *
 * The snippet is doing something legitimate - reserving intrinsic size so the
 * injected band does not shift layout when it arrives - so what it wants is
 * preserved: the band still declares a size before its content paints, just the
 * size the restyled band actually occupies.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main #srn-home-trust-band {
  min-height: 0;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main #srn-home-trust-band img {
  width: auto;
  height: 32px;
  aspect-ratio: auto;
}

@media (max-width: 900px) {
  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-inner {
    grid-template-columns: 1fr;
  }

  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-eyebrow,
  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-row,
  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .srn-trust-hook {
    grid-column: 1;
    max-width: none;
  }
}

/* ---------------------------------------------------------------------------
 * THE DIVIDER, AND THE FOUR CLAIMS UNDER IT
 *
 * Section 1f4e98c is one divider widget given 101px to draw a hairline in.
 * Section 4f198ee is the row of four claims - Accredited Globally, Self
 * Sovereign, Global Support, Easy Integration - each a heading, an absolutely
 * positioned 3px spacer, and a caption, at 70px for the whole row.
 *
 * The two are the same idea and are treated as one band: the divider becomes
 * the rule that opens it, and the claims get the air a claim needs. The
 * captions were set in --sr-eyebrow, a caption COLOUR being used as body ink at
 * 4.5:1 where the row beside it runs at 16:1; they move to --sr-ink-soft, which
 * is the role that means "supporting text on canvas".
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-1f4e98c {
  padding-block: 0;
  margin-block: var(--srhr-band) var(--space-7);
}

/* The 101px is not the widget's own padding, which is zero. It is
   .elementor-divider's `padding: 50px 0`, from Elementor's widget-divider
   stylesheet, around a 1px rule. */
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-1e79972 .elementor-divider {
  padding-block: 0;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-4f198ee {
  margin-bottom: var(--srhr-band);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-9865cd6 .elementor-heading-title,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-2542b3d .elementor-heading-title,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-813ef52 .elementor-heading-title,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-94637fe .elementor-heading-title {
  font-size: var(--type-h3);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  color: var(--sr-ink);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-307a0bd,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-c29c494,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-9d4de59,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-0830b93 {
  font-size: var(--type-caption);
  line-height: var(--leading-snug);
  color: var(--sr-ink-soft);
}

/* ---------------------------------------------------------------------------
 * THE SERVICES ROW
 *
 * Four services under the dark ring band, and the row had four separate
 * problems that all read as one: they were not cards, so there was nothing to
 * hold them; the text was centred and ragged; the third has a one-line heading
 * and the fourth's body is a line shorter, so all four call-to-action buttons
 * sat at four different heights; and four filled blue buttons in a row shouted
 * over the single blue button in the hero above them.
 *
 * They become the card this page already draws in its product suite, with the
 * column made a flex context so the action can be pushed to the bottom of the
 * card and the four line up whatever the copy does. The filled buttons become
 * the product suite's own action - a hairline, then "Learn More" with a chevron
 * - which is the component the rebuild uses for "this is a way in, not the
 * point of the page", and which gives the hero's CTA its monopoly on fill back.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 > .elementor-container {
  align-items: stretch;
  gap: var(--space-5);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 > .elementor-container > .elementor-column > .elementor-widget-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  padding: var(--srhr-card-pad);
  background: var(--srhr-card-bg);
  border: 1px solid var(--srhr-card-border);
  border-radius: var(--srhr-card-radius);
  box-shadow: var(--srhr-card-shadow);
  transition:
    box-shadow var(--dur-base) var(--ease),
    border-color var(--dur-base) var(--ease),
    transform var(--dur-base) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 > .elementor-container > .elementor-column > .elementor-widget-wrap:hover {
  box-shadow: var(--srhr-card-shadow-hover);
  border-color: var(--sr-brand);
  transform: translateY(-2px);
}

/* The icon. Left in the navy line art it ships as, sat in a tinted chip so it
   reads as a card's mark rather than as a floating drawing, and pinned to a
   fixed box so four icons of four intrinsic sizes present the same. */
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  margin-bottom: var(--space-4);
  padding: var(--space-3);
  background: var(--sr-tint);
  border-radius: var(--radius-md);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-image img {
  width: auto;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-heading {
  width: 100%;
  margin-bottom: var(--space-3);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-heading-title {
  font-size: var(--type-h3);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  color: var(--sr-ink);
  text-align: left;
  text-wrap: balance;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-text-editor {
  width: 100%;
  font-size: var(--type-body);
  line-height: var(--leading-normal);
  color: var(--sr-ink-soft);
  text-align: left;
}

/* Anti Money Laundering, alone of the four, has its whole body paragraph
   wrapped in a link to /anti-money-laundering/, so it rendered in link blue
   while the other three rendered in body ink and the row read as three
   descriptions and one call to action. The link stays a link, and stays
   discoverable on hover and on focus; it just stops shouting. The card's own
   Learn More is the action here. */
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-text-editor a {
  color: inherit;
  text-decoration: none;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-text-editor a:hover,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-text-editor a:focus-visible {
  color: var(--sr-brand);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* The action. margin-top:auto is what levels the four: the wrap is a column
   flex context and the auto margin eats every pixel of slack above the action,
   so a card whose copy runs a line short pads at the bottom instead of lifting
   its button. */
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-button {
  width: 100%;
  margin-top: auto;
  padding-top: var(--space-5);
  text-align: left;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-widget-button .elementor-button-wrapper {
  padding-top: var(--space-4);
  border-top: var(--border-hairline);
  text-align: left;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: 0;
  font-size: var(--type-body);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  color: var(--sr-brand);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: gap var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-button .elementor-button-text::after {
  content: "\203A";
  display: inline-block;
  margin-left: var(--space-2);
  font-weight: var(--weight-bold);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-button:hover,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-button:focus-visible {
  color: var(--sr-brand-deep);
  background: none;
  gap: var(--space-3);
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 .elementor-button:focus-visible {
  outline: var(--rule) solid var(--sr-focus-ring);
  outline-offset: 3px;
}

/* ---------------------------------------------------------------------------
 * THE SECTION HEADINGS
 *
 * Industries, Latest News, Partners and Contact all set their heading at 44px
 * bold with tight tracking, which is right and is left alone. What is added is
 * the air around them, so a heading belongs to the band it opens rather than
 * floating equidistant between two, and a real eyebrow for the three bands that
 * carry one. The eyebrows were pills in a grey that reads as a disabled button;
 * they become what an eyebrow is, small caps-cased type tracked open, in the
 * brand's own eyebrow colour.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a6bb092,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-8b98684 {
  padding-top: var(--srhr-band);
  padding-bottom: var(--space-6);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-73b5bce .elementor-heading-title,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-001d1ec .elementor-heading-title {
  display: inline-block;
  padding: var(--space-2) var(--space-4);
  font-size: var(--type-eyebrow);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
  color: var(--sr-eyebrow);
  background: var(--sr-tint);
  border-radius: var(--radius-pill);
}

/* ---------------------------------------------------------------------------
 * THE INDUSTRIES CAROUSEL
 *
 * The slides are an image, a title and a paragraph with nothing holding them,
 * so three industries read as three columns of loose text under three
 * photographs. They become the page's card, with the image cropped to the
 * system's card ratio and tucked inside the card's radius.
 *
 * The carousel's own chrome is styled too, because it is the only thing telling
 * a reader there is more here than the three slides showing: the bullets were
 * 6px grey dots and the arrows 25px of near-invisible chevron. Nothing here
 * changes how many slides there are or what is in them. That is fault 3 and it
 * belongs to the content tranche.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide > .e-con {
  height: 100%;
  padding: 0 0 var(--srhr-card-pad);
  background: var(--srhr-card-bg);
  border: 1px solid var(--srhr-card-border);
  border-radius: var(--srhr-card-radius);
  box-shadow: var(--srhr-card-shadow);
  overflow: hidden;
  transition:
    box-shadow var(--dur-base) var(--ease),
    border-color var(--dur-base) var(--ease),
    transform var(--dur-base) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide > .e-con:hover {
  box-shadow: var(--srhr-card-shadow-hover);
  border-color: var(--sr-brand);
  transform: translateY(-2px);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide .elementor-widget-image {
  margin-bottom: var(--space-5);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide img {
  display: block;
  width: 100%;
  aspect-ratio: var(--ratio-card);
  object-fit: cover;
  border-radius: 0;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide .elementor-widget-heading,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide .elementor-widget-text-editor {
  padding-inline: var(--srhr-card-pad);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide .elementor-heading-title {
  font-size: var(--type-h3);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-tight);
  color: var(--sr-ink);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide .elementor-widget-text-editor {
  margin-top: var(--space-3);
  font-size: var(--type-body);
  line-height: var(--leading-normal);
  color: var(--sr-ink-soft);
}

/* The carousel chrome, shared with the news carousel below. Both are Elementor
   swipers and both ship the same 6px dots. */
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: var(--sr-ink);
  opacity: 0.22;
  transition: opacity var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .swiper-pagination-bullet-active {
  background: var(--sr-brand);
  opacity: 1;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-swiper-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--sr-ink);
  background: var(--sr-canvas);
  border: var(--border-hairline);
  border-radius: var(--radius-pill);
  box-shadow: var(--shadow-sm);
  transition: box-shadow var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-swiper-button:hover {
  border-color: var(--sr-brand);
  box-shadow: var(--shadow-md);
}

/* ---------------------------------------------------------------------------
 * THE EMPTY VIDEO
 *
 * The one content fault this file touches, and it is suppressed rather than
 * fixed. Container 8d1830f holds video widget c8919d6: 720px tall, no source,
 * a play button over blank canvas. It is 9% of the page, it sits between
 * Industries and Latest News, and it is the single loudest thing on any
 * screenshot of this page.
 *
 * It is suppressed here for one reason: this tranche exists so the restyle can
 * be judged, and a 720px hole in the middle of the page contaminates that
 * judgement. Hiding it is honest about being a patch - the widget is still in
 * _elementor_data and still in the editor - and the content tranche removes it
 * properly with a saved _elementor_data and a revert, at which point this block
 * comes out.
 *
 * The two 45px spacers either side of it, bfd2c4a and ebec072, existed to hold
 * the video off its neighbours and go with it.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-8d1830f,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-bfd2c4a,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-ebec072 {
  display: none;
}

/* ---------------------------------------------------------------------------
 * LATEST NEWS
 *
 * The listing is a loop carousel of post cards, and posts.css already owns how
 * a ShareRing post card looks everywhere else on the site. What is wrong here
 * is only the action: each card ends in a filled blue "Read More" button, so
 * three more filled blues join the four the services row had. They become the
 * same text action the services row and the product tiles use.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-b28731d .elementor-button {
  display: inline-flex;
  align-items: center;
  padding: 0;
  font-size: var(--type-body);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-snug);
  color: var(--sr-brand);
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  transition: color var(--dur-fast) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-b28731d .elementor-button .elementor-button-text::after {
  content: "\203A";
  display: inline-block;
  margin-left: var(--space-2);
  font-weight: var(--weight-bold);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-b28731d .elementor-button:hover,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-b28731d .elementor-button:focus-visible {
  color: var(--sr-brand-deep);
  background: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-b28731d .elementor-button:focus-visible {
  outline: var(--rule) solid var(--sr-focus-ring);
  outline-offset: 3px;
}

/* ---------------------------------------------------------------------------
 * ACCREDITED BY THE BEST
 *
 * Six partner marks in a 3x2 grid beside a paragraph. The marks arrive at six
 * different aspect ratios and six different amounts of surrounding air, so
 * SelectID rendered nearly three times the optical size of the ISO badge next
 * to it and the strip read as a scatter. They are normalised into one optical
 * box: fixed height, contained, centred in an equal cell.
 *
 * The paragraph beside them was running to six lines at full column width; it
 * takes the system measure. Nothing here changes which marks are shown. Whether
 * this band and the injected trust band should both exist is fault 1 and
 * belongs to the content tranche.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-2c9fbc0 {
  padding-top: var(--srhr-band);
  /* Not a full band below, because the next thing down is the Contact heading
     band, which opens with a full band of its own. Two full bands back to back
     put 134px between the last partner mark and the word Contact. */
  padding-bottom: var(--space-8);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-2b0dd65 {
  max-width: 42ch;
  font-size: var(--type-body);
  line-height: var(--leading-normal);
  color: var(--sr-ink-soft);
}

/* The logo grid itself is NOT restyled here, and the reason is worth writing
   down. A snippet already owns it: an inline <style id="homepage-partners-fix-v4">
   turns the band into a two-column grid, the marks into a three-up grid on 80px
   rows, and normalises every image to `max-height:56px; max-width:90%;
   object-fit:contain`. Every one of its ~30 declarations carries !important.

   This file's contract is that it uses no !important, so rules written here for
   that grid would parse, look correct in the source, apply to nothing, and be
   the next person's afternoon. They were written, measured against the rendered
   page, found inert, and deleted.

   What the snippet does is close to what this file would have done, so nothing
   is lost by leaving it alone. What is left is uneven, and it is the same
   unevenness the exchange strip has: normalising the BOX leaves SelectID's pure
   wordmark reading at 47px of lettering beside the ISO seal's 56px circle, so
   the strip is even by height and not by ink. Fixing it properly means either
   unwinding that snippet or deriving each mark's height from its own cap, the
   way the product logotype registry in tokens.css does. That is a bigger job
   than a restyle and it is left open, not quietly half-done. */

/* ---------------------------------------------------------------------------
 * CONTACT
 *
 * The form fields were square-cornered boxes with a default border and no
 * focus treatment of their own, so keyboard focus fell back to the browser's
 * ring on a page that has a focus ring token. The Send button was full-bleed
 * blue across the whole column, which made the page's LAST element its loudest,
 * competing with the hero's own call to action for the same click.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-d08f7f1 {
  padding-bottom: var(--srhr-band);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-03be6f7 img {
  border-radius: var(--srhr-card-radius);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a0d70ee .elementor-field-label {
  font-size: var(--type-caption);
  font-weight: var(--weight-medium);
  color: var(--sr-ink);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a0d70ee .elementor-field-textual {
  font-size: var(--type-body);
  line-height: var(--leading-normal);
  color: var(--sr-ink);
  background: var(--sr-canvas);
  border: 1px solid var(--sr-hairline);
  border-radius: var(--radius-md);
  transition: border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a0d70ee .elementor-field-textual:focus {
  border-color: var(--sr-brand);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--sr-brand) 18%, transparent);
  outline: none;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a0d70ee .elementor-field-textual::placeholder {
  color: var(--sr-ink-soft);
  opacity: 1;
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a0d70ee .elementor-button {
  /* The form carries .elementor-button-align-stretch, whose rule sets
     `flex-basis: 100%` on the submit. A width does not beat a flex-basis, so
     the basis is what has to be reset. */
  flex: 0 0 auto;
  width: auto;
  min-width: 12rem;
  padding: var(--space-4) var(--space-7);
  font-size: var(--type-body);
  font-weight: var(--weight-semibold);
  border-radius: var(--radius-md);
  background-color: var(--sr-cta-surface);
  color: var(--sr-cta-ink);
  box-shadow: var(--shadow-sm);
  transition: background-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a0d70ee .elementor-button:hover,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a0d70ee .elementor-button:focus-visible {
  background-color: var(--sr-cta-surface-hover);
  box-shadow: var(--shadow-md);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a0d70ee .elementor-field-group.elementor-field-type-submit {
  justify-content: flex-start;
}

/* ---------------------------------------------------------------------------
 * THE EXCHANGES STRIP
 *
 * The page ends on "Share Token (SHR) is available on leading exchanges" and
 * three exchange marks. The marks were at their intrinsic sizes: MEXC at
 * 215x199 beside KuCoin at 300x68, so a portrait logo sat three times the
 * height of the landscape one next to it. Same optical box as the partner
 * strip, and a hairline above to close the page rather than letting the marks
 * drift into the footer.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-79c3e9b {
  padding-top: var(--srhr-band);
  border-top: var(--border-hairline);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-fa1ffa6 {
  font-size: var(--type-body);
  color: var(--sr-ink-soft);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a5842c0 {
  align-items: center;
  padding-bottom: var(--srhr-band);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-0786d6d,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-84cb269,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-4f1551b {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--srhr-logo-h);
}

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-0786d6d img,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-84cb269 img,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-4f1551b img {
  width: auto;
  max-width: min(100%, var(--srhr-logo-w));
  height: auto;
  max-height: var(--srhr-logo-h);
  object-fit: contain;
}

/* ---------------------------------------------------------------------------
 * MOTION
 *
 * Everything this file animates is a hover lift or a colour, both enhancements.
 * The lifts resolve to their settled position and stop, per the base.css
 * convention.
 * ------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-aee0413 .elementor-button,
  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 > .elementor-container > .elementor-column > .elementor-widget-wrap,
  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide > .e-con {
    transition: none;
  }

  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-aee0413 .elementor-button:hover,
  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-5564304 > .elementor-container > .elementor-column > .elementor-widget-wrap:hover,
  body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-a24fab0 .swiper-slide > .e-con:hover {
    transform: none;
  }
}

/* ---------------------------------------------------------------------------
 * ONE OPTICAL CORRECTION IN THE EXCHANGE STRIP
 *
 * MEXC ships a STACKED lockup, the mark set above the wordmark, at 300x278.
 * KuCoin and BitMart are horizontal, at 300x68 and 300x77. Capped to one box,
 * all three are the same height and MEXC's lettering comes out roughly a third
 * of the size of the other two, because most of its box is spent on the mark
 * sitting above the letters rather than beside them.
 *
 * The registry in tokens.css settles this question for the product logotypes
 * and settles it the same way: what is matched between marks is the LETTERING,
 * not the bounding box, on the client's explicit instruction to "make the text
 * size for each Wordmark so they all match as closely as possible". A stacked
 * lockup therefore gets a taller box, and the multiplier is the ratio of its
 * wordmark's own height to the whole asset's.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-0786d6d img {
  max-height: calc(var(--srhr-logo-h) * 1.55);
}

/* ---------------------------------------------------------------------------
 * THE PARTNERS BAND OVERFLOWS ON A PHONE, AND ALWAYS HAS
 *
 * Measured at a 375px viewport: the band's container renders 485px wide, so the
 * paragraph loses its last word to the right edge and two of the six marks are
 * cut in half. It does this with this file disabled, so it is not a regression
 * from the restyle; the restyle happens to reduce it to 30px because the
 * paragraph now takes a 42ch measure, which is a smaller thing for the track's
 * min-content to be sized from.
 *
 * The cause is in homepage-partners-fix-v4. Below 900px its container collapses
 * to `grid-template-columns: 1fr !important`, and `1fr` is `minmax(auto, 1fr)`:
 * the `auto` minimum is a min-content floor, so the track cannot shrink below
 * the widest unbreakable thing inside it, which here is the two-up logo grid.
 * A grid item's own `min-width: auto` does the same thing one level down.
 *
 * `min-width` is the one property in this band the snippet does not set, so it
 * is reachable without the !important this file does not use. Setting it to
 * zero on the column and on the logo cells removes the floor and lets the
 * tracks do what the snippet clearly intended them to do. Nothing else about
 * the snippet's layout is touched.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-2c9fbc0 > .elementor-container > .elementor-column,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .partners-logo-grid,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .partners-logo-grid .elementor-element,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .partners-logo-grid img {
  min-width: 0;
}

/* ---------------------------------------------------------------------------
 * THE INLINE CONTACT PANEL IS REMOVED
 *
 * Rohan, 2026-09-02: "Remove the Contact us panel on the home page. That is
 * what the modal is for."
 *
 * Two Elementor containers, sitting between the partners band and the SHR
 * exchanges band, and together they cost 701px:
 *
 *   8b98684   the "Contact Us" heading, 177px
 *   d08f7f1   an image and the enquiry form, 524px
 *
 * The site already has one way to ask for contact: the Find Out More CTA opens
 * a modal from anywhere, and /contact/ exists for people who want a page. A
 * third route, parked two thirds of the way down the home page, is the one that
 * gets stale, and it duplicates a form that is maintained elsewhere.
 *
 * WHY CSS AND NOT AN EDIT TO THE ELEMENTOR DATA. This whole file exists to
 * restyle Elementor content the theme does not own, and the same reasoning
 * applies to removing a band: post 146's _elementor_data stays untouched, so
 * this is one deleted rule away from being undone, it survives anyone opening
 * the page in the Elementor editor, and there is nothing to restore from a
 * backup if the decision is reversed.
 *
 * The trade is that the markup is still delivered, hidden. If Rohan wants the
 * form gone from the document rather than from the page, that is an edit to the
 * Elementor data and it should be made deliberately, with a backup.
 * ------------------------------------------------------------------------- */

body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-8b98684,
body.page-id-146.elementor-kit-5.elementor-kit-5.elementor-kit-5:not(.sr-cinema) .sr-main .elementor-146 .elementor-element.elementor-element-d08f7f1 {
  display: none;
}