@media (max-width:820px){body{width:auto!important;zoom:1!important}
header,header.sc{padding:12px 20px}
header ul{display:none}
header .l{font-size:20px}
header .btn{padding:10px 16px;font-size:13px}
section,.sec{padding:56px 20px}
h2{font-size:30px}
.k{font-size:11px}
.hero.sv{height:680px}
.hero.sv .t{left:20px;right:20px;width:auto;bottom:96px}
.hero.sv h1{font-size:58px}
.hero.sv p{font-size:17px;max-width:none}
.btn{padding:14px 24px;font-size:15px}
.fb{margin:-36px 20px 0;grid-template-columns:1fr}
.fb div{border-left:0;border-top:1px solid var(--line);padding:16px 22px}
.fb div:first-of-type{border-top:0}
.wg{padding:48px 20px 40px!important}
.wg .q{font-size:30px}
.ch{padding:12px 18px;font-size:15px}
.intro,.two,.who,.ltr,.cta .inn,.kont .inn,.vid.two,.sf .top,.f2{grid-template-columns:1fr!important;gap:28px}
.sp:before{width:400px;height:400px}
.intro h2,.cta h2{font-size:32px}
.intro p{font-size:17px}
.vid.two{padding:48px 20px}
.frame{border-radius:16px}
.play{width:68px;height:68px}
.voices{grid-template-columns:1fr}
.faq summary{font-size:17px;padding:18px 20px}
.faq details p{padding:0 20px 20px;font-size:16px}
.cta{padding:64px 20px}
.kont .inn{gap:28px}
.form{padding:24px 20px}
.sf{padding:48px 20px 28px;border-radius:32px 32px 0 0}
.nl{flex-direction:column;border-radius:20px}
.nl .btn{text-align:center}
.sf .bot{flex-direction:column;gap:6px}
}