/* OMSAG LP · Hero — frontend styles
   All custom properties fall back to defaults if Tokens isn't loaded. */

.omsag-lp-hero {
  --b:   var(--omsag-lp-brand, #50aa3c);
  --bl:  var(--omsag-lp-lime, #aad337);
  --bd:  var(--omsag-lp-brand-deep, #50aa3c);
  --bs:  var(--omsag-lp-brand-soft, rgba(80,170,60,.12));
  --ink: var(--omsag-lp-ink, #232730);
  --ts:  var(--omsag-lp-text-soft, #5a6270);
  --mut: var(--omsag-lp-muted, #8a93a3);
  --ln:  var(--omsag-lp-line, #e6e8ec);
  --bg:  var(--omsag-lp-bg, #fff);
  --bga: var(--omsag-lp-bg-alt, #f9faf8);
  --bgc: var(--omsag-lp-bg-cream, #f0f4ee);
  --wn:  var(--omsag-lp-warning, #f5b300);
  --dn:  #e2574c;
  --pill: var(--omsag-lp-pill, 999px);
  --ez:  var(--omsag-lp-ease, cubic-bezier(.2,.7,.2,1));
  --grad: var(--omsag-lp-brand-grad, linear-gradient(135deg,#50aa3c 0%,#aad337 100%));
  --gradr: var(--omsag-lp-brand-grad-r, linear-gradient(90deg,#50aa3c 0%,#aad337 100%));
  --font: var(--omsag-lp-font, 'Outfit', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif);

  position: relative;
  font-family: var(--font);
  color: var(--ink);
  padding: 140px 0 80px;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, #ffffff 0px, var(--bga) 37%, var(--bgc) 100%);
  -webkit-font-smoothing: antialiased;
}
.omsag-lp-hero,
.omsag-lp-hero *,
.omsag-lp-hero *::before,
.omsag-lp-hero *::after { box-sizing: border-box; }

.omsag-lp-hero__container { width: 100%; max-width: 1450px; margin: 0 auto; padding: 0 28px; }

.omsag-lp-hero__bg { position: absolute; inset: 0; z-index: -1; }
.omsag-lp-hero__bg-img {
  position: absolute; inset: 0;
  background-size: cover; background-position: center; background-repeat: no-repeat;
}
.omsag-lp-hero__blob {
  position: absolute; right: -200px; top: -80px;
  width: 680px; height: 680px;
  background: radial-gradient(circle at 70% 30%, rgba(170,211,55,.55), rgba(170,211,55,0) 70%);
  filter: blur(80px);
  opacity: .55;
  border-radius: 50%;
  animation: omsag-lp-hero-floaty 18s var(--ez) infinite;
  will-change: transform;
}
@keyframes omsag-lp-hero-floaty {
  0%,100% { transform: translate(0,0) scale(1); }
  33%     { transform: translate(36px,-28px) scale(1.05); }
  66%     { transform: translate(-28px,30px) scale(.97); }
}
.omsag-lp-hero__grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(35,39,48,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(35,39,48,.045) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 70%);
          mask-image: radial-gradient(ellipse at 50% 30%, #000 30%, transparent 70%);
}

.omsag-lp-hero__grid-inner {
  position: relative;
  display: grid;
  grid-template-columns: 0.86fr 1.2fr;
  gap: 48px;
  align-items: center;
  min-height: 580px;
}

/* Eyebrow — plain green uppercase text (matching the Video hero's standard style) */
.omsag-lp-hero__eyebrow {
  display: inline-block;
  font-size: 13px; font-weight: 600; letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--b);
  margin-bottom: 16px;
}

.omsag-lp-hero__headline {
  font-size: clamp(30px, 3.5vw, 52px);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1.14;
  color: var(--ink);
  margin: 0 0 28px;
}
.omsag-lp-hero__headline br.d { display: none; }
@media (min-width: 900px) {
  .omsag-lp-hero__headline br.d { display: inline; }
}
.omsag-lp-hero__grad {
  background: var(--grad);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}

.omsag-lp-hero__sub {
  font-size: clamp(17px, 1.4vw, 20px);
  line-height: 1.55;
  color: var(--ts);
  max-width: 640px;
  margin: 0 0 36px;
}

/* === optional checkmark list (alternative/additional to subtitle) === */
.omsag-lp-hero__list {
  list-style: none;
  margin: 0 0 36px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 13px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 640px;
  text-align: left;
}
/* When a subtitle precedes the list, pull the list up a touch for rhythm */
.omsag-lp-hero__sub + .omsag-lp-hero__list { margin-top: -10px; }
.omsag-lp-hero__list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: clamp(16px, 1.25vw, 18px);
  line-height: 1.45;
  color: var(--ts);
  font-weight: 500;
}
.omsag-lp-hero__list-item span { display: block; padding-top: 1px; }
.omsag-lp-hero__check {
  flex: 0 0 auto;
  width: 22px; height: 22px;
  filter: drop-shadow(0 2px 5px rgba(80,170,60,.28));
  animation: omsag-lp-hero-check-in .5s var(--ez) backwards;
}
.omsag-lp-hero__list-item:nth-child(2) .omsag-lp-hero__check { animation-delay: .05s; }
.omsag-lp-hero__list-item:nth-child(3) .omsag-lp-hero__check { animation-delay: .12s; }
.omsag-lp-hero__list-item:nth-child(4) .omsag-lp-hero__check { animation-delay: .19s; }
.omsag-lp-hero__list-item:nth-child(5) .omsag-lp-hero__check { animation-delay: .26s; }
.omsag-lp-hero__list-item:nth-child(6) .omsag-lp-hero__check { animation-delay: .33s; }
.omsag-lp-hero__list-item:nth-child(7) .omsag-lp-hero__check { animation-delay: .40s; }
@keyframes omsag-lp-hero-check-in { from { opacity: 0; transform: scale(.5); } }

.omsag-lp-hero__cta { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 44px; }

/* ===== buttons — styling taken from lp-hero (Video):
   brand = solid ink, only lift + shadow on hover (no color change);
   ghost = light glass, lift + shadow on hover. ===== */
.omsag-lp-btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 15px 20px;
  font-size: 16px; font-weight: 600;
  font-family: var(--font);
  border: 1px solid transparent;
  border-radius: var(--pill);
  text-decoration: none;
  transition: transform .25s var(--ez), background .25s var(--ez), color .25s var(--ez), border-color .25s var(--ez), box-shadow .25s var(--ez);
  white-space: nowrap;
  cursor: pointer;
}
.omsag-lp-hero .omsag-lp-btn--brand,
.omsag-lp-hero a.omsag-lp-btn--brand:link,
.omsag-lp-hero a.omsag-lp-btn--brand:visited {
  background: var(--ink);
  color: #fff;
  border-color: transparent;
  box-shadow: none;
}
.omsag-lp-hero a.omsag-lp-btn--brand:hover,
.omsag-lp-hero a.omsag-lp-btn--brand:focus,
.omsag-lp-hero a.omsag-lp-btn--brand:active {
  transform: translateY(-2px);
  background: var(--ink);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 20px 40px -14px rgba(15,17,21,.55);
}
.omsag-lp-hero .omsag-lp-btn--ghost,
.omsag-lp-hero a.omsag-lp-btn--ghost:link,
.omsag-lp-hero a.omsag-lp-btn--ghost:visited {
  background: rgba(255,255,255,.7);
  color: var(--ink);
  border-color: var(--ln);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  box-shadow: none;
}
.omsag-lp-hero a.omsag-lp-btn--ghost:hover,
.omsag-lp-hero a.omsag-lp-btn--ghost:focus,
.omsag-lp-hero a.omsag-lp-btn--ghost:active {
  transform: translateY(-2px);
  background: rgba(255,255,255,.7);
  color: var(--ink);
  border-color: var(--ln);
  box-shadow: 0 20px 40px -14px rgba(15,17,21,.30), 0 4px 14px rgba(15,17,21,.08);
}
/* SVG arrow inside buttons — slides + rotates on hover, OMSAG signature move */
.omsag-lp-btn__arrow {
  display: inline-flex; align-items: center; justify-content: center;
  width: 25px; height: 24px;
  transition: transform .35s cubic-bezier(.42, 0, .58, 1);
}
.omsag-lp-btn__arrow svg { width: 25px; height: 24px; display: block; }
.omsag-lp-btn:hover .omsag-lp-btn__arrow { transform: translateX(8px) rotate(45deg); }

/* trust line (rating variant) */
.omsag-lp-hero__trust { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.omsag-lp-hero__trust-top { display: inline-flex; align-items: center; gap: 14px; }
.omsag-lp-hero__stars { display: inline-flex; gap: 3px; font-size: 22px; color: var(--wn); line-height: 1; }
.omsag-lp-hero__stars .s { display: inline-block; line-height: 1; }
.omsag-lp-hero__stars .s.half { position: relative; color: rgba(245,179,0,.25); }
.omsag-lp-hero__stars .s.half::before { content: "★"; position: absolute; inset: 0; width: 50%; overflow: hidden; color: var(--wn); }
.omsag-lp-hero__avatars { display: inline-flex; isolation: isolate; }
.omsag-lp-hero__avatars img {
  width: 44px; height: 44px;
  border-radius: 50%;
  border: 2px solid #fff;
  object-fit: cover;
  box-shadow: 0 2px 6px rgba(15,17,21,.12);
  margin-left: -14px;
  position: relative;
}
.omsag-lp-hero__avatars img:first-child   { margin-left: 0; z-index: 3; }
.omsag-lp-hero__avatars img:nth-child(2)  { z-index: 2; }
.omsag-lp-hero__avatars img:nth-child(3)  { z-index: 1; }
.omsag-lp-hero__trust-copy { font-size: 15px; font-weight: 500; color: var(--ts); }

/* trust badges (default variant) — partner logos, ported from lp-hero (Video) */
.omsag-lp-hero__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px 28px;
  margin-top: 4px;
}
.omsag-lp-hero__badge {
  display: inline-flex;
  align-items: center;
  opacity: .9;
  filter: saturate(.95);
  transition: opacity .25s var(--ez), transform .25s var(--ez), filter .25s var(--ez);
}
.omsag-lp-hero__badge:hover { opacity: 1; transform: translateY(-1px); filter: saturate(1); }
.omsag-lp-hero__badge img {
  display: block;
  height: 100%;
  max-width: 240px;
  width: auto;
  object-fit: contain;
}

/* ============================================================
   VISUAL — Audit Dashboard (animated SVG)
   ============================================================ */
.omsag-lp-hero__visual {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
/* White badge row under the visual — balances left/right column height */
.omsag-lp-hero__visual-badges {
  width: 100%;
  max-width: 720px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px 24px;
  padding: 18px 26px;
  background: #fff;
  border: 1px solid var(--ln);
  border-radius: 20px;
  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 16px 44px -22px rgba(15,17,21,.16), 0 6px 16px -10px rgba(15,17,21,.10);
}
/* Audit = a grid of separate cards (no outer wrapper card) */
.omsag-lp-hero__audit {
  width: 100%;
  max-width: 720px;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  animation: omsag-lp-hero-card 1.1s cubic-bezier(.16,1,.3,1) backwards;
}
@keyframes omsag-lp-hero-card { from { opacity: 0; transform: translateY(22px) scale(.96); } }

/* shared card surface */
.omsag-lp-hero__card,
.omsag-lp-hero__gauge-card,
.omsag-lp-hero__stat,
.omsag-lp-hero__prios,
.omsag-lp-hero__growth {
  background: #fff;
  border: 1px solid var(--ln);
  border-radius: 20px;
  box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 0 16px 44px -22px rgba(15,17,21,.16), 0 6px 16px -10px rgba(15,17,21,.10);
}

/* --- Card 1: gauge only (no heading) --- */
.omsag-lp-hero__gauge-card {
  grid-column: span 4;
  position: relative;
  display: grid;
  place-items: center;
  padding: 22px;
  min-height: 184px;
}
.omsag-lp-hero__gauge { width: 138px; height: 138px; display: block; }
.omsag-lp-hero__gauge-track { stroke: rgba(80,170,60,.16); }
.omsag-lp-hero__gauge-val {
  stroke-dasharray: var(--omsag-gauge, 78) 100;
  stroke-dashoffset: var(--omsag-gauge, 78);
  animation: omsag-lp-hero-gauge 1.7s cubic-bezier(.16,1,.3,1) .3s forwards;
}
@keyframes omsag-lp-hero-gauge { to { stroke-dashoffset: 0; } }
.omsag-lp-hero__gauge-center {
  position: absolute;
  inset: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.omsag-lp-hero__gauge-center strong {
  font-size: 40px; font-weight: 700; color: var(--ink); letter-spacing: -0.03em; line-height: 1;
}
.omsag-lp-hero__gauge-max { font-size: 14px; font-weight: 600; color: var(--mut); margin-top: 4px; }
.omsag-lp-hero__gauge-label { font-size: 11px; color: var(--ts); margin-top: 4px; font-weight: 500; }

/* --- Cards 2 & 3: status tiles with value + pill --- */
.omsag-lp-hero__stat {
  --val: var(--b); --pill-fg: var(--b); --pill-bg: rgba(80,170,60,.12);
  grid-column: span 4;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}
.omsag-lp-hero__stat[data-tone="good"] { --val: var(--b);  --pill-fg: var(--b);     --pill-bg: rgba(80,170,60,.12); }
.omsag-lp-hero__stat[data-tone="mid"]  { --val: var(--wn); --pill-fg: #c4880c;       --pill-bg: rgba(245,179,0,.16); }
.omsag-lp-hero__stat[data-tone="low"]  { --val: var(--dn); --pill-fg: var(--dn);     --pill-bg: rgba(226,87,76,.12); }
.omsag-lp-hero__stat small { font-size: 14px; color: var(--ts); font-weight: 500; line-height: 1.25; }
.omsag-lp-hero__stat-foot { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; width: 100%; }
.omsag-lp-hero__stat strong { font-size: clamp(30px, 3vw, 38px); font-weight: 700; color: var(--val); letter-spacing: -0.02em; line-height: 1; }
.omsag-lp-hero__stat-sub {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 13px;
  border-radius: var(--pill);
  background: var(--pill-bg);
  color: var(--pill-fg);
  font-size: 13px; font-weight: 600; line-height: 1.2;
}
.omsag-lp-hero__stat-sub svg { flex: 0 0 auto; }

/* --- Card 4: priorities (pill tags) --- */
.omsag-lp-hero__audit-h { font-size: 14px; font-weight: 700; color: var(--ink); margin: 0 0 4px; letter-spacing: -0.01em; }
.omsag-lp-hero__prios { grid-column: span 7; padding: 20px; }
.omsag-lp-hero__prios ol { list-style: none; margin: 6px 0 0; padding: 0; }
.omsag-lp-hero__prios li {
  --pill-fg: var(--b); --pill-bg: rgba(80,170,60,.12);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(35,39,48,.06);
  animation: omsag-lp-hero-prio-in .6s var(--ez) backwards;
  animation-delay: calc(.5s + var(--i) * .1s);
}
.omsag-lp-hero__prios li:last-child { border-bottom: 0; padding-bottom: 0; }
@keyframes omsag-lp-hero-prio-in { from { opacity: 0; transform: translateX(-10px); } }
.omsag-lp-hero__prios .rank { font-size: 14px; font-weight: 700; color: var(--mut); width: 18px; }
.omsag-lp-hero__prios .name { font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.3; white-space: nowrap; min-width: 0; }
.omsag-lp-hero__prios .lvl {
  font-size: 12.5px; font-weight: 600;
  padding: 4px 12px; border-radius: var(--pill);
  background: var(--pill-bg); color: var(--pill-fg);
  white-space: nowrap;
}
.omsag-lp-hero__prios .lvl[data-tone="good"] { --pill-fg: var(--b);  --pill-bg: rgba(80,170,60,.12); }
.omsag-lp-hero__prios .lvl[data-tone="mid"]  { --pill-fg: #c4880c;    --pill-bg: rgba(245,179,0,.16); }
.omsag-lp-hero__prios .lvl[data-tone="low"]  { --pill-fg: var(--dn);  --pill-bg: rgba(226,87,76,.12); }

/* --- Card 5: growth chart (kept from previous view) --- */
.omsag-lp-hero__growth { grid-column: span 5; padding: 20px; display: flex; flex-direction: column; }
.omsag-lp-hero__growth-chart { position: relative; flex: 1; width: 100%; min-height: 190px; margin-top: 8px; }
.omsag-lp-hero__growth-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.omsag-lp-hero__growth-chart .g line { stroke: rgba(35,39,48,.06); stroke-dasharray: 3 4; }
.omsag-lp-hero__growth-chart .line {
  stroke-dasharray: 520; stroke-dashoffset: 520;
  animation: omsag-lp-hero-line 2.2s cubic-bezier(.16,1,.3,1) .5s forwards;
}
@keyframes omsag-lp-hero-line { to { stroke-dashoffset: 0; } }
.omsag-lp-hero__growth-chart .area { opacity: 0; animation: omsag-lp-hero-fade .8s ease 1s forwards; }
@keyframes omsag-lp-hero-fade { to { opacity: 1; } }
/* Dots drawn as zero-length round-cap paths with non-scaling stroke → stay perfectly
   circular regardless of the chart's non-uniform stretch. ring = green, core = white. */
.omsag-lp-hero__growth-chart .d path { stroke-linecap: round; vector-effect: non-scaling-stroke; fill: none; opacity: 0; animation: omsag-lp-hero-fade .4s ease forwards; }
.omsag-lp-hero__growth-chart .d .ring { stroke: var(--b); stroke-width: 9; }
.omsag-lp-hero__growth-chart .d .core { stroke: #fff; stroke-width: 4; }
.omsag-lp-hero__growth-chart .d .ring:nth-of-type(1) { animation-delay: 1.4s; }
.omsag-lp-hero__growth-chart .d .core:nth-of-type(2) { animation-delay: 1.45s; }
.omsag-lp-hero__growth-chart .d .ring:nth-of-type(3) { animation-delay: 1.8s; }
.omsag-lp-hero__growth-chart .d .core:nth-of-type(4) { animation-delay: 1.85s; }
.omsag-lp-hero__growth-chart .d .ring.pulse { animation: omsag-lp-hero-fade .4s ease 2.2s forwards, omsag-lp-hero-dot 1.7s ease infinite 2.6s; }
.omsag-lp-hero__growth-chart .d .core:nth-of-type(6) { animation-delay: 2.25s; }
@keyframes omsag-lp-hero-dot { 0%,100% { stroke-width: 9; } 50% { stroke-width: 14; } }
.omsag-lp-hero__growth-badge {
  position: absolute; right: 0; bottom: 0;
  padding: 9px 14px;
  background: #fff;
  border: 1px solid var(--ln);
  border-radius: 12px;
  box-shadow: 0 10px 28px -8px rgba(15,17,21,.22), 0 3px 10px rgba(15,17,21,.08);
  text-align: right;
  animation: omsag-lp-hero-badge-in .6s cubic-bezier(.16,1,.3,1) 2.2s backwards;
}
@keyframes omsag-lp-hero-badge-in { from { opacity: 0; transform: translateY(8px) scale(.9); } }
.omsag-lp-hero__growth-badge strong {
  display: block; font-size: 24px; font-weight: 700; line-height: 1; letter-spacing: -0.02em;
  background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.omsag-lp-hero__growth-badge small { display: block; font-size: 10.5px; color: var(--bd); font-weight: 600; margin-top: 4px; }

/* ============ RESPONSIVE ============ */
@media (max-width: 1180px) {
  .omsag-lp-hero__grid-inner { grid-template-columns: 1fr; gap: 64px; min-height: 0; }
  .omsag-lp-hero__visual { max-width: 720px; margin: 0 auto; }
  .omsag-lp-hero__copy { text-align: center; }
  .omsag-lp-hero__sub { margin-inline: auto; }
  .omsag-lp-hero__list { margin-inline: auto; }
  .omsag-lp-hero__cta { justify-content: center; }
  .omsag-lp-hero__trust { align-items: center; }
}
@media (max-width: 760px) {
  .omsag-lp-hero { padding: 110px 0 48px; }
  .omsag-lp-hero__grid-inner { gap: 30px; }
  .omsag-lp-hero__container { padding: 0 20px; }
  .omsag-lp-hero__stars { font-size: 18px; }
  .omsag-lp-hero__avatars img { width: 38px; height: 38px; margin-left: -12px; }
  .omsag-lp-hero__avatars img:first-child { margin-left: 0; }
  .omsag-lp-hero__trust-copy { font-size: 13px; }
  .omsag-lp-hero__badges { gap: 16px 20px; }
  .omsag-lp-hero__visual-badges { justify-content: center; gap: 16px 22px; padding: 16px 18px; }
  .omsag-lp-hero__badge img { max-width: 180px; }
  .omsag-lp-hero__badge--hide-mobile { display: none !important; }
  .omsag-lp-btn { padding: 13px 18px; font-size: 14px; }

  /* Audit cards: gauge + both status tiles in ONE compact row, prios + growth full rows */
  .omsag-lp-hero__audit { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .omsag-lp-hero__gauge-card { grid-column: span 1; min-height: 0; padding: 14px 8px; }
  .omsag-lp-hero__gauge { width: 82px; height: 82px; }
  .omsag-lp-hero__gauge-center { inset: 12px; }
  .omsag-lp-hero__gauge-center strong { font-size: 23px; }
  .omsag-lp-hero__gauge-max { font-size: 10.5px; margin-top: 2px; }
  .omsag-lp-hero__gauge-label { display: none; }
  .omsag-lp-hero__stat { grid-column: span 1; padding: 14px 12px; gap: 10px; }
  .omsag-lp-hero__stat small { font-size: 11px; }
  .omsag-lp-hero__stat-foot { gap: 8px; }
  .omsag-lp-hero__stat strong { font-size: clamp(19px, 5.6vw, 24px); }
  .omsag-lp-hero__stat-sub { font-size: 10.5px; padding: 5px 9px; gap: 5px; line-height: 1.25; }
  .omsag-lp-hero__stat-sub svg { width: 11px; height: 11px; }
  .omsag-lp-hero__prios { grid-column: 1 / -1; }
  .omsag-lp-hero__growth { grid-column: 1 / -1; }
}
/* very narrow phones — tighten the 3-in-a-row a touch more */
@media (max-width: 400px) {
  .omsag-lp-hero__audit { gap: 8px; }
  .omsag-lp-hero__gauge { width: 72px; height: 72px; }
  .omsag-lp-hero__gauge-center strong { font-size: 20px; }
  .omsag-lp-hero__stat { padding: 12px 9px; }
  .omsag-lp-hero__stat strong { font-size: 18px; }
  .omsag-lp-hero__stat-sub { font-size: 10px; padding: 4px 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .omsag-lp-hero *,
  .omsag-lp-hero *::before,
  .omsag-lp-hero *::after { animation: none !important; }
  .omsag-lp-hero__gauge-val { stroke-dashoffset: 0; }
  .omsag-lp-hero__growth-chart .line { stroke-dashoffset: 0; }
  .omsag-lp-hero__growth-chart .area,
  .omsag-lp-hero__growth-chart .d path { opacity: 1; }
}