/* Пакеты и цены Valli (после site.css и demo.css). */
.phero{position:relative;padding-block:150px 90px;overflow:hidden}
.phero::before{content:"";position:absolute;right:-10%;top:-20%;width:70vw;max-width:1000px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(252,163,17,.22),rgba(252,163,17,0) 62%);pointer-events:none}
.phero .wrap{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.phero-txt{display:flex;flex-direction:column;gap:24px;align-items:flex-start;min-width:0}
.phero .h1{font-size:clamp(34px,4.6vw,62px)}
.facts{display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:560px;border-top:1px solid var(--line-d);margin:0;padding:0;list-style:none}
.facts li{padding:14px 12px 14px 0;border-bottom:1px solid var(--line-d);font-size:15px;color:var(--on-d-2)}
.facts b{display:block;font:600 20px/1.2 var(--display);color:var(--on-d);margin-bottom:2px}
.phero .dlog{min-height:0;max-height:none}
.phero .fine{padding:0 20px 18px}

/* что входит + модуль долгов */
.extra{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.xbox{background:var(--paper);border-radius:var(--r);padding:26px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:14px;min-width:0}
.xbox h3{font-size:18px;font-weight:600}
.xbox .price{font-size:28px}
.xbox .price small{display:inline;margin-left:8px}

/* задачи */
.tasks4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px}
.task{position:relative;border-radius:var(--r);padding:0 22px 24px;background:linear-gradient(180deg,#26180F,#160C07);box-shadow:0 0 0 1px var(--line-d);display:flex;flex-direction:column;gap:12px;overflow:hidden;min-width:0}
.task img{width:150px;height:150px;margin:0 auto -6px;mix-blend-mode:screen}
.task h3{font-size:19px;font-weight:600}
.task .dlist{font-size:15px}

/* отчёт */
.report{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center;margin-top:90px}
.report .dtable{min-width:0}

/* шаги */
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:56px;counter-reset:s}
.st4{border-radius:var(--r);padding:24px;background:rgba(255,236,210,.03);box-shadow:inset 0 0 0 1px var(--line-d);display:flex;flex-direction:column;gap:10px}
.st4 i{font:600 15px/1 var(--display);font-style:normal;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(252,163,17,.12);color:var(--amber-2);box-shadow:inset 0 0 0 1px rgba(252,163,17,.3);margin-bottom:6px}
.st4 h3{font-size:19px;font-weight:600}
.st4 p{font-size:15.5px;color:var(--on-d-2)}

@media (max-width:1080px){
  .phero .wrap,.report{grid-template-columns:1fr}
  .tasks4,.steps4{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .phero{padding-block:100px 60px}
  .extra,.tasks4,.steps4{grid-template-columns:1fr}
  .facts b{font-size:17px}
}