/* ═══════════════════════════════════════════════════════════════════════
   RM GROWTH PARTNERS — V2 revision layer (loaded last)
   Hero metric cards, clean funnel, Revenue+Makers USP, supporting facts,
   footer contact cards.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── Hero metric cards (replaces cramped inline stats) ── */
.hero-metrics{ display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; margin-top:2.25rem }
.hmetric{ padding:1.1rem 1.15rem; border-radius:16px; backdrop-filter:blur(8px);
  background:linear-gradient(160deg, rgb(var(--on-rgb)/.06), rgb(var(--on-rgb)/.02)); border:1px solid var(--line);
  box-shadow:0 14px 34px -24px #000; transition:transform .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease) }
.hmetric:hover{ transform:translateY(-4px); border-color:rgb(201 162 77/.4); box-shadow:0 22px 46px -26px var(--gold-glow) }
.hmetric__ic{ display:grid; place-items:center; width:34px; height:34px; border-radius:10px; margin-bottom:.75rem; color:var(--gold);
  background:rgb(201 162 77/.1); border:1px solid rgb(201 162 77/.22) }
.hmetric__ic svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
.hmetric__v{ display:block; font-family:var(--f-display); font-weight:500; font-size:clamp(1.4rem,1.2rem + .6vw,1.7rem); letter-spacing:-.02em;
  color:var(--ink); line-height:1; font-variant-numeric:tabular-nums }
.hmetric__v em{ font-style:normal; color:var(--gold) }
.hmetric__k{ display:block; font-size:.78rem; color:var(--ink-3); margin-top:.45rem }
@media (max-width:460px){ .hero-metrics{ grid-template-columns:1fr } }

/* ── Clean CSS funnel (replaces overlapping SVG funnel) ── */
.leakfunnel{ display:flex; flex-direction:column; align-items:center; gap:.5rem; width:100%; max-width:400px; margin:0 auto }
.leakfunnel__row{ width:var(--w); min-height:56px; display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:.55rem 1rem; border-radius:10px; border:1px solid rgb(201 162 77/.3);
  background:linear-gradient(100deg, rgb(201 162 77/.18), rgb(201 162 77/.05));
  font-family:var(--f-display); font-weight:600; font-size:.92rem; color:var(--ink); transition:transform .4s var(--ease) }
.leakfunnel__row:hover{ transform:translateY(-2px) }
.leakfunnel__row small{ display:block; font-family:var(--f-body); font-weight:400; font-size:.7rem; color:var(--ink-3); margin-top:.1rem }
.leakfunnel__row--rev{ border-color:rgb(74 222 128/.5); background:linear-gradient(100deg, rgb(74 222 128/.2), rgb(74 222 128/.05)) }
.leakfunnel__cap{ margin-top:.75rem; text-align:center; font-size:.85rem; color:var(--ink-3) }
.leakfunnel__cap b{ font-family:var(--f-display); font-weight:700; font-size:1.15rem; color:var(--gold) }
@media (max-width:520px){ .leakfunnel__row{ min-height:48px; font-size:.85rem } }

/* ── Revenue + Makers = Predictable Growth (USP) ── */
.rm__head{ text-align:center; margin-bottom:clamp(1.5rem,3vw,2.25rem) }
.rm__eq{ font-family:var(--f-display); font-weight:700; letter-spacing:-.02em; color:var(--ink);
  font-size:clamp(1.5rem,1.1rem + 1.9vw,2.4rem) }
.rm__eq b{ color:var(--gold) }
.rm__grid{ display:grid; grid-template-columns:1fr auto 1fr; gap:clamp(1rem,2.5vw,1.75rem); align-items:stretch }
.rmp{ position:relative; padding:clamp(1.4rem,3vw,2rem); border-radius:22px; overflow:hidden;
  background:linear-gradient(165deg, rgb(201 162 77/.09), rgb(var(--on-rgb)/.02)); border:1px solid rgb(201 162 77/.22) }
.rmp--m{ background:linear-gradient(165deg, rgb(86 100 129/.12), rgb(var(--on-rgb)/.02)); border-color:rgb(86 100 129/.3) }
.rmp__top{ display:flex; align-items:center; gap:1rem; margin-bottom:1.25rem }
.rmp__mark{ display:grid; place-items:center; width:60px; height:60px; border-radius:16px; flex:none;
  font-family:var(--f-display); font-weight:800; font-size:2.2rem; line-height:1; color:var(--on-gold);
  background:linear-gradient(140deg, var(--gold-lt), var(--gold-dk)); box-shadow:0 10px 26px -12px var(--gold-glow) }
.rmp--m .rmp__mark{ color:#fff; background:linear-gradient(140deg, var(--navy), var(--navy-2)); box-shadow:0 10px 26px -12px rgb(86 100 129/.5) }
.rmp__t b{ display:block; font-family:var(--f-display); font-weight:600; font-size:1.3rem; color:var(--ink); letter-spacing:-.01em }
.rmp__t span{ font-size:.85rem; color:var(--gold) }
.rmp--m .rmp__t span{ color:var(--navy) }
.rmp__lead{ font-size:.92rem; color:var(--ink-3); line-height:1.55; margin-bottom:1.1rem }
.flow{ display:flex; flex-direction:column; gap:.55rem }
.flow__node{ position:relative; display:flex; align-items:center; gap:.7rem; padding:.62rem .9rem; border-radius:11px;
  background:rgb(var(--on-rgb)/.045); border:1px solid var(--line); font-family:var(--f-display); font-weight:500; font-size:.92rem; color:var(--ink);
  transition:border-color .35s var(--ease), transform .35s var(--ease) }
.flow__node:hover{ border-color:rgb(201 162 77/.45); transform:translateX(3px) }
.rmp--m .flow__node:hover{ border-color:rgb(86 100 129/.55) }
.flow__node::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--gold); flex:none }
.rmp--m .flow__node::before{ background:var(--navy) }
.flow__node:not(:last-child)::after{ content:""; position:absolute; left:1.19rem; bottom:-.55rem; height:.55rem; width:2px;
  background:linear-gradient(180deg, rgb(201 162 77/.5), transparent) }
