:root{
  --ink:#07080A; --coal:#111317; --graph:#1B1E24; --graph2:#23272E;
  --paper:#F2F3F5; --paper2:#E7E9EC; --white:#F7F8FA;
  --steel:#8D949C; --steel2:#B7BEC6; --mute:#5F666E; --line:rgba(255,255,255,.1); --line-d:rgba(7,8,10,.1);
  --red:#E10600; --red-h:#FF2A1F; --red-d:#A80400;
  --chrome:linear-gradient(180deg,#FFFFFF 0%,#D5DAE0 42%,#8D949C 50%,#E8EBEF 58%,#FFFFFF 100%);
  --fd:"Exo 2","Segoe UI",Roboto,sans-serif;
  --ft:"Inter Tight","Segoe UI",Roboto,sans-serif;
  --hh:72px;
  --enter:0; --exit:0; --stay:0; --p1:0; --p2:0; --f:1;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--white);font:400 15px/1.5 var(--ft);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3{margin:0}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
svg{display:block}
figure{margin:0}
.hp{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.wrap{position:relative;z-index:1;width:min(1220px,100% - 48px);margin-inline:auto}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}}
@media(min-width:761px){body{font-size:16px}}
::selection{background:var(--red);color:#fff}
[hidden]{display:none!important}

.kicker{display:flex;align-items:center;gap:12px;font:600 11px/1 var(--ft);letter-spacing:.2em;text-transform:uppercase;color:var(--red-h)}
.kicker::before{content:"";flex:0 0 auto;width:28px;height:2px;background:var(--red);box-shadow:0 0 10px rgba(225,6,0,.7)}
.sec-paper .kicker{color:var(--red)}
h2{font:800 clamp(32px,min(5.2vw,7.2svh),64px)/.98 var(--fd);letter-spacing:-.01em;text-transform:uppercase;margin-top:16px}
.sec-paper h2{color:var(--ink)}
.lead{margin-top:16px;font:400 16px/1.5 var(--ft);color:var(--steel2)}
.sec-paper .lead{color:var(--mute)}
@media(min-width:761px){.lead{font-size:18px}}
.sec-head{max-width:none}

.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:999px;border:1.5px solid transparent;font:600 14px/1 var(--ft);letter-spacing:.01em;white-space:nowrap;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .25s,background .25s,border-color .25s,color .25s,box-shadow .25s}
.btn svg{display:block;flex:0 0 auto}
.btn:hover{transform:translateY(-2px)}
.btn-big{height:58px;padding:0 30px;font-size:15px}
.btn-red{background:var(--red);color:#fff;box-shadow:0 12px 34px rgba(225,6,0,.32)}
.btn-red:hover{background:var(--red-h);box-shadow:0 14px 40px rgba(225,6,0,.45)}
.btn-red::after{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-120%);pointer-events:none}
.btn-red:hover::after{animation:pass .9s ease forwards}
@keyframes pass{to{transform:translateX(120%)}}
.glow{animation:glow 3.6s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 12px 34px rgba(225,6,0,.32)}50%{box-shadow:0 12px 48px rgba(225,6,0,.6),0 0 0 6px rgba(225,6,0,.12)}}
.btn-ghost{border-color:rgba(255,255,255,.34);color:#fff;background:rgba(255,255,255,.04)}
.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.sec-paper .btn-ghost{border-color:rgba(7,8,10,.28);color:var(--ink);background:transparent}
.sec-paper .btn-ghost:hover{border-color:var(--ink)}
.btn-sq{width:54px;padding:0}
.btn-mini{height:42px;padding:0 18px;font-size:13px;border-color:rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.05)}
.btn-mini:hover{background:var(--red);border-color:var(--red)}
.rnd{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:background .25s,color .25s;flex:0 0 auto}
.rnd:hover{background:var(--red)}
.ig-link{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--ft);letter-spacing:.02em;color:rgba(255,255,255,.88);transition:color .25s}
.ig-link:hover{color:#fff}
.ig-link svg{flex:0 0 auto}
.ig-link .arr{font-style:normal;font-weight:700;transition:transform .25s}
.ig-link:hover .arr{transform:translateX(4px)}

.hdr{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--hh);color:#fff;transition:background .35s,box-shadow .35s}
.hdr::before{content:"";position:absolute;inset:0 0 -50px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,8,10,.72),rgba(7,8,10,0));transition:opacity .35s}
.hdr.solid::before,body.menu-open .hdr::before{opacity:0}
.hdr.solid,body.menu-open .hdr{background:rgba(7,8,10,.9);box-shadow:0 1px 0 var(--line)}
body.menu-open .hdr{backdrop-filter:none;-webkit-backdrop-filter:none}
.hdr-in{position:relative;z-index:2;display:flex;align-items:center;gap:24px;height:100%;width:min(1360px,100% - 48px);margin-inline:auto}
.logo{display:block;height:30px;position:relative;z-index:2;flex:0 0 auto}
.logo img{height:100%;width:auto}
.nav{display:flex;gap:26px;margin-left:auto;font:500 14px/1 var(--ft);color:rgba(255,255,255,.86)}
.nav a{padding:8px 0;position:relative;transition:color .25s}
.nav a:hover{color:#fff}
.nav a::after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:var(--red);transition:width .25s}
.nav a:hover::after{width:100%}
.hdr-right{display:flex;align-items:center;gap:10px;margin-left:auto;position:relative;z-index:2}
.nav + .hdr-right{margin-left:0}
.hdr-tel{display:none;font:700 15px/1 var(--fd);letter-spacing:.01em;margin-right:6px}
@media(min-width:1300px){.hdr-tel{display:block}}
.lang{display:flex;gap:0;background:rgba(255,255,255,.14);border-radius:10px;padding:3px;flex:0 0 auto}
.lang button{border:0;background:transparent;border-radius:7px;cursor:pointer;padding:6px 13px;font-size:12px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.8);transition:background .25s,color .25s}
.lang button:hover{color:#fff}
.lang button.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.18)}
.lang button:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.burger{display:none;width:44px;height:44px;margin-left:-10px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;position:relative;z-index:2;flex:0 0 auto}
.burger span{display:block;width:22px;height:2px;background:currentColor;transition:transform .3s,opacity .3s}
body.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:1;background:var(--ink);color:#fff;padding-top:var(--hh);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s,transform .3s,visibility 0s .3s;overflow:auto}
body.menu-open .mnav{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .3s}
body.menu-open{overflow:hidden}
.mnav-in{padding:12px 20px 40px;display:flex;flex-direction:column}
.mnav-in > a{font:700 26px/1.15 var(--fd);text-transform:uppercase;letter-spacing:.01em;padding:12px 0;border-bottom:1px solid var(--line)}
.mnav-foot{display:grid;grid-template-columns:1fr 54px 54px;gap:10px;margin-top:22px}
.mnav-foot .btn-red{grid-column:1/-1}
@media(max-width:1080px){
  .burger{display:flex}
  .nav{display:none}
  .nav + .hdr-right{margin-left:auto}
  .hdr-in{gap:12px}
}
@media(max-width:760px){
  :root{--hh:64px}
  .hdr-in{width:calc(100% - 32px)}
  .logo{height:22px}
  .rnd-ig{display:none}
}
@media(max-width:420px){.logo{height:clamp(13px,calc((100vw - 252px) / 8.2),17px)}.lang button{padding:6px 9px;font-size:11px}.hdr-in{gap:8px}}
@media(min-width:1081px){.mnav{display:none}}

