/*
 * AA Landing 9.10.2 — recessed process 01–03 with media glass controls
 * Fidelity layer for the three process cards shown in the approved mockup.
 * Loaded after every legacy stats stylesheet on purpose.
 */

.aail-site .aail-process-stats,
.aail-fragment .aail-process-stats {
  --aail-process-surface: #f4f3ef;
  --aail-process-panel: #f8f7f3;
  --aail-process-ink: #11110f;
  --aail-process-copy: #64615b;
  --aail-process-number: #765b3a;
  --aail-process-radius: clamp(30px, 2vw, 40px);
  --aail-process-gap: clamp(3px, .22vw, 5px);
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: column !important;
  align-items: stretch !important;
  gap: var(--aail-process-gap) !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  padding: var(--aail-process-gap) !important;
  margin-top: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: var(--aail-process-radius) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  overflow-anchor: none !important;
  contain: layout paint !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.30), rgba(215,211,203,.08)),
    var(--aail-process-surface) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow:
    inset 11px 11px 24px rgba(155,149,139,.115),
    inset -11px -11px 24px rgba(255,255,255,.96),
    0 10px 30px rgba(53,48,41,.035) !important;
}

/* In the full V8 renderer this is deliberately the exact same measure as the
   service cards and all other primary modules below it. */
.aail-visual-layout-master-v8 .aail-process-stats {
  width: var(--aail-v8-grid-width) !important;
  max-width: none !important;
  margin-inline: auto !important;
}

.aail-site .aail-process-stats > .aail-process-step,
.aail-fragment .aail-process-stats > .aail-process-step {
  --aail-process-accent-rgb: 255,122,0;
  --aail-process-panel-dark: #1b1e1c;
  --aail-process-glass-alpha: .223;
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: clamp(310px, 21.7vw, 444px) !important;
  margin: 0 !important;
  padding: clamp(40px, 3.55vw, 72px) clamp(32px, 3.35vw, 68px) !important;
  overflow: hidden !important;
  color: var(--aail-process-ink) !important;
  text-align: left !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  outline: 0 !important;
  border-radius: calc(var(--aail-process-radius) - var(--aail-process-gap)) !important;
  background:
    radial-gradient(132% 120% at 52% 46%, rgba(255,255,255,.43) 0%, rgba(255,255,255,.15) 48%, rgba(255,255,255,0) 79%),
    var(--aail-process-panel) !important;
  box-shadow:
    inset 18px 18px 31px rgba(168,163,154,.245),
    inset -18px -18px 31px rgba(255,255,255,.99),
    inset 0 0 0 1px rgba(105,97,84,.018) !important;
  -webkit-tap-highlight-color: transparent !important;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  overflow-anchor: none !important;
  contain: paint !important;
}

/* Optional image/video lives inside the bubble. The media is never exposed raw:
   a frosted glow layer always sits above it so text keeps the same premium,
   readable material treatment. */
.aail-site .aail-process-stats > .aail-process-step > .aail-process-media,
.aail-fragment .aail-process-stats > .aail-process-step > .aail-process-media {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  pointer-events: none !important;
}

.aail-site .aail-process-stats > .aail-process-step > .aail-process-media img,
.aail-site .aail-process-stats > .aail-process-step > .aail-process-media video,
.aail-fragment .aail-process-stats > .aail-process-step > .aail-process-media img,
.aail-fragment .aail-process-stats > .aail-process-step > .aail-process-media video {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: inherit !important;
  transform: scale(1.025);
}

.aail-site .aail-process-stats > .aail-process-step > .aail-process-glass,
.aail-fragment .aail-process-stats > .aail-process-step > .aail-process-glass {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    radial-gradient(110% 82% at 46% 12%, rgba(var(--aail-process-accent-rgb), var(--aail-process-glass-alpha)) 0%, rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .42)) 43%, rgba(var(--aail-process-accent-rgb), 0) 78%),
    linear-gradient(138deg, rgba(255,255,255,.18), rgba(255,255,255,.055) 52%, rgba(255,255,255,.13));
  -webkit-backdrop-filter: blur(8px) saturate(1.08) contrast(.99) !important;
  backdrop-filter: blur(8px) saturate(1.08) contrast(.99) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 0 42px rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .30));
}

