/* WolfTech — responsive */
@media (max-width:1100px){
  .cards,.quotes{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .counters{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .burger{display:block}
  .header__cta .btn{display:none}
  .nav{position:fixed;inset:74px 0 0 0;background:rgba(10,10,10,.98);backdrop-filter:blur(20px);flex-direction:column;align-items:stretch;padding:1.5rem 1.25rem 3rem;gap:.2rem;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s var(--ease)}
  .nav.is-open{opacity:1;visibility:visible;transform:none}
  .nav__link{font-size:1.15rem;padding:1rem;border-radius:12px;justify-content:space-between;width:100%}
  .dropdown__menu{position:static;transform:none;width:auto;grid-template-columns:1fr;display:none;opacity:1;visibility:visible;box-shadow:none;background:transparent;border:0;padding:0 0 0 .5rem}
  .dropdown.is-open .dropdown__menu{display:grid;transform:none}
  .dropdown:hover .dropdown__menu{transform:none}
  .nav .btn--mobile{display:flex;margin-top:1rem}
  .hero__grid,.split,.contact,.calc{grid-template-columns:1fr}
  .hero{padding-top:110px;min-height:auto}
  .hero__visual{order:-1;max-width:210px;justify-self:center;margin-bottom:-.5rem}
  .plans{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
  .plan--featured{order:-1}
  .addons{grid-template-columns:1fr}
  .projects{grid-template-columns:1fr}
  .calc__out{position:static}
  .split{gap:2.5rem}
}
@media (min-width:961px){.nav .btn--mobile{display:none}}
@media (max-width:640px){
  body{font-size:16px}
  .cards,.quotes,.steps,.counters,.footer__grid,.form__grid{grid-template-columns:1fr}
  .opts--3,.opts--2{grid-template-columns:1fr}
  .hero__stats{grid-template-columns:repeat(3,1fr);gap:1rem}
  .stat strong{font-size:1.5rem}
  .hero__actions .btn{width:100%}
  .kpis{grid-template-columns:1fr 1fr}
  .kpis .kpi:last-child{display:none}
  .map{aspect-ratio:4/5}
  .form,.plan,.addon,.card{padding:1.5rem}
  .calc{padding:.5rem}
  .results{gap:1rem}
  .wa{right:16px;bottom:16px;width:56px;height:56px}
  .to-top{right:22px;bottom:84px}
  .pricebox strong{font-size:2.1rem}
}
@media (hover:none){.card:hover,.project:hover{transform:none}}
@media print{.header,.wa,.to-top,.footer{display:none}body{background:#fff;color:#000}}
