*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#14161A}
a{color:#F2A65A}a:hover{color:#FFC48A}
img{max-width:100%;display:block}
input:focus,textarea:focus,button:focus-visible{outline:2px solid #F08A24;outline-offset:2px}
@media (max-width:640px){
  section{padding-top:64px!important;padding-bottom:64px!important}
  #top{padding-top:40px!important}
  #lead{padding:24px!important}
}
[hidden]{display:none!important}
.legal h2{font-family:Oswald,sans-serif;font-weight:600;text-transform:uppercase;font-size:24px;margin:36px 0 12px}
.legal a{color:#B4570C}
.legal mark{background:#FBE7CF;padding:0 3px}
.legal .req{line-height:1.7}
.doc-l{display:none}
html[lang=ru] .doc-l[data-doc-lang=ru],html[lang=kk] .doc-l[data-doc-lang=kk],html[lang=en] .doc-l[data-doc-lang=en]{display:block}
.lang-sel{appearance:none;-webkit-appearance:none;background:#1C1F25 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23C9CCD2' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center;color:#EDEBE6;border:1px solid #3A3F48;border-radius:6px;font:500 14px 'IBM Plex Sans',system-ui,sans-serif;height:38px;padding:0 28px 0 12px;cursor:pointer}
.lang-sel:hover{border-color:#F08A24}
.lang-sel option{background:#1C1F25;color:#EDEBE6}
.burger{display:none;width:44px;height:44px;border:1px solid #3A3F48;border-radius:6px;background:#1C1F25;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.burger span{display:block;width:20px;height:2px;background:#EDEBE6;transition:transform .2s,opacity .2s}
.burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded=true] span:nth-child(2){opacity:0}
.burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){
  .hdr{flex-wrap:nowrap!important;padding:12px 16px!important;gap:10px!important}
  .hdr>a:first-child span{font-size:18px!important}
  .hdr>a:first-child svg{width:32px;height:32px}
  .hdr-actions{margin-left:auto}
  .burger{display:flex;order:3}
  .nav{display:none!important;position:absolute;left:0;right:0;top:100%;background:#14161A;border-bottom:1px solid #2A2E35;flex-direction:column;padding:8px 16px 16px;gap:0!important}
  .nav.open{display:flex!important}
  .nav a{padding:14px 0;border-bottom:1px solid #2A2E35;font-size:17px}
  .nav a:last-child{border-bottom:0}
  .hdr{position:relative}
}
@media (max-width:560px){
  .hdr-phone{display:none}
  .nav::after{content:none}
  section,footer{padding-left:16px!important;padding-right:16px!important}
  .hero{padding-top:32px!important;padding-bottom:48px!important}
  .hero>div{gap:32px!important}
  .hero-cta a{flex:1 1 100%;justify-content:center}
  .hero-card{padding:16px!important}
  .perks{padding-top:24px!important;padding-bottom:24px!important}
  .hero-card span[style*="38px"]{font-size:28px!important}
  h2{font-size:30px!important}
}
.site-header{position:sticky;top:0;z-index:50}
html{scroll-padding-top:80px}
.lang-sel{height:44px}
.opt{font-weight:400;color:#6B707A}
.svc-cta{margin-top:auto;padding-top:6px;color:#B4570C;font-weight:600;font-size:15px;text-decoration:none;align-self:flex-start}
.svc-cta:hover{color:#8A3F06;text-decoration:underline}
.callbar{display:none}
@media (max-width:760px){
  .callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(20,22,26,.96);border-top:1px solid #2A2E35;backdrop-filter:blur(6px)}
  .callbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:8px;font-weight:600;font-size:16px;text-decoration:none}
  .callbar-call{background:#F08A24;color:#14161A!important}
  .callbar-wa{background:#25D366;color:#0E1013!important}
  body:has(.callbar) footer{padding-bottom:96px!important}
}
.perks-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px 28px!important;font-size:17px!important;line-height:1.25}
.perks-list span{padding-left:20px;position:relative}
.perks-list span::before{content:"";position:absolute;left:0;top:.38em;width:9px;height:9px;background:#14161A;border-radius:2px}
@media (max-width:900px){.perks-list{grid-template-columns:1fr;gap:10px!important;font-size:16px!important}}