.aail-site .aail-process-stats > .aail-process-step.aail-process-step-has-media > .aail-process-glass,
.aail-fragment .aail-process-stats > .aail-process-step.aail-process-step-has-media > .aail-process-glass {
  background:
    radial-gradient(115% 84% at 45% 10%, rgba(var(--aail-process-accent-rgb), var(--aail-process-glass-alpha)) 0%, rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .46)) 44%, rgba(var(--aail-process-accent-rgb), 0) 79%),
    linear-gradient(138deg, rgba(255,255,255,.54), rgba(255,255,255,.27) 48%, rgba(255,255,255,.43));
  -webkit-backdrop-filter: blur(15px) saturate(1.18) contrast(.98) !important;
  backdrop-filter: blur(15px) saturate(1.18) contrast(.98) !important;
}

/* The coloured state is a light source inside the material, never a flat fill
   and never a coloured outline. */
.aail-site .aail-process-stats > .aail-process-step::before,
.aail-fragment .aail-process-stats > .aail-process-step::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(94% 70% at 50% 16%, rgba(var(--aail-process-accent-rgb), .15) 0%, rgba(var(--aail-process-accent-rgb), .055) 43%, rgba(var(--aail-process-accent-rgb), 0) 80%),
    radial-gradient(72% 62% at 50% 50%, rgba(var(--aail-process-accent-rgb), .045) 0%, rgba(var(--aail-process-accent-rgb), 0) 72%),
    linear-gradient(132deg, rgba(var(--aail-process-accent-rgb), .035), rgba(var(--aail-process-accent-rgb), 0) 54%);
  opacity: 0;
  transition: opacity 680ms cubic-bezier(.2,.7,.2,1);
  will-change: opacity;
}

.aail-site .aail-process-stats > .aail-process-step::after,
.aail-fragment .aail-process-stats > .aail-process-step::after {
  content: "";
  position: absolute;
  inset: 1px;
  z-index: 4;
  border-radius: calc(var(--aail-process-radius) - var(--aail-process-gap) - 1px);
  pointer-events: none;
  box-shadow:
    inset 3px 3px 7px rgba(132,126,115,.052),
    inset -3px -3px 7px rgba(255,255,255,.50);
  transition: none !important;
}

.aail-site .aail-process-stats > .aail-process-step > *,
.aail-fragment .aail-process-stats > .aail-process-step > * {
  position: relative;
  z-index: 3;
}

.aail-site .aail-process-stats .aail-process-number,
.aail-fragment .aail-process-stats .aail-process-number {
  display: block !important;
  margin: 0 0 clamp(14px, 1.1vw, 20px) !important;
  color: var(--aail-process-number) !important;
  font: inherit !important;
  font-size: var(--aail-item-number-size, clamp(76px, 6vw, 122px)) !important;
  font-weight: 400 !important;
  line-height: .82 !important;
  letter-spacing: -.055em !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: none !important;
}

.aail-site .aail-process-stats > .aail-process-step h2,
.aail-fragment .aail-process-stats > .aail-process-step h2 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 clamp(10px, .72vw, 14px) !important;
  color: var(--aail-process-ink) !important;
  font: inherit !important;
  font-size: var(--aail-item-title-size, clamp(26px, 1.98vw, 40px)) !important;
  font-weight: 760 !important;
  line-height: 1.055 !important;
  letter-spacing: -.045em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-wrap: balance;
}

.aail-site .aail-process-stats > .aail-process-step p,
.aail-fragment .aail-process-stats > .aail-process-step p {
  display: block !important;
  width: 100% !important;
  max-width: 34em !important;
  margin: 0 !important;
  color: var(--aail-process-copy) !important;
  font: inherit !important;
  font-size: var(--aail-item-text-size, clamp(17px, 1.34vw, 27px)) !important;
  font-weight: 400 !important;
  line-height: 1.47 !important;
  letter-spacing: -.018em !important;
  text-align: left !important;
  text-decoration: none !important;
  text-wrap: pretty;
}

/* Dedicated entrance: each card moves from right to left into its final slot.
   This intentionally wins over the generic reveal transform. */
.aail-site .aail-process-stats.aail-process-js > .aail-process-step,
.aail-fragment .aail-process-stats.aail-process-js > .aail-process-step,
.aail-site.aail-motion-ready .aail-process-stats.aail-process-js > .aail-process-step.aail-reveal,
.aail-fragment.aail-motion-ready .aail-process-stats.aail-process-js > .aail-process-step.aail-reveal {
  opacity: 0 !important;
  transform: translate3d(clamp(54px, 6vw, 112px), 0, 0) !important;
  filter: none !important;
  transition:
    opacity 720ms cubic-bezier(.2,.76,.2,1) var(--aail-process-enter-delay, 0ms),
    transform 940ms cubic-bezier(.16,1,.3,1) var(--aail-process-enter-delay, 0ms) !important;
  will-change: opacity, transform;
}

