/* ====================================================
   vg.cards /partners — реферальная программа
   ==================================================== */

/* ============ HERO ============ */
.partners-hero{padding:50px 0 60px;position:relative;overflow:hidden}
.partners-hero::before{
  content:"";position:absolute;inset:0;
  background:transparent;
  pointer-events:none;
}
.crumbs{
  display:flex;align-items:center;gap:8px;
  font-size:13.5px;color:var(--muted);font-weight:500;
  margin-bottom:24px;position:relative;
}
.crumbs a{color:var(--muted)}
.crumbs a:hover{color:var(--indigo)}
.crumbs__sep{color:var(--line-strong)}

.partners-hero__inner{position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}
@media (max-width:1024px){.partners-hero__inner{grid-template-columns:1fr;gap:36px}}
.partners-hero__lead{font-size:18px;line-height:1.55;color:var(--ink-2);max-width:600px;margin:18px 0 0}

.partners-stats{
  display:flex;flex-direction:column;gap:18px;
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:28px;
  box-shadow:var(--sh-2);
}
.partners-stat{padding-bottom:18px;border-bottom:1px solid var(--line)}
.partners-stat:last-child{padding-bottom:0;border-bottom:0}
.partners-stat b{display:block;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;margin-bottom:6px}
.partners-stat span{display:block;font-size:14px;color:var(--ink-2);font-weight:500;line-height:1.4}

/* ============ CALCULATOR ============ */
.calc{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);
  box-shadow:var(--sh-2);
  overflow:hidden;
}
.calc__main{padding:36px}
.calc__head{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.calc__hgroup{text-align:left}
.calc__hgroup .overline{margin-bottom:10px}
.calc__big{
  font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1;
  color:var(--ink);font-variant-numeric:tabular-nums;
  margin:8px 0 10px;
}
.calc__sub{font-size:15px;color:var(--muted);font-weight:500}

.calc__row{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid var(--line)}
@media (max-width:1024px){.calc__row{grid-template-columns:1fr;gap:30px}}

.calc__field{display:flex;flex-direction:column;gap:12px}
.calc__label{
  display:flex;justify-content:space-between;align-items:baseline;
  font-size:14px;font-weight:600;color:var(--ink-2);
}
.calc__label b{font-size:18px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}
.calc__hint{font-size:12.5px;color:var(--muted);line-height:1.4;margin:0}

.calc__range{
  width:100%;height:10px;border-radius:5px;
  background:var(--lime);
  -webkit-appearance:none;appearance:none;
  outline:none;cursor:pointer;
}
.calc__range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:28px;height:28px;border-radius:50%;
  background:#fff;border:4px solid var(--indigo);
  cursor:pointer;transition:transform .15s var(--ease);
}
.calc__range::-webkit-slider-thumb:hover{transform:scale(1.15)}
.calc__range::-moz-range-thumb{
  width:28px;height:28px;border-radius:50%;
  background:#fff;border:4px solid var(--indigo);
  cursor:pointer;
}
.calc__ticks{position:relative;height:14px;font-size:11px;color:var(--muted);font-weight:500}
.calc__ticks span{position:absolute;top:0;transform:translateX(-50%)}

.calc__levels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
@media (max-width:640px){.calc__levels{grid-template-columns:1fr}}
.calc__level{
  background:#fff;border:1.5px solid var(--line);
  border-radius:var(--r-pill);padding:10px 8px;
  font-size:13px;font-weight:600;color:var(--ink-2);
  cursor:pointer;transition:all .18s var(--ease);
  text-align:center;
}
.calc__level:hover{border-color:var(--indigo);color:var(--indigo)}
.calc__level.is-active{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.calc__level.is-active b{color:#fff}

.calc__breakdown{background:var(--bg-soft);border-radius:var(--r-md);padding:24px}
.calc__breakdown h4{font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);margin:0 0 14px}
.calc__breakdown ol{list-style:none;counter-reset:bd;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.calc__breakdown li{
  counter-increment:bd;
  display:flex;align-items:flex-start;gap:12px;
  font-size:14.5px;line-height:1.5;color:var(--ink-2);
}
.calc__breakdown li::before{
  content:counter(bd,decimal-leading-zero);
  width:24px;height:24px;border-radius:6px;
  background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;
  font-size:11px;font-weight:800;color:var(--indigo);
  flex:none;
}
.calc__breakdown b{color:var(--ink);font-weight:700}
.calc__breakdown li b{font-weight:800}
.calc__note{font-size:12.5px;color:var(--muted);line-height:1.5;margin:14px 0 0;padding-top:14px;border-top:1px dashed var(--line)}

/* ============ AUDIENCE ============ */
.audience{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
}
.audience__card{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:28px;
  display:flex;flex-direction:column;gap:14px;
  position:relative;
  transition:border-color .15s var(--ease);
}
.audience__card:hover{border-color:var(--line-strong)}
.audience__num{
  position:absolute;top:18px;right:18px;
  font-size:42px;font-weight:800;line-height:1;
  color:var(--indigo-50);letter-spacing:-.04em;
  pointer-events:none;
}
.audience__card h3{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.25;padding-right:36px}
.audience__card p{font-size:14.5px;line-height:1.55;color:var(--ink-2)}
@media (max-width:1024px){.audience{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.audience{grid-template-columns:1fr}}

/* ============ SOURCES / CASES ============ */
.sources-note{
  margin-top:32px;padding:20px 24px;
  background:var(--lime-soft);border:1px solid #E0F2A6;
  border-radius:var(--r-md);
  font-size:15px;line-height:1.55;color:var(--ink-2);
}
.sources-note b{color:var(--ink);font-weight:700}

.partners-cases{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.partners-case{
  background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:24px;
  transition:border-color .15s var(--ease);
  display:flex;flex-direction:column;gap:12px;
}
.partners-case:hover{border-color:var(--line-strong)}
.partners-case__ic{
  width:48px;height:48px;border-radius:14px;
  display:grid;place-items:center;
  font-size:24px;
  background:var(--indigo-50);
}
.partners-case h3{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.partners-case p{font-size:14.5px;line-height:1.55;color:var(--ink-2);flex:1}
.partners-case__tag{
  display:inline-block;align-self:flex-start;
  padding:4px 10px;border-radius:var(--r-pill);
  background:var(--bg-soft);color:var(--muted);
  font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
}
@media (max-width:1024px){.partners-cases{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.partners-cases{grid-template-columns:1fr}}

/* ============ STEPS for partners ============ */
.partners-steps{grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:1024px){.partners-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.partners-steps{grid-template-columns:1fr}}