.pw{position:relative;height:100svh}
.pw-hero{height:175svh}
.plate{position:sticky;top:0;height:100svh;overflow:hidden;transform:scale(calc(1 - .07 * var(--exit)));transform-origin:50% 40%;border-radius:calc(30px * (1 - var(--enter))) calc(30px * (1 - var(--enter))) 0 0;isolation:isolate;background:var(--coal);color:#fff}
.plate::after{content:"";position:absolute;inset:0;background:#000;opacity:calc(.78 * var(--exit));pointer-events:none;z-index:20}
.pw.gone .plate{visibility:hidden}
.ph{position:absolute;inset:0;z-index:0;overflow:hidden;background:#15181C}
.ph picture{display:contents}
.lay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.lay-primer{filter:grayscale(1) brightness(.58) contrast(.88)}
.tex{background:repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0 30px,rgba(255,255,255,0) 30px 64px);opacity:.9;pointer-events:none}
.lay-base{-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--p1) * 124% - 24%),transparent calc(var(--p1) * 124%));mask-image:linear-gradient(90deg,#000 calc(var(--p1) * 124% - 24%),transparent calc(var(--p1) * 124%))}
.pw.rtl .lay-base{-webkit-mask-image:linear-gradient(270deg,#000 calc(var(--p1) * 124% - 24%),transparent calc(var(--p1) * 124%));mask-image:linear-gradient(270deg,#000 calc(var(--p1) * 124% - 24%),transparent calc(var(--p1) * 124%))}
.fan{position:absolute;top:-10%;bottom:-10%;width:30%;left:calc(var(--p1) * 124% - 12%);transform:translateX(-50%);opacity:min(1,var(--p1) * 7,(1 - var(--p1)) * 7);pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(ellipse 34% 56% at 50% 50%,rgba(255,255,255,.34) 0%,rgba(255,120,110,.22) 34%,rgba(225,6,0,.12) 55%,transparent 74%)}
.fan::before{content:"";position:absolute;left:50%;top:6%;bottom:6%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(255,255,255,.9) 20%,rgba(255,255,255,.9) 80%,transparent);box-shadow:0 0 18px rgba(255,80,70,.9),0 0 46px rgba(225,6,0,.6)}
.pw.rtl .fan{left:calc(112% - var(--p1) * 124%)}
.lay-clear{opacity:0;background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.24) 50%,transparent 60%);background-size:280% 100%;background-position:130% 0;mix-blend-mode:screen;pointer-events:none}
.pw.on .lay-clear{animation:lak 1.5s ease .55s forwards}
@keyframes lak{0%{opacity:1;background-position:130% 0}100%{opacity:1;background-position:-40% 0}}
.shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,8,10,.86) 0%,rgba(7,8,10,.62) 38%,rgba(7,8,10,.22) 72%,rgba(7,8,10,.1) 100%),linear-gradient(180deg,rgba(7,8,10,.5) 0%,rgba(7,8,10,0) 30%,rgba(7,8,10,.1) 70%,rgba(7,8,10,.75) 100%)}
html.no-plate .pw{height:auto;--f:1;--stay:1;--enter:1;--p1:1;--p2:1}
html.no-plate .plate{position:relative;height:auto;min-height:100svh;transform:none;border-radius:0}
html.no-plate .plate::after,html.no-plate .fan,html.no-plate .lay-clear{display:none}