.aail-site .aail-process-stats.aail-process-visible > .aail-process-step,
.aail-fragment .aail-process-stats.aail-process-visible > .aail-process-step,
.aail-site.aail-motion-ready .aail-process-stats.aail-process-visible > .aail-process-step.aail-reveal,
.aail-fragment.aail-motion-ready .aail-process-stats.aail-process-visible > .aail-process-step.aail-reveal {
  opacity: 1 !important;
  transform: translate3d(0,0,0) !important;
  filter: none !important;
}

/* The cyclic light never changes the card box itself. Safari can move the
   visual viewport by ~1 CSS px when a large inset shadow is animated on a
   visible anchor. The pulse therefore lives exclusively on ::before opacity. */
.aail-site .aail-process-stats > .aail-process-step.is-lit,
.aail-fragment .aail-process-stats > .aail-process-step.is-lit {
  box-shadow:
    inset 18px 18px 31px rgba(168,163,154,.245),
    inset -18px -18px 31px rgba(255,255,255,.99),
    inset 0 0 0 1px rgba(105,97,84,.018) !important;
}

.aail-site .aail-process-stats > .aail-process-step.is-lit::before,
.aail-fragment .aail-process-stats > .aail-process-step.is-lit::before {
  opacity: 1;
}

.aail-site .aail-process-stats > .aail-process-step.is-lit::after,
.aail-fragment .aail-process-stats > .aail-process-step.is-lit::after {
  box-shadow:
    inset 3px 3px 7px rgba(132,126,115,.052),
    inset -3px -3px 7px rgba(255,255,255,.50);
}

.aail-site .aail-process-stats > .aail-process-step.is-lit .aail-process-number,
.aail-fragment .aail-process-stats > .aail-process-step.is-lit .aail-process-number {
  text-shadow: none !important;
}

/* Hover must not replace the programmed orange/green light sequence. */
.aail-site .aail-process-stats > .aail-process-step:hover,
.aail-fragment .aail-process-stats > .aail-process-step:hover,
.aail-site .aail-process-stats > .aail-process-step:active,
.aail-fragment .aail-process-stats > .aail-process-step:active {
  color: var(--aail-process-ink) !important;
  transform-origin: center !important;
}

.aail-site .aail-process-stats > .aail-process-step:focus-visible,
.aail-fragment .aail-process-stats > .aail-process-step:focus-visible {
  outline: 2px solid rgba(var(--aail-process-accent-rgb), .28) !important;
  outline-offset: -5px !important;
}

/* Dark mode keeps the same recessed material logic instead of inverting the
   direction of the highlight/shadow. */
@media (prefers-color-scheme: dark) {
  .aail-site:not([data-aail-color-scheme="light"]) .aail-process-stats,
  .aail-fragment:not([data-aail-color-scheme="light"]) .aail-process-stats {
    --aail-process-surface: #151816;
    --aail-process-panel: #1b1e1c;
    --aail-process-ink: #f4f1e9;
    --aail-process-copy: #b9b5ad;
    --aail-process-number: #c49a69;
    box-shadow:
      inset 11px 11px 24px rgba(0,0,0,.34),
      inset -11px -11px 24px rgba(255,255,255,.028),
      0 10px 30px rgba(0,0,0,.12) !important;
  }
  .aail-site:not([data-aail-color-scheme="light"]) .aail-process-stats > .aail-process-step,
  .aail-fragment:not([data-aail-color-scheme="light"]) .aail-process-stats > .aail-process-step {
    background:
      radial-gradient(132% 120% at 52% 46%, rgba(255,255,255,.018) 0%, rgba(255,255,255,.006) 48%, rgba(255,255,255,0) 79%),
      var(--aail-process-panel-dark, var(--aail-process-panel)) !important;
    box-shadow:
      inset 18px 18px 31px rgba(0,0,0,.31),
      inset -18px -18px 31px rgba(255,255,255,.025),
      inset 0 0 0 1px rgba(255,255,255,.012) !important;
  }
}

.aail-site[data-aail-color-scheme="dark"] .aail-process-stats,
.aail-fragment[data-aail-color-scheme="dark"] .aail-process-stats {
  --aail-process-surface: #151816;
  --aail-process-panel: #1b1e1c;
  --aail-process-ink: #f4f1e9;
  --aail-process-copy: #b9b5ad;
  --aail-process-number: #c49a69;
}