.rmp--m .flow__node:not(:last-child)::after{ background:linear-gradient(180deg, rgb(86 100 129/.6), transparent) }
.rmp__tags{ display:flex; flex-wrap:wrap; gap:.4rem; margin-top:1.1rem }
.rmp__tags span{ font-size:.72rem; padding:.28rem .62rem; border-radius:100px; background:rgb(var(--on-rgb)/.05); border:1px solid var(--line); color:var(--ink-3) }
.rm__plus{ display:grid; place-items:center; width:56px }
.rm__plus span{ display:grid; place-items:center; width:52px; height:52px; border-radius:50%; font-family:var(--f-display); font-weight:700; font-size:1.5rem;
  color:var(--gold); background:rgb(12 13 16/.9); border:1px solid rgb(201 162 77/.4); box-shadow:0 0 40px -12px var(--gold-glow) }
.rm__result{ margin-top:clamp(1.25rem,3vw,1.75rem); text-align:center; padding:1.1rem 1.25rem; border-radius:18px;
  border:1px dashed rgb(201 162 77/.45); background:linear-gradient(120deg, rgb(201 162 77/.08), transparent);
  font-family:var(--f-display); font-weight:600; font-size:clamp(1.2rem,1rem + 1.1vw,1.7rem); letter-spacing:-.02em; color:var(--ink) }
.rm__result b{ color:var(--gold) }
@media (max-width:760px){ .rm__grid{ grid-template-columns:1fr } .rm__plus{ width:auto; height:48px } }

/* ── Supporting facts / KPI cards ── */
.facts{ display:grid; grid-template-columns:repeat(4,1fr); gap:1rem }
.fact{ padding:1.4rem; border-radius:16px; background:var(--glass); border:1px solid var(--line);
  transition:transform .4s var(--ease), border-color .4s var(--ease) }
.fact:hover{ transform:translateY(-4px); border-color:rgb(201 162 77/.4) }
.fact__ic{ display:grid; place-items:center; width:38px; height:38px; border-radius:10px; margin-bottom:.85rem; color:var(--gold);
  background:rgb(201 162 77/.1); border:1px solid rgb(201 162 77/.22) }
.fact__ic svg{ width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
.fact__v{ display:block; font-family:var(--f-display); font-weight:500; font-size:1.5rem; letter-spacing:-.02em; color:var(--ink); font-variant-numeric:tabular-nums }
.fact__v em{ font-style:normal; color:var(--gold) }
.fact__k{ display:block; font-size:.82rem; color:var(--ink-3); margin:.15rem 0 .8rem }
.fact__bar{ display:block; height:5px; border-radius:5px; background:rgb(var(--on-rgb)/.07); overflow:hidden }
.fact__bar i{ display:block; height:100%; width:0; border-radius:5px; background:linear-gradient(90deg, var(--gold-dk), var(--gold-lt)); transition:width 1.3s var(--ease-out) }
.reveal.is-in .fact__bar i{ width:var(--w) }
@media (max-width:820px){ .facts{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:480px){ .facts{ grid-template-columns:1fr } }

/* ── Footer contact cards ── */
.foot2__contact{ display:grid; gap:.65rem; margin-top:1.25rem }
.fcontact{ display:flex; align-items:center; gap:.7rem; padding:.65rem .8rem; border-radius:12px;
  background:rgb(var(--on-rgb)/.04); border:1px solid var(--line); transition:border-color .3s var(--ease) }
.fcontact:hover{ border-color:rgb(201 162 77/.4) }
.fcontact__ic{ display:grid; place-items:center; width:36px; height:36px; border-radius:10px; flex:none; color:var(--gold);
  background:rgb(201 162 77/.1); border:1px solid rgb(201 162 77/.22) }
.fcontact__ic svg{ width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
.fcontact b{ display:block; font-size:.68rem; text-transform:uppercase; letter-spacing:.09em; color:var(--ink-4); margin-bottom:.1rem }
.fcontact a, .fcontact span{ font-size:.9rem; color:var(--ink-2); word-break:break-word }
.fcontact a:hover{ color:var(--gold) }

/* success/error note under fetch-wired forms */
.form__msg{ margin-top:.85rem; font-size:.85rem; text-align:center }