.hero .ph .lay-base,.hero .ph .lay-primer{transform:scale(calc(1.02 + .08 * var(--stay)));will-change:transform}
.hero .lay-gloss{opacity:calc(.9 * min(1,var(--p2) * 4));mix-blend-mode:soft-light;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55) 0%,rgba(255,255,255,.12) 45%,rgba(255,255,255,.35) 100%);
  -webkit-mask-image:linear-gradient(270deg,#000 calc(var(--p2) * 124% - 24%),transparent calc(var(--p2) * 124%));mask-image:linear-gradient(270deg,#000 calc(var(--p2) * 124% - 24%),transparent calc(var(--p2) * 124%))}
.hero .fan-2{left:calc(112% - var(--p2) * 124%);opacity:min(1,var(--p2) * 7,(1 - var(--p2)) * 7);background:radial-gradient(ellipse 34% 56% at 50% 50%,rgba(255,255,255,.5) 0%,rgba(220,235,255,.22) 36%,rgba(255,255,255,.08) 58%,transparent 74%)}
.hero .fan-2::before{box-shadow:0 0 18px rgba(255,255,255,.9),0 0 46px rgba(200,220,255,.6)}
.hero-in{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--hh) + 10px) 0 30px}
.htxt{width:min(1220px,100% - 48px);text-align:left;transform:translateY(calc(-8svh * var(--stay)));opacity:calc(1 - .9 * var(--stay))}
.hclip{clip-path:inset(calc(100% * (1 - var(--f))) 0 0 0)}
.htxt > *{opacity:calc(var(--f) * var(--f));transform:translateY(calc(26px * (1 - var(--f))))}
.htxt > :nth-child(2){transition-delay:.06s}
.h1{display:flex;flex-direction:column;align-items:flex-start;margin-top:18px;color:#fff;font-family:var(--fd);text-transform:uppercase}
.h1 .l1{display:block;font-size:clamp(46px,min(11.6vw,11.5svh),136px);line-height:.92;font-weight:800;letter-spacing:-.015em;white-space:nowrap;
  background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(0,0,0,.45))}