.aail-site[data-aail-color-scheme="dark"] .aail-process-stats > .aail-process-step,
.aail-fragment[data-aail-color-scheme="dark"] .aail-process-stats > .aail-process-step {
  background:
    radial-gradient(132% 120% at 52% 46%, rgba(255,255,255,.018) 0%, rgba(255,255,255,.006) 48%, rgba(255,255,255,0) 79%),
    var(--aail-process-panel-dark, var(--aail-process-panel)) !important;
  box-shadow:
    inset 18px 18px 31px rgba(0,0,0,.31),
    inset -18px -18px 31px rgba(255,255,255,.025),
    inset 0 0 0 1px rgba(255,255,255,.012) !important;
}


@media (prefers-color-scheme: dark) {
  .aail-site:not([data-aail-color-scheme="light"]) .aail-process-stats > .aail-process-step > .aail-process-glass,
  .aail-fragment:not([data-aail-color-scheme="light"]) .aail-process-stats > .aail-process-step > .aail-process-glass {
    background:
      radial-gradient(112% 84% at 45% 10%, rgba(var(--aail-process-accent-rgb), var(--aail-process-glass-alpha)) 0%, rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .42)) 44%, rgba(var(--aail-process-accent-rgb), 0) 80%),
      linear-gradient(138deg, rgba(9,12,11,.16), rgba(17,20,18,.055) 52%, rgba(9,12,11,.13));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.055),
      inset 0 0 44px rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .34));
  }
}

.aail-site[data-aail-color-scheme="dark"] .aail-process-stats > .aail-process-step > .aail-process-glass,
.aail-fragment[data-aail-color-scheme="dark"] .aail-process-stats > .aail-process-step > .aail-process-glass {
  background:
    radial-gradient(112% 84% at 45% 10%, rgba(var(--aail-process-accent-rgb), var(--aail-process-glass-alpha)) 0%, rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .42)) 44%, rgba(var(--aail-process-accent-rgb), 0) 80%),
    linear-gradient(138deg, rgba(9,12,11,.16), rgba(17,20,18,.055) 52%, rgba(9,12,11,.13));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 0 44px rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .34));
}

@media (prefers-color-scheme: dark) {
  .aail-site:not([data-aail-color-scheme="light"]) .aail-process-stats > .aail-process-step.aail-process-step-has-media > .aail-process-glass,
  .aail-fragment:not([data-aail-color-scheme="light"]) .aail-process-stats > .aail-process-step.aail-process-step-has-media > .aail-process-glass {
    background:
      radial-gradient(115% 84% at 45% 10%, rgba(var(--aail-process-accent-rgb), var(--aail-process-glass-alpha)) 0%, rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .46)) 44%, rgba(var(--aail-process-accent-rgb), 0) 79%),
      linear-gradient(138deg, rgba(9,12,11,.58), rgba(17,20,18,.34) 52%, rgba(9,12,11,.50));
    -webkit-backdrop-filter: blur(15px) saturate(1.18) contrast(.98) !important;
    backdrop-filter: blur(15px) saturate(1.18) contrast(.98) !important;
  }
}

.aail-site[data-aail-color-scheme="dark"] .aail-process-stats > .aail-process-step.aail-process-step-has-media > .aail-process-glass,
.aail-fragment[data-aail-color-scheme="dark"] .aail-process-stats > .aail-process-step.aail-process-step-has-media > .aail-process-glass {
  background:
    radial-gradient(115% 84% at 45% 10%, rgba(var(--aail-process-accent-rgb), var(--aail-process-glass-alpha)) 0%, rgba(var(--aail-process-accent-rgb), calc(var(--aail-process-glass-alpha) * .46)) 44%, rgba(var(--aail-process-accent-rgb), 0) 79%),
    linear-gradient(138deg, rgba(9,12,11,.58), rgba(17,20,18,.34) 52%, rgba(9,12,11,.50));
  -webkit-backdrop-filter: blur(15px) saturate(1.18) contrast(.98) !important;
  backdrop-filter: blur(15px) saturate(1.18) contrast(.98) !important;
}



/* 9.9.9 — hard desktop column lock.
   Some host layouts still forced every card onto its own row. Reassert the
   geometry explicitly so the approved module always renders as 3 columns on
   desktop and exactly 1 column only on small screens. */
