/* MP.Finance — logo + tariffs */

/* ── логотип-словомарк MP.Finance ── */
.logo{display:flex;align-items:center;gap:1px;font-weight:800;font-size:18px;text-decoration:none;color:var(--ink);letter-spacing:-.01em}
.logo .mp{color:var(--ink)}
.logo .fin{color:var(--ink);font-weight:700}
.logo .dot{
  width:8px;height:8px;border-radius:50%;flex:none;margin:0 4px 0 3px;align-self:flex-end;margin-bottom:4px;
  background:linear-gradient(135deg,var(--blue),var(--magenta));
  box-shadow:0 2px 8px -2px var(--magenta);
}
.footer .logo{font-size:17px}

/* ── блок тарифов ── */
.tariffs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;align-items:stretch;
}
.tariff{
  position:relative;display:flex;flex-direction:column;
  background:#fff;border:1px solid #eef1f8;border-radius:20px;
  padding:28px 26px;
  box-shadow:0 16px 38px -22px rgba(23,43,99,.28);
  transition:transform .35s var(--ease-out), box-shadow .35s;
}
.tariff:hover{transform:translateY(-5px);box-shadow:0 28px 52px -24px rgba(23,43,99,.38)}
.tariff.featured{
  border:1.5px solid transparent;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,var(--blue),var(--magenta)) border-box;
  box-shadow:0 30px 64px -26px rgba(90,40,200,.45);
  transform:translateY(-8px) scale(1.02);
}
.tariff.featured:hover{transform:translateY(-12px) scale(1.02)}
.t-badge{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  font-size:11.5px;font-weight:800;letter-spacing:.02em;color:#fff;
  padding:5px 14px;border-radius:20px;white-space:nowrap;
  background:linear-gradient(100deg,var(--blue),var(--magenta));
  box-shadow:0 8px 18px -6px rgba(110,40,210,.6);
}
.t-name{font-size:15px;font-weight:700;color:var(--grey)}
.t-price{
  font-size:clamp(26px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;margin:8px 0 14px;
  font-variant-numeric:tabular-nums;
}
.t-price span{font-size:.46em;font-weight:700;color:var(--soft)}
.tariff.featured .t-price{
  background:linear-gradient(100deg,var(--blue),var(--magenta));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.t-desc{font-size:13.5px;line-height:1.55;color:var(--grey);font-weight:500;flex:1}
.t-note{
  margin-top:12px;font-size:12px;font-weight:600;color:var(--violet);
  background:var(--tint-violet);border-radius:9px;padding:8px 11px;
}
.t-btn{
  margin-top:18px;height:46px;border-radius:12px;
  border:1.5px solid #d5dcec;background:#fff;
  font:inherit;font-size:14px;font-weight:700;color:var(--ink);cursor:pointer;
  transition:transform .2s, border-color .2s, box-shadow .2s;
}
.t-btn:hover{transform:translateY(-2px);border-color:#9db9ff}
.t-btn.primary{
  color:#fff;border-color:transparent;
  background:linear-gradient(100deg,var(--blue),var(--magenta));
  box-shadow:0 12px 26px -10px rgba(110,40,210,.6);
}
.t-btn.primary:hover{box-shadow:0 18px 34px -12px rgba(110,40,210,.7)}
.t-anchor{
  text-align:center;margin-top:26px;font-size:15px;font-weight:600;color:var(--ink);
  max-width:52ch;margin-left:auto;margin-right:auto;
}

/* ── динамические поля калькулятора под пакет ── */
.seg3 button{font-size:12px;padding:0 6px}
.numin{
  width:76px;height:38px;border:1.5px solid #d9e0ee;border-radius:10px;
  padding:0 12px;font:inherit;font-size:14px;font-weight:600;color:var(--ink);text-align:center;
}
.numin:focus{outline:0;border-color:#8f7bff;box-shadow:0 0 0 3px rgba(122,43,214,.15)}

/* видимость полей: класс на #calc задаёт калькулятор */
.js-fin{display:none}
.js-emp{display:none}
#calc.pkg-fin .js-buh{display:none}
#calc.pkg-buh .js-fin{display:none}
#calc.pkg-all .js-buh,
#calc.pkg-all .js-fin{display:block}
#calc.pkg-fin .js-fin{display:block}
#calc.emp-on .js-emp{display:flex}

/* бонус-строка на карточке тарифа */
.t-bonus{
  margin-top:12px;font-size:12.5px;font-weight:700;color:#fff;
  padding:8px 12px;border-radius:10px;
  background:linear-gradient(100deg,var(--blue),var(--magenta));
  box-shadow:0 8px 18px -8px rgba(110,40,210,.5);
}