.h1 .l2{display:block;font-size:clamp(19px,min(3.6vw,3.9svh),38px);line-height:1.1;font-weight:600;letter-spacing:.01em;margin-top:12px;color:#fff}
.hero .lead{margin-top:18px;max-width:none;color:rgba(255,255,255,.86)}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero .ig-link{margin-top:20px}
.gauge{position:absolute;left:0;right:0;bottom:22px;width:min(1220px,100% - 48px);display:flex;align-items:center;gap:14px;font:600 10px/1 var(--ft);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7);opacity:calc(1 - 1.4 * var(--stay))}
.g-lbl{color:var(--red-h)}
.g-seg{display:flex;align-items:center;gap:8px;flex:0 1 150px}
.g-seg b{font-weight:600}
.g-seg i{display:block;flex:1;height:3px;background:rgba(255,255,255,.14);position:relative;overflow:hidden;border-radius:2px}
.g-seg i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--red),#FF6A5E);transform-origin:left;transform:scaleX(var(--k,0))}
.g-primer i::after{--k:1;background:linear-gradient(90deg,#8D949C,#C4CAD1)}
.g-base i::after{--k:var(--f);background:linear-gradient(90deg,var(--red),#FF6A5E)}
.g-clear i::after{--k:var(--p2);background:linear-gradient(90deg,#DDE3EA,#fff)}
.g-read{margin-left:auto;font:700 14px/1 var(--fd);letter-spacing:.04em;color:#fff}
.g-read b{font-weight:800;font-size:18px}
.g-read i{font-style:normal}
html.no-plate .htxt,html.no-plate .htxt > *{transform:none;opacity:1;clip-path:none}
html.no-plate .gauge{opacity:1}
@media(max-width:760px){
  .hero-in{padding:calc(var(--hh) + 8px) 0 70px;justify-content:flex-end}
  .htxt{width:calc(100% - 32px)}
  .hero .kicker{font-size:10px;letter-spacing:.14em}
  .h1{margin-top:14px}
  .h1 .l2{font-size:clamp(17px,4.6vw,20px);margin-top:10px}
  .hero .lead{font-size:15px;margin-top:14px}
  .cta{flex-direction:column;align-items:stretch;margin-top:20px;gap:10px}
  .cta .btn{width:100%}
  .hero .ig-link{margin-top:14px}
  .gauge{bottom:16px;width:calc(100% - 32px);gap:10px;font-size:9px;letter-spacing:.1em}
  .g-seg{flex:1 1 0}
  .g-seg b{display:none}
  .g-read{font-size:12px}
  .g-read b{font-size:15px}
  .lay{object-position:50% 0%}
}
@media(max-width:760px) and (max-height:700px){
  .hero-in{padding-bottom:52px}
  .h1 .l1{font-size:clamp(40px,min(11vw,8.6svh),52px)}
  .h1 .l2{font-size:16px;margin-top:8px}
  .hero .lead{font-size:14px;line-height:1.4;margin-top:10px}
  .cta{margin-top:14px;gap:8px}
  .cta .btn{height:50px}
  .hero .ig-link{margin-top:10px}
  .gauge{display:none}
}

.pp .ph .lay-base,.pp .ph .lay-primer{transform:scale(calc(1.02 + .1 * var(--exit)));will-change:transform}
.pp-in{position:absolute;inset:0;z-index:4;display:flex;align-items:center;padding:calc(var(--hh) + 10px) 0 40px}
.pp .txt{max-width:none}
.pp .txt > *{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.pw.on .pp .txt > *{opacity:1;transform:none}
.pw.on .pp .txt > :nth-child(2){transition-delay:.08s}
.pw.on .pp .txt > :nth-child(3){transition-delay:.16s}
.pw.on .pp .txt > :nth-child(4){transition-delay:.24s}
.pw.on .pp .txt > :nth-child(5){transition-delay:.32s}
.pp h2{display:flex;flex-direction:column;align-items:flex-start;margin-top:16px}
.pp h2 .fit{display:block;white-space:nowrap;font-size:clamp(38px,min(7.4vw,9.4svh),104px);line-height:.92;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 24px rgba(0,0,0,.45))}
.pp h2 .sub{display:block;margin-top:12px;font:600 clamp(17px,min(2.6vw,3svh),28px)/1.15 var(--fd);text-transform:none;letter-spacing:0;color:#fff}
.pp .lead{margin-top:14px;max-width:none}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.chips li{position:relative;display:flex;align-items:baseline;gap:10px;padding:11px 16px 11px 18px;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(7,8,10,.72);font:500 13px/1 var(--ft);color:rgba(255,255,255,.8)}
.chips li::before{content:"";position:absolute;left:-1px;top:-1px;width:14px;height:14px;border-top:2px solid var(--red);border-left:2px solid var(--red);border-radius:6px 0 0 0}
.chips li b{font-weight:500}
.chips li span{font:800 16px/1 var(--fd);color:#fff;white-space:nowrap}
.chips li span::before{content:"от ";font:500 11px/1 var(--ft);color:var(--red-h);letter-spacing:.06em;text-transform:uppercase}
html[lang="kk"] .chips li span::before{content:"";}
html[lang="kk"] .chips li span::after{content:" бастап";font:500 11px/1 var(--ft);color:var(--red-h);letter-spacing:.06em;text-transform:uppercase}
html[lang="en"] .chips li span::before{content:"from "}
.pp .cta{margin-top:24px}
html.no-plate .pp .txt > *{opacity:1;transform:none}
@media(max-width:760px){
  .pp-in{padding:calc(var(--hh) + 6px) 0 74px;align-items:flex-end}
  .pp h2 .fit{font-size:clamp(34px,min(10.4vw,6.8svh),52px)}
  .pp h2 .sub{font-size:17px;margin-top:8px}
  .pp .lead{font-size:15px}
  .chips{gap:8px;margin-top:16px}
  .chips li{padding:9px 12px 9px 14px;font-size:12px}
  .chips li span{font-size:14px}
  .pp .cta{margin-top:18px;flex-direction:column;align-items:stretch;gap:8px}
  .pp .cta .btn{width:100%}
  .shade{background:linear-gradient(180deg,rgba(7,8,10,.55) 0%,rgba(7,8,10,.25) 30%,rgba(7,8,10,.72) 62%,rgba(7,8,10,.94) 100%)}
}
@media(max-width:760px) and (max-height:700px){
  .pp .lead{font-size:14px;line-height:1.4}
  .chips li:nth-child(3){display:none}
  .pp .cta .btn{height:48px}
}

.sec{position:relative;overflow:hidden;padding:clamp(64px,8vw,104px) 0}
.sec-coal{background:var(--coal)}
.sec-ink{background:var(--ink)}
.sec-paper{background:var(--paper);color:var(--ink)}
.sec::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.016) 0 44px,rgba(255,255,255,0) 44px 96px)}
.sec-paper::before{background:repeating-linear-gradient(180deg,rgba(7,8,10,.022) 0 44px,rgba(7,8,10,0) 44px 96px)}
.sec-nums::before{display:none}
.sec-head{position:relative}

html.js .rv{opacity:0;transform:translateY(16px);transition:opacity .75s ease,transform .75s ease}
html.js .rv.in{opacity:1;transform:none}
html.js .nums.rv,html.js .dirs.rv,html.js .offers.rv,html.js .why.rv,html.js .pgrid.rv,html.js .kont.rv,html.js .strip-wrap.rv{transform:none}

.sec-nums{padding:0 0 44px}
.mq{overflow:hidden;padding:18px 0;border-bottom:1px solid var(--line);-webkit-mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq-in{display:flex;width:max-content;animation:mq var(--tkd,42s) linear infinite}
@keyframes mq{to{transform:translateX(calc(-1 * var(--tkw,1000px)))}}
.mq-in b{flex:0 0 auto;display:flex;align-items:center;gap:22px;padding-left:22px;font:800 clamp(18px,2.2vw,26px)/1 var(--fd);text-transform:uppercase;letter-spacing:.02em;color:rgba(255,255,255,.72);white-space:nowrap}
.mq-in b::after{content:"";width:8px;height:8px;background:var(--red);transform:rotate(45deg);box-shadow:0 0 12px rgba(225,6,0,.8)}
.nums{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:40px 0 10px}
.nums li{padding:0 18px;border-left:1px solid var(--line)}
.num{display:block;font:800 clamp(30px,3.6vw,50px)/1 var(--fd);letter-spacing:-.01em;color:#fff}
.num i{font-style:normal}
.num em{font-style:normal;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}
.num small{font:600 15px/1 var(--ft);color:var(--red-h);letter-spacing:.04em}
.nums li span:last-child{display:block;margin-top:10px;font:400 13px/1.35 var(--ft);color:var(--steel)}
.stars{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);font:500 14px/1.4 var(--ft);color:var(--steel2)}
.stars svg{color:var(--red);flex:0 0 auto}
@media(max-width:900px){
  .nums{grid-template-columns:repeat(3,1fr);gap:14px;padding-top:30px}
  .nums li{padding:0 12px}
  .nums li:nth-child(4),.nums li:nth-child(5){margin-top:6px}
}
@media(max-width:480px){
  .nums{grid-template-columns:1fr 1fr;gap:16px 10px}
  .nums li:nth-child(5){grid-column:1/-1}
  .num{font-size:30px}
}

.strip-wrap{position:relative;margin-top:40px}
.strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 0 8px;outline:none}
.strip::-webkit-scrollbar{display:none}
.strip:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.strip figure{flex:0 0 auto;width:min(300px,64vw);scroll-snap-align:start;position:relative;border-radius:8px;overflow:hidden;background:var(--graph)}
.strip img{width:100%;height:auto;aspect-ratio:720/930;object-fit:cover;transition:transform .8s ease}
.strip figure:hover img{transform:scale(1.04)}
.strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 14px 14px;font:500 13px/1.3 var(--ft);color:#fff;background:linear-gradient(180deg,rgba(7,8,10,0),rgba(7,8,10,.85))}
.strip figcaption::before{content:"";display:block;width:22px;height:2px;background:var(--red);margin-bottom:8px}
.sbtn{position:absolute;top:calc(50% - 26px);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(7,8,10,.85);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .25s,opacity .25s}
.sbtn:hover{background:var(--red);border-color:var(--red)}
.sbtn:disabled{opacity:.28;cursor:default}
.sbtn:disabled:hover{background:rgba(7,8,10,.72);border-color:rgba(255,255,255,.25)}
.sbtn.prev{left:-14px}
.sbtn.next{right:-14px}
.sbtn[hidden]{display:none}
.proc-foot{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-top:44px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.steps i{display:block;font:800 40px/1 var(--fd);font-style:normal;color:transparent;-webkit-text-stroke:1.2px var(--red);letter-spacing:-.03em;grid-row:1/3;margin-top:-4px}
.steps em{display:block;font:700 16px/1.2 var(--fd);font-style:normal;text-transform:uppercase}
.steps span{display:block;margin-top:5px;font:400 13px/1.4 var(--ft);color:var(--steel)}
.ig-more{display:flex;align-items:center;gap:14px}
.nick{font:500 13px/1 var(--ft);color:var(--steel)}
@media(max-width:1080px){.proc-foot{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .strip-wrap{margin-top:28px}
  .strip{gap:10px}
  .sbtn{width:42px;height:42px;top:calc(50% - 30px)}
  .sbtn.prev{left:-6px}.sbtn.next{right:-6px}
  .proc-foot{margin-top:30px;gap:24px}
  .steps{gap:16px 12px}
  .steps i{font-size:32px}
  .steps em{font-size:14px}
  .steps span{font-size:12px}
  .ig-more{flex-direction:column;align-items:stretch;gap:10px}
  .ig-more .btn{width:100%}
  .nick{text-align:center}
}

.proc-body{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,72px);align-items:center;margin-top:40px}
.vcard{position:relative;height:min(76svh,720px);aspect-ratio:9/16;border-radius:14px;overflow:hidden;background:var(--graph);box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px var(--line)}
.vplay{display:block;width:100%;height:100%;object-fit:cover;background:var(--graph)}
.vsound{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:0;border-radius:999px;background:var(--red);color:#fff;font:600 14px/1 var(--ft);cursor:pointer;white-space:nowrap;box-shadow:0 8px 24px rgba(225,6,0,.4);transition:background .25s,opacity .25s}
.vsound:hover{background:var(--red-h)}
.vsound[hidden]{display:none}
.vcap{padding-left:16px;border-left:2px solid var(--red)}
.vcap b{display:block;font:800 clamp(22px,2.6vw,34px)/1.05 var(--fd);text-transform:uppercase;letter-spacing:.01em}
.vcap span{display:block;margin-top:8px;font:400 15px/1.45 var(--ft);color:var(--steel2)}
.proc-side .steps{grid-template-columns:1fr 1fr;margin-top:34px;gap:26px 22px}
.proc-side .ig-more{margin-top:34px}
.strip-v figure{width:200px;background:none;overflow:visible}
.strip-v .vwrap{display:block;position:relative}
.strip-v video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:10px;background:var(--graph);box-shadow:0 0 0 1px var(--line)}
.strip-v figcaption{position:static;padding:10px 2px 0;background:none;font:600 14px/1.3 var(--ft);color:#fff}
.vgo{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px 0 13px;border-radius:999px;border:0;background:var(--red);color:#fff;font:600 13px/1 var(--ft);white-space:nowrap;cursor:pointer;box-shadow:0 8px 22px rgba(225,6,0,.4);transition:background .25s}
.vgo svg{flex:none}
.vgo:hover{background:var(--red-h)}
.vclip.is-on .vgo{display:none}
@media(max-width:760px){.strip-v figure{width:calc(50vw - 26px)}.strip-v figcaption{font-size:13px}.vgo{height:34px;padding:0 13px 0 11px;font-size:12px}}
.strip-ba figure{width:min(340px,78vw)}
.strip-ba img{aspect-ratio:1/1}
.strip-ba .tag{position:absolute;left:10px;z-index:2;padding:4px 9px;border-radius:5px;font:700 11px/1 var(--ft);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(7,8,10,.72)}
.strip-ba .tag-b{top:10px}
.strip-ba .tag-a{top:calc(50% + 6px);background:var(--red)}
.strip-ba figcaption{padding-top:36px}
@media(max-width:760px){
  .proc-body{grid-template-columns:1fr;margin-top:28px;gap:30px}
  .vcard{height:auto;width:100%;max-width:420px;margin:0 auto}
  .vsound{bottom:58px}
  .proc-side .steps{margin-top:24px}
  .proc-side .ig-more{margin-top:26px}
}

.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
.pcol h3{font:800 20px/1.1 var(--fd);text-transform:uppercase;letter-spacing:.01em;padding-bottom:14px;border-bottom:2px solid var(--ink);display:flex;align-items:center;gap:10px}
.pcol h3::before{content:"";width:10px;height:10px;background:var(--red);transform:rotate(45deg)}
.pcol ul{display:grid}
.pcol li a{position:relative;display:grid;grid-template-columns:1fr auto 16px;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid var(--line-d);font:400 14px/1.3 var(--ft);color:var(--ink);overflow:hidden;transition:color .25s}
.pcol li a span{position:relative;z-index:1}
.pcol li a b{position:relative;z-index:1;font:700 15px/1 var(--fd);white-space:nowrap;letter-spacing:.01em}
.pcol li a b::after{content:" ₸";font-size:12px;color:var(--red)}
.pcol li a svg{position:relative;z-index:1;color:var(--red);opacity:.55;transition:opacity .25s,transform .25s}
.pcol li a::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(225,6,0,0) 0%,rgba(225,6,0,.1) 48%,rgba(225,6,0,.16) 50%,rgba(225,6,0,0) 52%);background-size:260% 100%;background-position:120% 0;transition:background-position .7s ease;z-index:0}
.pcol li a:hover::before{background-position:-40% 0}
.pcol li a:hover svg{opacity:1;transform:scale(1.15)}
.pcol li a:hover span{color:var(--red-d)}
.pnote{margin-top:28px;padding:22px;border-radius:10px;background:var(--ink);color:#fff;display:grid;gap:16px}
.pnote p{font:400 14px/1.45 var(--ft);color:var(--steel2)}
.pnote .btn{width:100%}
@media(max-width:1080px){.pgrid{grid-template-columns:1fr 1fr}.pcol:last-child{grid-column:1/-1}}
@media(max-width:760px){
  .pgrid{grid-template-columns:1fr;gap:26px;margin-top:30px}
  .pcol h3{font-size:18px}
  .pcol li a{font-size:13px;padding:12px 2px}
  .pcol li a b{font-size:14px}
  .pnote{padding:18px}
}

.dirs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dir{display:flex;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--graph);transition:border-color .3s,transform .3s}
.dir:hover{border-color:rgba(225,6,0,.5);transform:translateY(-3px)}
.dir h3{font:800 22px/1.1 var(--fd);text-transform:uppercase;margin-top:18px}
.dir p{margin-top:10px;font:400 14px/1.45 var(--ft);color:var(--steel2)}
.dir .btn{margin-top:16px}
.media{position:relative;overflow:hidden;background:var(--coal);border-radius:8px;aspect-ratio:4/3;width:100%;isolation:isolate}
.media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.68);transition:filter 1s ease .25s,transform 1s ease}
.media::after{content:"";position:absolute;top:-10%;bottom:-10%;left:-30%;width:30%;pointer-events:none;opacity:0;mix-blend-mode:screen;
  background:radial-gradient(ellipse 34% 56% at 50% 50%,rgba(255,255,255,.4) 0%,rgba(255,120,110,.25) 36%,rgba(225,6,0,.12) 56%,transparent 74%)}
.dir:hover .media img{filter:none;transform:scale(1.04)}
.dir:hover .media::after{animation:fanpass 1.1s ease forwards}
@keyframes fanpass{0%{left:-30%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
.ph-empty{position:absolute;inset:0;background:var(--coal) repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 2px,transparent 2px 13px);display:flex;align-items:flex-end;justify-content:flex-start;padding:0 14px 14px}
.ph-empty i{position:absolute;left:14%;right:14%;top:22%;bottom:36%;border:1.5px dashed rgba(255,120,110,.6);border-radius:4px}
.ph-empty i::after{content:"";position:absolute;left:38%;top:-1px;bottom:-1px;width:24%;background:linear-gradient(90deg,transparent,rgba(255,120,110,.18),transparent)}
.ph-empty span{font:600 10px/1.4 var(--ft);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.media.has-img .ph-empty{display:none}
@media(max-width:1080px){.dirs{grid-template-columns:1fr 1fr}.dir:last-child{grid-column:1/-1}}
@media(max-width:760px){
  .dirs{grid-template-columns:1fr;gap:14px}
  .dir h3{font-size:20px;margin-top:14px}
  .dir p{font-size:13px}
  .media{aspect-ratio:16/10}
  .dir .btn{width:100%}
}
@media(hover:none){.media img{filter:none}}

.offers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.offers li{position:relative;padding:22px 20px 20px;border-radius:10px;background:#fff;border:1px solid var(--line-d);overflow:hidden;transition:transform .3s,box-shadow .3s}
.offers li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--red);transform:scaleY(.35);transform-origin:top;transition:transform .35s}
.offers li:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(7,8,10,.1)}
.offers li:hover::before{transform:scaleY(1)}
.offers b{display:block;font:800 19px/1.1 var(--fd);text-transform:uppercase;color:var(--ink)}
.offers span{display:block;margin-top:10px;font:400 14px/1.45 var(--ft);color:var(--mute)}
@media(max-width:1080px){.offers{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .offers{grid-template-columns:1fr 1fr;gap:10px;margin-top:30px}
  .offers li{padding:16px 14px 14px}
  .offers b{font-size:15px}
  .offers span{font-size:12px;margin-top:8px}
}
@media(max-width:360px){.offers{grid-template-columns:1fr}}

.sec-guar .bgimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:.42;filter:grayscale(.3) contrast(1.05)}
.sec-guar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,10,.94) 0%,rgba(7,8,10,.8) 50%,rgba(7,8,10,.5) 100%),linear-gradient(180deg,rgba(7,8,10,.4),rgba(7,8,10,.85));pointer-events:none}
.sec-guar .wrap{z-index:2}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}
.why li{padding-top:16px;border-top:1px solid rgba(255,255,255,.22)}
.why b{display:block;font:800 20px/1.1 var(--fd);text-transform:uppercase}
.why span{display:block;margin-top:8px;font:400 14px/1.45 var(--ft);color:var(--steel2)}
.rev{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:44px;padding:20px 22px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(7,8,10,.78)}
.rev p{font:400 15px/1.45 var(--ft);color:var(--steel2)}
.rev .btn svg{color:var(--red-h)}
@media(max-width:1080px){.why{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .why{grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:30px}
  .why b{font-size:17px}
  .why span{font-size:12px}
  .rev{flex-direction:column;align-items:stretch;margin-top:30px;padding:16px}
  .rev .btn{width:100%}
}

.kont{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:44px}
.ktel{display:block;font:800 clamp(30px,3.6vw,46px)/1 var(--fd);letter-spacing:-.01em;color:#fff}
.kbtns{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.kmail{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font:500 15px/1 var(--ft);color:var(--steel2)}
.kmail svg{color:var(--red-h)}
.khrs{margin-top:10px;font:500 15px/1 var(--ft);color:var(--steel2)}
.addr{display:grid;gap:12px;margin-top:26px}
.acard{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:var(--graph)}
.acard svg{color:var(--red-h);margin-top:2px}
.acard b{display:block;font:600 15px/1.35 var(--ft)}
.alinks{display:flex;gap:14px;margin-top:8px}
.alinks a{font:600 12px/1 var(--ft);letter-spacing:.06em;text-transform:uppercase;color:var(--red-h);border-bottom:1px solid rgba(255,42,31,.4);padding-bottom:2px}
.alinks a:hover{color:#fff;border-color:#fff}
.form{display:grid;gap:14px;padding:26px;border-radius:12px;background:var(--graph);border:1px solid var(--line)}
.form label{display:grid;gap:7px;font:600 11px/1 var(--ft);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.form input,.form select,.form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:var(--coal);color:#fff;font:400 15px/1.3 var(--ft);padding:13px 14px;letter-spacing:0;text-transform:none;transition:border-color .25s,box-shadow .25s}
.form textarea{resize:vertical;min-height:84px}
.form input:focus,.form select:focus,.form textarea{outline:none}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,6,0,.18)}
.form select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--steel) 50%),linear-gradient(135deg,var(--steel) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.form select option{color:#000}
.form .btn{width:100%;margin-top:4px}
.fnote{font:400 12px/1.45 var(--ft);color:var(--steel)}
.fm-ok{padding:12px 14px;border-radius:8px;background:rgba(37,211,102,.14);color:#9BEFB9;font:500 13px/1.4 var(--ft)}
.fm-err{padding:12px 14px;border-radius:8px;background:rgba(225,6,0,.16);color:#FFB3AE;font:500 13px/1.4 var(--ft)}
.foot{margin-top:clamp(64px,8vw,104px);padding-top:30px;border-top:1px solid var(--line)}
.foot-in{display:grid;grid-template-columns:auto 1fr auto;gap:14px 30px;align-items:center}
.flogo{width:min(300px,72vw);height:auto}
.fdesc{font:400 14px/1.4 var(--ft);color:var(--steel)}
.fig{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--ft);color:#fff}
.copy{grid-column:1/-1;font:400 12px/1 var(--ft);color:var(--steel)}
@media(max-width:1080px){.kont{grid-template-columns:1fr;gap:30px}}
@media(max-width:760px){
  .kont{margin-top:30px}
  .kbtns .btn{width:100%}
  .form{padding:18px}
  .foot-in{grid-template-columns:1fr;gap:12px;text-align:left}
  .flogo{width:min(260px,72vw)}
}

.bar{position:fixed;left:12px;right:12px;bottom:12px;z-index:55;display:none;grid-template-columns:1fr 1fr 52px;gap:6px;padding:6px;border-radius:999px;background:rgba(7,8,10,.94);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 34px rgba(0,0,0,.45);transform:translateY(120%);opacity:0;transition:transform .35s,opacity .35s;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px))}
.bar.show{transform:none;opacity:1}
.bar a{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:999px;font:600 13px/1 var(--ft);color:#fff}
.bar a:first-child{background:rgba(255,255,255,.1)}
.bar a:nth-child(2){background:var(--red)}
.bar a svg{display:block;flex:0 0 auto}
.bar .bar-ig{width:46px;background:rgba(255,255,255,.1)}
@media(max-width:760px){.bar{display:grid}}
body.menu-open .bar{transform:translateY(120%);opacity:0}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .glow{animation:none}
}
.hero .kicker{text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.75)}
.hero .tex{display:none}
.hero .lay-gloss{opacity:calc(.35 * min(1,var(--p2) * 4))}
.hero .ph .lay-base,.hero .ph .lay-primer{transform:scale(calc(1 + .025 * var(--stay)))}
.hero .shade{background:linear-gradient(90deg,rgba(7,8,10,.8) 0%,rgba(7,8,10,.5) 34%,rgba(7,8,10,.06) 56%,rgba(7,8,10,0) 100%),linear-gradient(180deg,rgba(7,8,10,.45) 0%,rgba(7,8,10,0) 16%,rgba(7,8,10,0) 80%,rgba(7,8,10,.55) 100%)}
@media(max-width:760px){
  .hero .shade{background:linear-gradient(180deg,rgba(7,8,10,.4) 0%,rgba(7,8,10,0) 10%,rgba(7,8,10,0) 36%,rgba(7,8,10,.62) 52%,rgba(7,8,10,.92) 100%)}
}
.hero .lead,.hero .l2,.hero .ig-link{text-shadow:0 1px 2px rgba(0,0,0,.85),0 0 18px rgba(0,0,0,.7)}
@media(min-width:761px){.hero .lay{object-position:50% 10%}}
.hero .lay-gloss{display:none}
.hero .shade{background:linear-gradient(90deg,rgba(7,8,10,.82) 0%,rgba(7,8,10,.62) 30%,rgba(7,8,10,.2) 48%,rgba(7,8,10,0) 58%)}
@media(max-width:760px){.hero .shade{background:linear-gradient(180deg,rgba(7,8,10,0) 0%,rgba(7,8,10,0) 34%,rgba(7,8,10,.72) 46%,rgba(7,8,10,.9) 100%)}}
.hero .lay-primer{filter:none}
.hero .kicker,.hero .l2,.hero .lead,.hero .ig-link,.hero .gauge{text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 22px rgba(0,0,0,.65)}

.fan{left:0;will-change:transform,opacity;mix-blend-mode:normal;transform:translateX(calc((var(--p1) * 124% - 12%) / .3 - 50%))}
.pw.rtl .fan{left:0;transform:translateX(calc((112% - var(--p1) * 124%) / .3 - 50%))}
.hero .fan-2{left:0;transform:translateX(calc((112% - var(--p2) * 124%) / .3 - 50%))}
.hero .lay-primer{display:none}
.hero .lay-base{-webkit-mask-image:none;mask-image:none}
.hero .hclip{clip-path:none}
.htxt,.gauge{will-change:transform,opacity}
.pw-hero .plate{will-change:transform}
#kuzovnoy .lay{object-position:50% 58%}
@media(max-width:760px){#kuzovnoy .lay{object-position:0% 50%}}
.htxt > *{opacity:1;transform:none;animation:hin .95s cubic-bezier(.22,.8,.26,1) both}
.htxt > :nth-child(1){animation-delay:.15s}
.htxt > :nth-child(2){animation-delay:.28s;transition-delay:0s}
.htxt > :nth-child(3){animation-delay:.42s}
.htxt > :nth-child(4){animation-delay:.54s}
.htxt > :nth-child(n+5){animation-delay:.64s}
@keyframes hin{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
#pokraska .lay{object-position:100% 50%}
@media(max-width:760px){#pokraska .lay{object-position:72% 50%}}