@media (min-width: 761px) {
  .aail-site .aail-process-stats,
  .aail-fragment .aail-process-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-auto-flow: column !important;
    align-items: stretch !important;
  }

  .aail-site .aail-process-stats > .aail-process-step,
  .aail-fragment .aail-process-stats > .aail-process-step {
    grid-row: 1 !important;
    grid-column: auto !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    float: none !important;
    clear: none !important;
    flex: none !important;
  }

  .aail-site .aail-process-stats > .aail-process-step:nth-child(1),
  .aail-fragment .aail-process-stats > .aail-process-step:nth-child(1) { grid-column: 1 !important; }
  .aail-site .aail-process-stats > .aail-process-step:nth-child(2),
  .aail-fragment .aail-process-stats > .aail-process-step:nth-child(2) { grid-column: 2 !important; }
  .aail-site .aail-process-stats > .aail-process-step:nth-child(3),
  .aail-fragment .aail-process-stats > .aail-process-step:nth-child(3) { grid-column: 3 !important; }
}

@media (max-width: 760px) {
  .aail-site .aail-process-stats,
  .aail-fragment .aail-process-stats {
    grid-template-columns: 1fr !important;
    --aail-process-radius: clamp(24px, 8vw, 34px);
    --aail-process-gap: 4px;
  }

  .aail-site .aail-process-stats > .aail-process-step,
  .aail-fragment .aail-process-stats > .aail-process-step {
    min-height: 0 !important;
    padding: clamp(34px, 9vw, 50px) clamp(26px, 7vw, 42px) !important;
  }

  .aail-site .aail-process-stats .aail-process-number,
  .aail-fragment .aail-process-stats .aail-process-number {
    font-size: var(--aail-item-number-size-mobile, var(--aail-item-number-size, clamp(66px, 20vw, 94px))) !important;
  }

  .aail-site .aail-process-stats > .aail-process-step h2,
  .aail-fragment .aail-process-stats > .aail-process-step h2 {
    font-size: var(--aail-item-title-size-mobile, var(--aail-item-title-size, clamp(25px, 7vw, 34px))) !important;
  }

  .aail-site .aail-process-stats > .aail-process-step p,
  .aail-fragment .aail-process-stats > .aail-process-step p {
    font-size: var(--aail-item-text-size-mobile, var(--aail-item-text-size, clamp(17px, 4.6vw, 21px))) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .aail-site .aail-process-stats.aail-process-js > .aail-process-step,
  .aail-fragment .aail-process-stats.aail-process-js > .aail-process-step,
  .aail-site .aail-process-stats > .aail-process-step::before,
  .aail-fragment .aail-process-stats > .aail-process-step::before,
  .aail-site .aail-process-stats > .aail-process-step::after,
  .aail-fragment .aail-process-stats > .aail-process-step::after {
    transition: none !important;
  }
  .aail-site .aail-process-stats.aail-process-js > .aail-process-step,
  .aail-fragment .aail-process-stats.aail-process-js > .aail-process-step {
    opacity: 1 !important;
    transform: none !important;
    will-change: auto !important;
  }
}

.aail-process-stats.aail-process-enter-complete > .aail-process-step {
  will-change: auto !important;
}

/* Explicit dark mode uses the same material direction as automatic dark mode. */
.aail-site[data-aail-color-scheme="dark"] .aail-process-stats,
.aail-fragment[data-aail-color-scheme="dark"] .aail-process-stats {
  box-shadow:
    inset 11px 11px 24px rgba(0,0,0,.34),
    inset -11px -11px 24px rgba(255,255,255,.028),
    0 10px 30px rgba(0,0,0,.12) !important;
}

@media (prefers-color-scheme: dark) {
  .aail-site:not([data-aail-color-scheme="light"]) .aail-process-stats > .aail-process-step.is-lit,
  .aail-fragment:not([data-aail-color-scheme="light"]) .aail-process-stats > .aail-process-step.is-lit {
    box-shadow:
      inset 18px 18px 31px rgba(0,0,0,.31),
      inset -18px -18px 31px rgba(255,255,255,.025),
      inset 0 0 0 1px rgba(255,255,255,.012) !important;
  }
}

.aail-site[data-aail-color-scheme="dark"] .aail-process-stats > .aail-process-step.is-lit,
.aail-fragment[data-aail-color-scheme="dark"] .aail-process-stats > .aail-process-step.is-lit {
  box-shadow:
    inset 18px 18px 31px rgba(0,0,0,.31),
    inset -18px -18px 31px rgba(255,255,255,.025),
    inset 0 0 0 1px rgba(255,255,255,.012) !important;
}