.mvs-tarife,.mvs-tarife *{box-sizing:border-box}
.mvs-tarife{
  --green:#22a06b;
  --green-dark:#19865a;
  --green-soft:#f0faf5;
  --text:#17212b;
  --muted:#68757e;
  --line:#e6ece8;
  width:100%;
  background:#fff;
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}
.mvs-tarife a{text-decoration:none}
.mvs-tarife-container{width:min(1180px,calc(100% - 40px));margin:auto}

.mvs-tarife-top{
  min-height:74px;
  display:flex;
  align-items:center;
  border-bottom:1px solid var(--line);
  background:#fff;
}
.top-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}
.mvs-tarife-logo{color:var(--text)!important;font-size:24px;font-weight:900}
.mvs-tarife-logo span{color:var(--green)}
.mvs-tarife-top-actions{display:flex;gap:10px}
.mvs-tarife-top-actions a{
  min-height:41px;display:flex;align-items:center;justify-content:center;
  padding:0 14px;border-radius:9px;font-size:12px;font-weight:800
}
.mvs-tarife-top-actions .back{border:1px solid #d5e3db;color:var(--green-dark)!important}
.mvs-tarife-top-actions .dashboard{background:var(--green);color:#fff!important}

.mvs-tarife-hero{
  padding:70px 20px 55px;
  text-align:center;
  background:
    radial-gradient(circle at 84% 15%,rgba(34,160,107,.12),transparent 30%),
    linear-gradient(180deg,#f7fbf9,#fff);
}
.eyebrow{color:var(--green);font-size:12px;font-weight:900;letter-spacing:1px}
.mvs-tarife-hero h1{max-width:760px;margin:9px auto 13px;font-size:43px;line-height:1.12;letter-spacing:-1px}
.mvs-tarife-hero p{max-width:720px;margin:0 auto;color:var(--muted);font-size:16px;line-height:1.7}
.mvs-tarife-note{margin-top:21px;color:#597067;font-size:12px}

.mvs-tarife-main{padding:10px 0 65px}
.mvs-tarife-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch
}
.mvs-tarif-card{
  position:relative;padding:31px 28px;border:1px solid var(--line);
  border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(20,40,30,.06)
}
.mvs-tarif-card.plus{border:2px solid #52b585;transform:translateY(-8px)}
.mvs-tarif-card.premium{border:2px solid #148956;box-shadow:0 18px 42px rgba(34,160,107,.13)}
.mvs-tarif-badge{
  position:absolute;right:18px;top:-13px;padding:5px 11px;border-radius:20px;
  background:#22a06b;color:#fff;font-size:10px;font-weight:900
}
.premium-badge{background:#137c51}
.mvs-tarif-name{color:var(--green);font-size:11px;font-weight:900;letter-spacing:1px}
.mvs-tarif-card h2{margin:7px 0 8px;font-size:27px}
.mvs-tarif-price strong{display:block;font-size:38px;line-height:1.1}
.mvs-tarif-price span{color:var(--muted);font-size:12px}
.mvs-tarif-intro{min-height:64px;margin:19px 0;color:var(--muted);font-size:13px;line-height:1.6}
.mvs-tarif-card ul{list-style:none;padding:19px 0;margin:0;border-top:1px solid #edf1ef}
.mvs-tarif-card li{position:relative;padding-left:23px;margin:10px 0;color:#47534d;font-size:13px}
.mvs-tarif-card li:before{
  content:"✓";position:absolute;left:0;color:var(--green);font-weight:900
}
.mvs-tarif-button{
  width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;
  border-radius:10px;background:var(--green);color:#fff!important;font-size:14px;font-weight:900
}
.mvs-tarif-button.secondary{border:1px solid #4db37e;background:#fff;color:var(--green-dark)!important}
.mvs-tarif-button.premium-btn{background:#137c51}

.mvs-tarife-compare{padding:75px 0 20px;text-align:center}
.mvs-tarife-compare h2,.mvs-tarife-faq h2{font-size:30px;margin:0 0 27px}
.mvs-tarife-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;text-align:left}
.mvs-tarife-benefits>div{padding:21px;border:1px solid var(--line);border-radius:13px;background:#fafcfb}
.mvs-tarife-benefits span{color:var(--green);font-weight:900;font-size:20px}
.mvs-tarife-benefits strong{display:block;margin:8px 0 5px}
.mvs-tarife-benefits p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}

.mvs-tarife-faq{max-width:850px;margin:65px auto 0}
.mvs-tarife-faq h2{text-align:center}
.mvs-tarife-faq details{padding:20px 4px;border-bottom:1px solid var(--line)}
.mvs-tarife-faq summary{cursor:pointer;font-weight:800}
.mvs-tarife-faq p{color:var(--muted);line-height:1.65}

.mvs-tarife-bottom{
  margin-top:60px;padding:42px 25px;border-radius:19px;background:#173d30;color:#fff;text-align:center
}
.mvs-tarife-bottom h2{margin:0 0 8px;font-size:29px}
.mvs-tarife-bottom p{margin:0 0 20px;color:#d2e4dc}
.mvs-tarife-bottom a{
  min-height:48px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 23px;border-radius:10px;background:#fff;color:#173d30!important;font-weight:900
}

@media(max-width:900px){
  .mvs-tarife-grid{grid-template-columns:1fr;max-width:600px;margin:auto}
  .mvs-tarif-card.plus{transform:none}
  .mvs-tarife-benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
  .mvs-tarife-container{width:calc(100% - 24px)}
  .mvs-tarife-top{min-height:66px}
  .mvs-tarife-logo{font-size:19px}
  .mvs-tarife-top-actions .back{display:none}
  .mvs-tarife-hero{padding:48px 12px 40px}
  .mvs-tarife-hero h1{font-size:33px}
  .mvs-tarife-note{line-height:1.9}
  .mvs-tarif-card{padding:27px 20px}
  .mvs-tarife-benefits{grid-template-columns:1fr}
}