@charset "UTF-8";
/* Space QR — стили лендинга. Префикс классов qs- */

@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:400;src:url(fonts/onest-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:500;src:url(fonts/onest-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/onest-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/onest-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:400;src:url(fonts/onest-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:500;src:url(fonts/onest-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/onest-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/onest-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}

@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(fonts/oswald-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:500;src:url(fonts/oswald-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/oswald-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(fonts/oswald-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/oswald-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(fonts/oswald-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --or:#f7a823;--or-d:#e8960e;--dark:#141416;--dark2:#1e1e22;--tx:#17171b;--gr:#6c6c75;
  --bg2:#f4f4f6;--cream:#fff5e3;--line:#e6e6ea;--ok:#1f9d55;--warn:#d9480f;
  --r:20px;--wrap:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth}
body{font-family:Onest,system-ui,sans-serif;color:var(--tx);background:#fff;font-size:16px;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{display:block}
button,input,select{font:inherit;color:inherit}
.qs-wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.qs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 28px;border-radius:999px;border:0;background:var(--or);color:var(--dark);font-weight:600;font-size:16px;cursor:pointer;transition:background .15s,transform .15s;white-space:nowrap}
.qs-btn:hover{background:var(--or-d)}
.qs-btn:active{transform:scale(.98)}
.qs-btn-ghost{background:transparent;border:1.5px solid currentColor}
.qs-btn-ghost:hover{background:rgba(0,0,0,.04)}
.qs-btn-dark{background:var(--dark);color:#fff}
.qs-btn-dark:hover{background:#2a2a30}
.qs-kicker{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--or-d)}
.qs-h2{font-size:40px;line-height:1.15;font-weight:700;letter-spacing:-.02em;margin:10px 0 14px}
.qs-lead{font-size:18px;color:var(--gr);max-width:640px}
.qs-sec{padding:96px 0}
.qs-sec-gray{background:var(--bg2)}

/* шапка */
.qs-head{position:sticky;top:0;z-index:50;background:var(--dark);color:#fff;border-bottom:1px solid #26262b}
.qs-head .qs-wrap{display:flex;align-items:center;gap:32px;height:68px}
.qs-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:-.01em}
.qs-logo b{color:var(--or)}
.qs-logo svg{width:30px;height:30px}
.qs-nav{display:flex;gap:26px;margin-left:auto;font-size:15px;color:#c9c9cf}
.qs-nav a:hover{color:#fff}
.qs-lang{display:flex;background:#26262b;border-radius:999px;padding:3px;font-size:13px;font-weight:600}
.qs-lang a{padding:5px 11px;border-radius:999px;color:#a5a5ad}
.qs-lang a.on{background:var(--or);color:var(--dark)}

/* hero */
.qs-hero{background:var(--dark);color:#fff;padding:56px 0 88px;position:relative;overflow:hidden}
.qs-hero:before{content:"";position:absolute;right:-180px;top:-220px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(247,168,35,.22),rgba(247,168,35,0) 70%)}
.qs-hero .qs-wrap{position:relative}
.qs-hero h1{font-size:54px;line-height:1.08;font-weight:700;letter-spacing:-.03em;max-width:820px}
.qs-hero h1 em{font-style:normal;color:var(--or)}
.qs-hero .qs-lead{color:#b4b4bc;margin-top:16px;max-width:700px}
.qs-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.qs-pills span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#222227;font-size:14px;color:#dcdce1}
.qs-pills svg{width:16px;height:16px;color:var(--or)}

/* генератор */
.qs-gen{margin-top:40px;display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto auto 1fr;grid-template-areas:"in pv" "ds pv" "dy pv";background:#fff;color:var(--tx);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.qs-gi{grid-area:in;padding:32px 32px 0;min-width:0}
.qs-gd{grid-area:dy;padding:0 32px 32px;align-self:end}
.qs-gen-r{grid-area:pv;background:var(--bg2);padding:32px;display:flex;flex-direction:column;align-items:center;border-left:1px solid var(--line);min-width:0}
.qs-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.qs-tab{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;font-size:14px;font-weight:500;cursor:pointer;color:var(--tx)}
.qs-tab svg{width:16px;height:16px}
.qs-tab:hover{border-color:#c8c8cf}
.qs-tab.on{background:var(--dark);border-color:var(--dark);color:#fff}
.qs-pane{display:none}
.qs-pane.on{display:grid;gap:14px}
.qs-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qs-f label{display:block;font-size:13px;font-weight:500;color:var(--gr);margin-bottom:6px}
.qs-f input[type=text],.qs-f input[type=url],.qs-f input[type=tel],.qs-f input[type=email],.qs-f textarea,.qs-f select{width:100%;height:50px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;font-size:16px;outline:none;transition:border-color .15s}
.qs-f textarea{height:96px;padding:12px 16px;resize:vertical;font-family:inherit}
.qs-f input:focus,.qs-f textarea:focus,.qs-f select:focus{border-color:var(--or)}
.qs-chk{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--gr);cursor:pointer}
.qs-chk input{width:18px;height:18px;accent-color:var(--or)}
.qs-design{grid-area:ds;margin:26px 32px 26px;padding-top:22px;border-top:1px solid var(--line);min-width:0}
.qs-design h3{font-size:15px;font-weight:600;margin-bottom:14px}
.qs-dgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.qs-color{display:flex;align-items:center;gap:10px;height:50px;padding:0 10px;border-radius:14px;border:1.5px solid var(--line);background:#fff}
.qs-color input{width:30px;height:30px;border:0;padding:0;border-radius:8px;background:none;cursor:pointer}
.qs-color input::-webkit-color-swatch-wrapper{padding:0}
.qs-color input::-webkit-color-swatch{border:1px solid var(--line);border-radius:8px}
.qs-color span{font-size:14px;font-variant-numeric:tabular-nums;color:var(--gr)}
.qs-styles{display:flex;gap:8px}
.qs-sty{width:50px;height:50px;border-radius:14px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}
.qs-sty svg{width:26px;height:26px}
.qs-sty.on{border-color:var(--or);background:var(--cream)}
.qs-logo-up{display:flex;align-items:center;gap:10px}
.qs-logo-up label.qs-upl{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 16px;border-radius:14px;border:1.5px dashed #c8c8cf;background:#fff;cursor:pointer;font-size:14px;font-weight:500;color:var(--tx);margin:0}
.qs-logo-up label.qs-upl:hover{border-color:var(--or)}
.qs-logo-up input{display:none}
.qs-upl svg{width:16px;height:16px;flex:none}
.qs-logo-up button{height:50px;padding:0 14px;border-radius:14px;border:0;background:none;color:var(--gr);font-size:14px;cursor:pointer;display:none}
.qs-logo-up.has button{display:inline-block}
.qs-logo-up .qs-lname{font-size:13px;color:var(--gr);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.qs-prev{width:100%;aspect-ratio:1;background:#fff;border-radius:22px;display:grid;place-items:center;padding:14px;box-shadow:0 8px 24px rgba(20,20,22,.06)}
.qs-prev canvas,.qs-prev svg{width:100%!important;height:auto!important;max-width:290px}
.qs-prev-empty{color:var(--gr);font-size:14px;text-align:center;padding:30px}
.qs-warn{display:none;margin-top:12px;width:100%;padding:10px 14px;border-radius:12px;background:#fff1e8;color:var(--warn);font-size:13px;line-height:1.4}
.qs-warn.on{display:block}
.qs-dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:18px}
.qs-dl .qs-btn{height:50px;padding:0 12px;font-size:15px}
.qs-dl .qs-btn[disabled]{opacity:.45;pointer-events:none}
.qs-size{width:100%;margin-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--gr)}
.qs-size select{height:34px;border-radius:10px;border:1.5px solid var(--line);padding:0 8px;background:#fff;font-size:13px}
.qs-dyn{width:100%;padding:16px;border-radius:16px;background:var(--dark);color:#fff;display:flex;gap:12px;align-items:flex-start}
.qs-dyn svg{width:22px;height:22px;flex:none;color:var(--or);margin-top:2px}
.qs-dyn p{font-size:13px;line-height:1.45;color:#c9c9cf}
.qs-dyn b{display:block;color:#fff;font-size:14px;margin-bottom:2px}
.qs-dyn a{color:var(--or);font-weight:600;font-size:13px;display:inline-block;margin-top:6px}

/* статистика */
.qs-stat{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;align-items:center}
.qs-list{list-style:none;margin:26px 0 32px;display:grid;gap:16px}
.qs-list li{display:flex;gap:14px;align-items:flex-start}
.qs-list i{flex:none;width:34px;height:34px;border-radius:10px;background:var(--cream);display:grid;place-items:center;color:var(--or-d)}
.qs-list i svg{width:18px;height:18px}
.qs-list b{display:block;font-weight:600}
.qs-list span{color:var(--gr);font-size:15px}
.qs-soon{display:block;margin-top:12px;font-size:13px;color:var(--gr)}
.qs-dash{background:var(--dark);border-radius:28px;padding:26px;color:#fff;position:relative}
.qs-dash-tag{position:absolute;top:-12px;right:24px;background:var(--or);color:var(--dark);font-size:12px;font-weight:700;padding:5px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.qs-dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.qs-dash-top b{font-size:16px}
.qs-dash-top span{font-size:13px;color:#8e8e97}
.qs-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.qs-kpi{background:#222227;border-radius:16px;padding:14px}
.qs-kpi small{display:block;font-size:12px;color:#8e8e97}
.qs-kpi b{display:block;font-size:26px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}
.qs-kpi em{font-style:normal;font-size:12px;color:#5fd38d}
.qs-chart{background:#222227;border-radius:16px;padding:16px;margin-top:10px}
.qs-chart small{font-size:12px;color:#8e8e97}
.qs-bars{display:flex;align-items:flex-end;gap:7px;height:120px;margin-top:12px}
.qs-bars div{flex:1;background:#3a3a42;border-radius:6px 6px 2px 2px}
.qs-bars div.hi{background:var(--or)}
.qs-bars-x{display:flex;gap:7px;margin-top:6px}
.qs-bars-x span{flex:1;text-align:center;font-size:11px;color:#6f6f78}
.qs-dash-2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.qs-mini{background:#222227;border-radius:16px;padding:14px}
.qs-mini small{font-size:12px;color:#8e8e97;display:block;margin-bottom:10px}
.qs-mini p{display:flex;justify-content:space-between;font-size:13px;margin-top:7px;color:#dcdce1}
.qs-mini p span{color:#8e8e97;font-variant-numeric:tabular-nums}
.qs-track{height:5px;border-radius:5px;background:#34343b;margin-top:4px;overflow:hidden}
.qs-track i{display:block;height:100%;background:var(--or);border-radius:5px}

/* где использовать */
.qs-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
.qs-use{background:#fff;border-radius:var(--r);padding:28px;border:1px solid var(--line)}
.qs-use i{width:48px;height:48px;border-radius:14px;background:var(--cream);display:grid;place-items:center;color:var(--or-d);margin-bottom:18px}
.qs-use i svg{width:24px;height:24px}
.qs-use h3{font-size:19px;font-weight:600;margin-bottom:6px}
.qs-use p{color:var(--gr);font-size:15px}
.qs-use.qs-use-hl{background:var(--dark);color:#fff;border-color:var(--dark)}
.qs-use.qs-use-hl p{color:#b4b4bc}
.qs-use.qs-use-hl i{background:#2a2a30;color:var(--or)}
.qs-use.qs-use-hl a{display:inline-block;margin-top:12px;color:var(--or);font-weight:600;font-size:15px}

/* советы */
.qs-tips{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:44px;counter-reset:tip}
.qs-tip{counter-increment:tip;padding:24px 20px;border-radius:var(--r);background:var(--bg2)}
.qs-tip:before{content:counter(tip,decimal-leading-zero);display:block;font-size:14px;font-weight:700;color:var(--or-d);margin-bottom:14px}
.qs-tip h3{font-size:17px;font-weight:600;margin-bottom:6px;line-height:1.3}
.qs-tip p{font-size:14px;color:var(--gr)}

/* мост к рассылкам */
.qs-bridge{background:var(--dark);color:#fff;border-radius:32px;padding:56px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden}
.qs-bridge:after{content:"";position:absolute;left:-120px;bottom:-200px;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(247,168,35,.16),rgba(247,168,35,0) 70%)}
.qs-bridge>*{position:relative;z-index:1}
.qs-bridge .qs-h2{color:#fff}
.qs-bridge .qs-lead{color:#b4b4bc}
.qs-bridge .qs-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.qs-bridge .qs-btn-ghost{color:#fff}
.qs-bridge .qs-btn-ghost:hover{background:rgba(255,255,255,.06)}
.qs-flow{display:grid;gap:12px}
.qs-flow div{display:flex;align-items:center;gap:14px;background:#222227;border-radius:16px;padding:16px 18px}
.qs-flow b{flex:none;width:36px;height:36px;border-radius:50%;background:var(--or);color:var(--dark);display:grid;place-items:center;font-size:15px}
.qs-flow span{font-size:15px;color:#dcdce1}
.qs-flow span strong{color:#fff;font-weight:600}

/* вопросы */
.qs-faq{max-width:820px;margin:40px auto 0;display:grid;gap:12px}
.qs-faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 24px}
.qs-faq summary{list-style:none;cursor:pointer;padding:20px 0;font-weight:600;font-size:17px;display:flex;justify-content:space-between;gap:16px}
.qs-faq summary::-webkit-details-marker{display:none}
.qs-faq summary:after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-weight:500;transition:transform .2s}
.qs-faq details[open] summary:after{transform:rotate(45deg);background:var(--or)}
.qs-faq details p{padding:0 0 22px;color:var(--gr);font-size:16px}
.qs-center{text-align:center}
.qs-center .qs-lead{margin:0 auto}

/* подвал */
.qs-foot{background:var(--dark);color:#a5a5ad;padding:56px 0 32px;font-size:14px}
.qs-foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:32px;border-bottom:1px solid #26262b}
.qs-foot .qs-logo{color:#fff;margin-bottom:12px}
.qs-foot h4{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px}
.qs-foot li{list-style:none;margin-bottom:8px}
.qs-foot a:hover{color:#fff}
.qs-foot-bot{display:flex;justify-content:space-between;gap:20px;padding-top:24px;font-size:13px;color:#6f6f78}
.qs-foot-bot a{color:var(--or)}

@media (max-width:1100px){
  .qs-tips{grid-template-columns:repeat(3,1fr)}
  .qs-dgrid{grid-template-columns:1fr 1fr}
}
@media (max-width:960px){
  .qs-gen{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"in" "pv" "ds" "dy"}
  .qs-gi{padding-bottom:24px}
  .qs-gen-r{border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .qs-prev{max-width:320px}
  .qs-stat,.qs-bridge{grid-template-columns:1fr;gap:40px}
  .qs-uses{grid-template-columns:1fr 1fr}
  .qs-nav{display:none}
  .qs-lang{margin-left:auto}
}
@media (max-width:640px){
  .qs-wrap{padding:0 16px}
  .qs-sec{padding:64px 0}
  .qs-hero{padding:36px 0 56px}
  .qs-hero h1{font-size:34px}
  .qs-h2{font-size:29px}
  .qs-lead{font-size:16px}
  .qs-gen{border-radius:22px;margin-top:28px}
  .qs-gi{padding:20px 16px 20px}
  .qs-gen-r{padding:20px 16px}
  .qs-design{margin:20px 16px}
  .qs-gd{padding:0 16px 20px}
  .qs-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px 18px;padding:0 16px;scrollbar-width:none}
  .qs-tabs::-webkit-scrollbar{display:none}
  .qs-tab{flex:none}
  .qs-row2{grid-template-columns:1fr}
  .qs-dgrid{grid-template-columns:1fr 1fr;gap:12px}
  .qs-dgrid .qs-f-wide{grid-column:1/-1}
  .qs-uses,.qs-tips{grid-template-columns:1fr}
  .qs-kpis{grid-template-columns:1fr 1fr 1fr}
  .qs-kpi b{font-size:20px}
  .qs-dash{padding:18px;border-radius:22px}
  .qs-dash-2{grid-template-columns:1fr}
  .qs-bridge{padding:32px 20px;border-radius:24px}
  .qs-foot-top{grid-template-columns:1fr;gap:28px}
  .qs-foot-bot{flex-direction:column}
  .qs-logo span.qs-by{display:none}
  .qs-head .qs-wrap{height:60px}
}

/* ================= QR-2: анимации ================= */
.qs-js .qs-rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0s)}
.qs-js .qs-rv.in{opacity:1;transform:none}
@keyframes qs-glow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-60px,40px) scale(1.12)}}
@keyframes qs-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes qs-scan{0%{top:6%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:92%;opacity:0}}
@keyframes qs-float{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-14px) rotate(var(--r,0deg))}}
@keyframes qs-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06);opacity:1}100%{transform:scale(1)}}
@keyframes qs-shine{from{transform:translateX(-120%) skewX(-20deg)}to{transform:translateX(320%) skewX(-20deg)}}
@keyframes qs-pulse{0%{box-shadow:0 0 0 0 rgba(247,168,35,.55)}100%{box-shadow:0 0 0 14px rgba(247,168,35,0)}}
.qs-hero:before{animation:qs-glow 14s ease-in-out infinite}
.qs-hero h1,.qs-hero .qs-lead,.qs-hero .qs-pills,.qs-gen{animation:qs-up .8s cubic-bezier(.2,.7,.2,1) both}
.qs-hero .qs-lead{animation-delay:.1s}
.qs-hero .qs-pills{animation-delay:.2s}
.qs-gen{animation-delay:.3s}
.qs-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.qs-deco i{position:absolute;width:var(--s,18px);height:var(--s,18px);border:2px solid rgba(247,168,35,.35);border-radius:5px;animation:qs-float var(--t,7s) ease-in-out infinite;animation-delay:var(--dl,0s)}
.qs-deco i:nth-child(2n){background:rgba(247,168,35,.14);border:0}
.qs-prev{position:relative;overflow:hidden}
.qs-prev:after{content:"";position:absolute;left:8%;right:8%;height:3px;border-radius:3px;background:linear-gradient(90deg,rgba(247,168,35,0),#f7a823,rgba(247,168,35,0));box-shadow:0 0 14px rgba(247,168,35,.8);animation:qs-scan 3.2s ease-in-out infinite;pointer-events:none}
.qs-prev.qs-pop canvas{animation:qs-pop .45s cubic-bezier(.2,.7,.2,1)}
.qs-btn{position:relative;overflow:hidden}
.qs-btn:after{content:"";position:absolute;top:0;left:0;width:30%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.45),rgba(255,255,255,0));transform:translateX(-120%) skewX(-20deg)}
.qs-btn:hover:after{animation:qs-shine .7s ease}
.qs-use,.qs-ben,.qs-tip,.qs-aud{transition:transform .25s ease,box-shadow .25s ease,border-color .25s}
.qs-use:hover,.qs-ben:hover,.qs-aud:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(20,20,22,.09)}
.qs-tip:hover{transform:translateY(-4px)}
.qs-js .qs-dash .qs-bars div{transform:scaleY(0);transform-origin:bottom;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.qs-js .qs-dash.in .qs-bars div{transform:scaleY(1)}
.qs-dash .qs-bars div:nth-child(2){transition-delay:.06s}.qs-dash .qs-bars div:nth-child(3){transition-delay:.12s}.qs-dash .qs-bars div:nth-child(4){transition-delay:.18s}.qs-dash .qs-bars div:nth-child(5){transition-delay:.24s}.qs-dash .qs-bars div:nth-child(6){transition-delay:.3s}.qs-dash .qs-bars div:nth-child(7){transition-delay:.36s}
.qs-js .qs-dash .qs-track i{width:0!important;transition:width 1s cubic-bezier(.2,.7,.2,1) .3s}
.qs-js .qs-dash.in .qs-track i{width:var(--w)!important}
.qs-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5fd38d;margin-right:6px;animation:qs-pulse 1.6s infinite}

/* переключатель статистики в генераторе */
.qs-tog{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--cream);cursor:pointer;user-select:none}
.qs-tog input{position:absolute;opacity:0;pointer-events:none}
.qs-tog .sw{flex:none;width:44px;height:26px;border-radius:26px;background:#d8d3c8;position:relative;transition:background .2s}
.qs-tog .sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}
.qs-tog input:checked+.sw{background:var(--or)}
.qs-tog input:checked+.sw:after{transform:translateX(18px)}
.qs-tog b{display:block;font-size:15px;font-weight:600}
.qs-tog small{display:block;font-size:13px;color:var(--gr);line-height:1.35}
.qs-make{width:100%;margin-top:18px;height:56px;font-size:16px}
.qs-make[hidden],.qs-dl[hidden]{display:none}
.qs-make.busy{opacity:.6;pointer-events:none}
.qs-err{display:none;margin-top:10px;width:100%;font-size:13px;color:var(--warn);text-align:center}
.qs-err.on{display:block}
.qs-res{display:none;background:var(--dark);color:#fff;border-radius:18px;padding:20px;animation:qs-pop .45s cubic-bezier(.2,.7,.2,1)}
.qs-res.on{display:block}
.qs-res-top{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px}
.qs-res-top i{width:26px;height:26px;border-radius:50%;background:var(--or);color:var(--dark);display:grid;place-items:center;flex:none}
.qs-res-top i svg{width:15px;height:15px}
.qs-res p{font-size:13px;color:#b4b4bc;margin:8px 0 12px;line-height:1.45}
.qs-res-link{display:flex;gap:8px;align-items:center;background:#222227;border-radius:12px;padding:10px 12px;font-size:13px;word-break:break-all;color:var(--or)}
.qs-res-link a{flex:1}
.qs-res-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.qs-res-btns .qs-btn{height:42px;padding:0 16px;font-size:14px}
.qs-res-btns .qs-btn-ghost{color:#fff}
.qs-res-btns .qs-btn-ghost:hover{background:rgba(255,255,255,.07)}
.qs-viber{background:#7360f2;color:#fff}
.qs-viber:hover{background:#5f4bd8}

/* преимущества */
.qs-bens{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.qs-ben{padding:26px 24px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.qs-ben i{width:46px;height:46px;border-radius:14px;background:var(--dark);color:var(--or);display:grid;place-items:center;margin-bottom:18px}
.qs-ben i svg{width:22px;height:22px}
.qs-ben h3{font-size:17px;font-weight:600;line-height:1.3;margin-bottom:6px}
.qs-ben p{font-size:14px;color:var(--gr)}
.qs-ben.hl{background:var(--or);border-color:var(--or)}
.qs-ben.hl p{color:#3a2a0c}

/* кому подходит */
.qs-auds{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
.qs-aud{background:#fff;border-radius:var(--r);padding:24px;border:1px solid var(--line);display:flex;flex-direction:column}
.qs-aud i{width:48px;height:48px;border-radius:14px;background:var(--cream);color:var(--or-d);display:grid;place-items:center;margin-bottom:16px}
.qs-aud i svg{width:24px;height:24px}
.qs-aud h3{font-size:18px;font-weight:600;margin-bottom:8px}
.qs-aud ul{list-style:none;display:grid;gap:6px;font-size:14px;color:var(--gr)}
.qs-aud li{padding-left:16px;position:relative}
.qs-aud li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:2px;background:var(--or)}
.qs-aud.hl{background:var(--dark);border-color:var(--dark);color:#fff}
.qs-aud.hl ul{color:#b4b4bc}
.qs-aud.hl i{background:#2a2a30;color:var(--or)}
.qs-aud .tag{align-self:flex-start;margin-bottom:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--or);color:var(--dark);padding:4px 10px;border-radius:999px}

/* ================= страница статистики ================= */
.st-page{background:var(--bg2)}
.st-hero{background:var(--dark);color:#fff;padding:44px 0 40px;position:relative;overflow:hidden}
.st-hero:before{content:"";position:absolute;right:-160px;top:-220px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(247,168,35,.2),rgba(247,168,35,0) 70%);animation:qs-glow 14s ease-in-out infinite}
.st-hero .qs-wrap{position:relative}
.st-hero h1{font-size:42px;line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:8px 0 14px;word-break:break-word;animation:qs-up .7s both}
.st-meta{display:grid;gap:4px;font-size:14px;color:#dcdce1;animation:qs-up .7s .1s both}
.st-meta span{color:#8e8e97}
.st-meta a{color:var(--or);word-break:break-all}
.st-meta a.st-ref{margin-left:8px;font-weight:600}
.st-save{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#222227;border:1px solid #303036;border-radius:20px;padding:20px 22px}
.st-save b{font-size:16px}
.st-save p{font-size:14px;color:#b4b4bc;max-width:560px;margin-top:4px}
.st-share{display:flex;gap:8px;flex-wrap:wrap;flex:none}
.st-share .qs-btn{height:46px;padding:0 18px;font-size:14px}
.st-share .qs-btn-ghost{color:#fff}
.st-share .qs-btn-ghost:hover{background:rgba(255,255,255,.06)}
.st-viber{background:#7360f2;color:#fff}
.st-viber:hover{background:#5f4bd8}
.st-body{padding:28px 0 64px}
.st-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.st-kpi{background:#fff;border-radius:20px;padding:20px 22px}
.st-kpi small{font-size:13px;color:var(--gr)}
.st-kpi b{display:block;font-size:36px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px}
.st-kpi:first-child{background:var(--or)}
.st-kpi:first-child small{color:#3a2a0c}
.st-empty{margin-top:14px;background:var(--cream);border-radius:20px;padding:18px 22px}
.st-empty p{font-size:14px;color:var(--gr);margin-top:2px}
.st-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:14px;margin-top:14px;align-items:start}
.st-main,.st-side{display:grid;gap:14px;min-width:0}
.st-side{position:sticky;top:84px}
.st-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.st-card{background:#fff;border-radius:20px;padding:22px;min-width:0}
.st-card h2{font-size:16px;font-weight:600;margin-bottom:16px}
.st-bars{display:flex;align-items:flex-end;gap:4px;height:150px}
.st-hours{height:110px;gap:3px}
.st-bar{flex:1;height:100%;display:flex;align-items:flex-end;position:relative}
.st-bar i{display:block;width:100%;height:var(--h);background:#e3e3e8;border-radius:4px 4px 1px 1px;transform-origin:bottom}
.st-bar.hi i{background:var(--or)}
.st-bar:hover i{background:var(--dark)}
.st-bar em{display:none;position:absolute;bottom:calc(var(--h,0%) + 6px);left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:600;background:var(--dark);color:#fff;padding:2px 6px;border-radius:6px;white-space:nowrap;z-index:2}
.st-bar:hover em{display:block;bottom:auto;top:-22px}
.qs-js .st-card .st-bar i{transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.qs-js .st-card.in .st-bar i{transform:scaleY(1)}
.st-x{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--gr)}
.st-row{margin-bottom:12px}
.st-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:14px}
.st-row b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.st-row small{color:var(--gr);font-weight:400}
.st-track{height:6px;border-radius:6px;background:var(--bg2);margin-top:6px;overflow:hidden}
.st-track i{display:block;height:100%;width:var(--w);background:var(--or);border-radius:6px}
.qs-js .st-card .st-track i{width:0;transition:width 1s cubic-bezier(.2,.7,.2,1) .2s}
.qs-js .st-card.in .st-track i{width:var(--w)}
.st-none{font-size:14px;color:var(--gr)}
.st-table{overflow-x:auto;margin:0 -22px;padding:0 22px}
.st-table table{width:100%;border-collapse:collapse;font-size:14px;min-width:620px}
.st-table th{text-align:left;font-weight:500;font-size:12px;color:var(--gr);padding:0 10px 10px 0;border-bottom:1px solid var(--line)}
.st-table td{padding:11px 10px 11px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.st-table tr:last-child td{border-bottom:0}
.st-ip{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--gr)}
.st-qr{max-width:none;box-shadow:none;background:var(--bg2);padding:10px}
.st-qr canvas{max-width:100%!important}
.st-side .qs-dl{margin-top:14px}
.st-hint{font-size:13px;color:var(--gr);margin:-8px 0 12px}
#stForm{display:grid;gap:10px}
#stForm input{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);font-size:15px;outline:none}
#stForm input:focus{border-color:var(--or)}
.st-msg{font-size:13px;min-height:18px}
.st-msg.ok{color:var(--ok)}
.st-msg.bad{color:var(--warn)}
.st-cta{background:var(--dark);color:#fff}
.st-cta p{font-size:14px;color:#b4b4bc;margin:-6px 0 16px}
.st-cta .qs-btn{width:100%}
.st-new{display:block;text-align:center;margin-top:14px;font-size:14px;font-weight:600;color:var(--or)}
.st-nf{background:var(--dark);color:#fff;min-height:100vh;display:grid;place-items:center;text-align:center}
.st-nf main{padding:40px 16px}
.st-nf-code{font-size:120px;font-weight:700;line-height:1;color:var(--or);letter-spacing:-.04em}
.st-nf h1{font-size:30px;margin:10px 0 8px}
.st-nf p{color:#b4b4bc;margin-bottom:26px}

@media (max-width:1100px){
  .qs-bens,.qs-auds{grid-template-columns:repeat(2,1fr)}
  .st-grid{grid-template-columns:1fr}
  .st-side{position:static;grid-template-columns:1fr 1fr}
  .st-side .st-cta{grid-column:1/-1}
}
@media (max-width:760px){
  .st-kpis{grid-template-columns:1fr 1fr}
  .st-two{grid-template-columns:1fr}
  .st-save{flex-direction:column;align-items:flex-start}
  .st-side{grid-template-columns:1fr}
}
@media (max-width:640px){
  .qs-bens,.qs-auds{grid-template-columns:1fr}
  .st-hero h1{font-size:30px}
  .st-kpi b{font-size:28px}
  .st-card{padding:18px}
  .st-table{margin:0 -18px;padding:0 18px}
  .st-share{width:100%}
  .st-share .qs-btn{flex:1}
  .qs-deco{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important}
  .qs-js .qs-rv{opacity:1;transform:none}
}

/* ================= QR-2: подсказки, новые типы, рамки ================= */
.qs-hint{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--bg2);animation:qs-up .35s ease both}
.qs-hint i{flex:none;width:32px;height:32px;border-radius:10px;background:var(--dark);color:var(--or);display:grid;place-items:center}
.qs-hint i svg{width:17px;height:17px}
.qs-hint p{font-size:14px;line-height:1.45;color:#3b3b42;padding-top:5px}
.qs-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.qs-utm summary{cursor:pointer;font-size:14px;font-weight:600;color:var(--or-d);list-style:none}
.qs-utm summary::-webkit-details-marker{display:none}
.qs-utm summary:before{content:"+ "}
.qs-utm[open] summary:before{content:"− "}
.qs-utm summary small{font-weight:400;color:var(--gr);margin-left:4px}
#fStatsWrap{margin-top:14px}
#fStatsWrap[hidden]{display:none}
.qs-frames{display:flex;gap:8px;flex-wrap:wrap}
.qs-frb{height:44px;padding:0 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;font-size:14px;font-weight:500;cursor:pointer}
.qs-frb.on{border-color:var(--or);background:var(--cream)}
.qs-frtext{display:none}
.qs-frtext.on{display:block}
.qs-frtext input{width:100%;height:46px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);font-size:15px;outline:none}
.qs-frtext input:focus{border-color:var(--or)}
.qs-mini-chk{display:flex;align-items:center;margin:0!important}
.qs-mini-chk input{width:16px;height:16px;accent-color:var(--or)}
.qs-prev img{display:block;width:100%;max-width:290px;height:auto}
.qs-prev.qs-pop img{animation:qs-pop .45s cubic-bezier(.2,.7,.2,1)}
.qs-prev.transp{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%),linear-gradient(45deg,#eee 25%,transparent 25%,transparent 75%,#eee 75%);background-size:16px 16px;background-position:0 0,8px 8px}
.qs-size select{margin-left:4px}
.st-csv{display:inline-block;margin-left:auto;font-size:13px;font-weight:600;color:var(--or-d)}
.st-card h2.st-h2row{display:flex;align-items:center}
@media (max-width:640px){
  .qs-row3{grid-template-columns:1fr}
  .qs-dgrid{grid-template-columns:1fr 1fr}
}
.qs-gen .qs-prev{aspect-ratio:auto;min-height:318px}
.qs-prev img{width:auto;max-width:100%;max-height:340px}
.qs-dgrid .qs-f-wide{grid-column:span 2}
.qs-dgrid .qs-f-full{grid-column:1/-1}
.qs-color{min-width:0}
.qs-color span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs-f label.qs-chk{display:flex;margin:0}
@media (max-width:640px){
  .qs-tabs{flex-wrap:wrap;overflow:visible;margin:0 0 16px;padding:0;gap:6px}
  .qs-tab{height:36px;padding:0 12px;font-size:13px;gap:6px}
  .qs-tab svg{width:14px;height:14px}
}
.st-meta a.st-ref{white-space:nowrap}
@media (max-width:640px){
  .st-share{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .st-share .st-viber{grid-column:1/-1}
  .st-share .qs-btn{padding:0 10px}
}

/* ================= QR-3: иллюстрации ================= */
.qs-aud{padding:0;overflow:hidden}
.qs-aud h3{padding:0 22px;margin-top:18px}
.qs-aud ul{padding:0 22px 22px}
.qs-scene{position:relative;height:150px;background:var(--cream);display:grid;place-items:center;overflow:hidden}
.qs-scene:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(247,168,35,.22),rgba(247,168,35,0) 70%);transition:transform .5s}
.qs-aud:hover .qs-scene:before{transform:scale(1.3)}
.qs-scene .qa{position:relative;width:88%;height:auto;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.qs-aud:hover .qs-scene .qa{transform:scale(1.06) translateY(-2px)}
.qs-aud .tag{position:absolute;top:12px;left:12px;z-index:2;margin:0}
.qs-aud.hl .qs-scene{background:#1f1f24}
.qs-aud.hl .qs-scene:before{background:radial-gradient(circle,rgba(115,96,242,.35),rgba(115,96,242,0) 70%)}
.qs-tip{padding:0;overflow:hidden;background:#fff;border:1px solid var(--line)}
.qs-tip:before{position:absolute;margin:12px 0 0 14px;z-index:2;background:#fff;padding:2px 8px;border-radius:999px;font-size:12px}
.qs-tip{position:relative}
.qs-tip-art{height:118px;background:var(--bg2);display:grid;place-items:center;border-bottom:1px solid var(--line)}
.qs-tip-art .qa{width:92%;height:auto}
.qs-tip h3{padding:16px 18px 0}
.qs-tip p{padding:0 18px 20px}

/* анимации внутри иллюстраций */
.qa-scan{animation:qa-scan 2.6s ease-in-out infinite;opacity:.9}
@keyframes qa-scan{0%{transform:translateY(0);opacity:0}15%{opacity:.95}85%{opacity:.95}100%{transform:translateY(var(--sy,34px));opacity:0}}
.qa use+.qa-scan{transform-box:fill-box}
.qa-steam{animation:qa-steam 2.4s ease-in-out infinite;opacity:0}
@keyframes qa-steam{0%{transform:translateY(6px);opacity:0}40%{opacity:.9}100%{transform:translateY(-10px);opacity:0}}
.qa-d2{animation-delay:1.1s!important}
.qa-sway{transform-box:fill-box;transform-origin:50% 100%;animation:qa-sway 4s ease-in-out infinite}
@keyframes qa-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
.qa-bob{animation:qa-bob 3s ease-in-out infinite}
@keyframes qa-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.qa-snip1,.qa-snip2{transform-origin:0 0;animation:qa-snip1 1.4s ease-in-out infinite}
.qa-snip2{animation-name:qa-snip2}
@keyframes qa-snip1{0%,100%{transform:rotate(0)}50%{transform:rotate(12deg)}}
@keyframes qa-snip2{0%,100%{transform:rotate(0)}50%{transform:rotate(-12deg)}}
.qa-twinkle{transform-box:fill-box;transform-origin:center;animation:qa-tw 2s ease-in-out infinite}
@keyframes qa-tw{0%,100%{transform:scale(.6);opacity:.4}50%{transform:scale(1.1);opacity:1}}
.qa-grow{transform-box:fill-box;transform-origin:50% 100%;animation:qa-grow 2.8s cubic-bezier(.2,.7,.2,1) infinite}
.qa-g1{animation-delay:.15s}.qa-g2{animation-delay:.3s}.qa-g3{animation-delay:.45s}
@keyframes qa-grow{0%{transform:scaleY(.15)}40%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.qa-fly{animation:qa-fly 3.2s ease-in-out infinite}
@keyframes qa-fly{0%{transform:translate(-14px,10px);opacity:0}25%{opacity:1}70%{transform:translate(30px,-12px);opacity:1}100%{transform:translate(44px,-20px);opacity:0}}
.qa-pop{transform-box:fill-box;transform-origin:center;animation:qa-pop 2.8s ease-in-out infinite}
@keyframes qa-pop{0%,15%{transform:scale(0)}25%{transform:scale(1.15)}32%,85%{transform:scale(1)}100%{transform:scale(0)}}
.qa-conf{animation:qa-conf 3s linear infinite}
.qa-c1{animation-delay:.5s}.qa-c2{animation-delay:1s}.qa-c3{animation-delay:1.5s}.qa-c4{animation-delay:2s}.qa-c5{animation-delay:2.5s}
@keyframes qa-conf{0%{transform:translateY(-10px) rotate(0);opacity:0}10%{opacity:1}100%{transform:translateY(125px) rotate(260deg);opacity:0}}
.qa-swing{transform-box:fill-box;transform-origin:50% 0;animation:qa-swing 3.6s ease-in-out infinite}
@keyframes qa-swing{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.qa-drive{animation:qa-drive 3.4s ease-in-out infinite}
@keyframes qa-drive{0%,100%{transform:translateX(0)}50%{transform:translateX(-14px)}}
.qa-road{animation:qa-road 1s linear infinite}
@keyframes qa-road{to{stroke-dashoffset:-18}}
.qa-ants{animation:qa-road .8s linear infinite}
.qa-near{animation:qa-near 3s ease-in-out infinite}
@keyframes qa-near{0%,100%{transform:translateX(0)}50%{transform:translateX(-16px)}}

/* блок SpaceMarketing */
.qs-svcs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qs-svc{display:flex;gap:14px;align-items:flex-start;background:#222227;border:1px solid #2e2e34;border-radius:18px;padding:18px;transition:transform .25s,border-color .25s}
.qs-svc:hover{transform:translateY(-4px);border-color:rgba(247,168,35,.5)}
.qs-svc i{flex:none;width:42px;height:42px;border-radius:12px;background:var(--or);color:var(--dark);display:grid;place-items:center}
.qs-svc i svg{width:21px;height:21px}
.qs-svc b{display:block;color:#fff;font-size:15px;line-height:1.3}
.qs-svc span{display:block;color:#a5a5ad;font-size:13px;margin-top:3px}
@media (max-width:640px){.qs-svcs{grid-template-columns:1fr}}
.qs-gen .qs-prev img{width:100%;max-width:290px;height:auto;max-height:340px;object-fit:contain}
.qs-gen .qs-prev canvas{width:100%!important;max-width:290px;height:auto!important}

/* ================= QR-5: сцены преимуществ и детали ================= */
.qs-ben{padding:0;overflow:hidden;position:relative}
.qs-ben-art{height:112px;background:var(--bg2);display:grid;place-items:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.qs-ben-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,20,22,.07) 1px,transparent 1px);background-size:12px 12px;pointer-events:none}
.qs-ben-art .qa{width:86%;height:auto;position:relative;z-index:1;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.qs-ben:hover .qs-ben-art .qa{transform:scale(1.07)}
.qs-ben h3{padding:16px 20px 0}
.qs-ben p{padding:0 20px 20px}
.qs-ben.hl .qs-ben-art{background:#e8951a;border-color:#e8951a}
.qs-ben.hl .qs-ben-art:after{background-image:radial-gradient(rgba(20,20,22,.12) 1px,transparent 1px)}
.qs-ben .qs-num{position:absolute;top:10px;left:12px;z-index:2;font-size:11px;font-weight:700;color:var(--gr);background:#fff;border-radius:999px;padding:2px 8px}
.qa-pulse{animation:qa-pulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes qa-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.qa-draw{stroke-dasharray:220;stroke-dashoffset:220;animation:qa-draw 3.2s ease-in-out infinite}
@keyframes qa-draw{0%{stroke-dashoffset:220}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-220}}
.qa-in1,.qa-in2{animation:qa-in 3.6s ease-in-out infinite;opacity:0}
.qa-in2{animation-delay:.6s}
@keyframes qa-in{0%{transform:translateY(10px);opacity:0}15%,80%{transform:none;opacity:1}100%{opacity:0}}
.qa-swap1{animation:qa-swap 4s ease-in-out infinite}
.qa-swap2{animation:qa-swap 4s ease-in-out infinite reverse}
@keyframes qa-swap{0%,40%{opacity:1;transform:none}50%,90%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}
.qa-hue{animation:qa-hue 6s linear infinite}
@keyframes qa-hue{to{filter:hue-rotate(360deg)}}
.qa-dot{transform-box:fill-box;transform-origin:center;animation:qa-tw 2.4s ease-in-out infinite}
.qa-k1{animation-delay:.3s}.qa-k2{animation-delay:.6s}.qa-k3{animation-delay:.9s}
.qa-paper{animation:qa-paper 3s ease-in-out infinite}
@keyframes qa-paper{0%{transform:translateY(-34px)}60%,100%{transform:translateY(0)}}

/* детали: точечный фон серых секций, линии у заголовков */
.qs-sec-gray{position:relative}
.qs-sec-gray:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(20,20,22,.05) 1px,transparent 1px);background-size:18px 18px;pointer-events:none}
.qs-sec-gray>.qs-wrap{position:relative}
.qs-kicker{display:inline-flex;align-items:center;gap:8px}
.qs-kicker:before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
.qs-center .qs-kicker:after{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}

/* как это работает */
.qs-how{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;position:relative}
.qs-how:before{content:"";position:absolute;top:62px;left:16%;right:16%;border-top:2px dashed #e3c995;z-index:0}
.qs-step{position:relative;z-index:1;text-align:center;padding:0 10px}
.qs-step-ic{width:124px;height:124px;margin:0 auto 18px;border-radius:32px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;box-shadow:0 14px 34px rgba(20,20,22,.06);position:relative;transition:transform .3s}
.qs-step:hover .qs-step-ic{transform:translateY(-6px) rotate(-2deg)}
.qs-step-ic .qa{width:84px;height:84px}
.qs-step-ic b{position:absolute;top:-10px;right:-10px;width:34px;height:34px;border-radius:50%;background:var(--or);color:var(--dark);display:grid;place-items:center;font-size:15px;box-shadow:0 0 0 5px #fff}
.qs-step h3{font-size:18px;font-weight:600;margin-bottom:6px}
.qs-step p{font-size:15px;color:var(--gr);max-width:300px;margin:0 auto}
@media (max-width:760px){.qs-how{grid-template-columns:1fr;gap:30px}.qs-how:before{display:none}}
.qs-prev{flex-direction:column}
.qs-cap{margin-top:6px;font-weight:700;font-size:20px;text-align:center;width:100%;max-width:290px}
.qs-cap-badge{border-radius:0 0 14px 14px;padding:10px 0;margin-top:0}

/* 12 услуг SpaceMarketing */
.qs-svsec{background:var(--dark);color:#fff;position:relative;overflow:hidden}
.qs-svsec:before{content:"";position:absolute;left:50%;top:-260px;width:760px;height:520px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(247,168,35,.14),rgba(247,168,35,0) 70%)}
.qs-svsec>.qs-wrap{position:relative}
.qs-svsec .qs-h2{color:#fff}
.qs-svsec .qs-h2 em{font-style:normal;color:var(--or)}
.qs-svsec .qs-lead{color:#a5a5ad;max-width:720px}
.qs-svs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px;text-align:left}
.qs-sv{background:#1e1e23;border:1px solid #2e2e34;border-radius:20px;padding:22px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,background .25s}
.qs-sv:hover{transform:translateY(-5px);border-color:rgba(247,168,35,.45);background:#222228}
.qs-sv-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.qs-sv-top svg{width:40px;height:40px;flex:none;transition:transform .3s}
.qs-sv:hover .qs-sv-top svg{transform:rotate(-8deg) scale(1.08)}
.qs-sv h3{font-size:16px;font-weight:700;line-height:1.25}
.qs-sv p{font-size:14px;color:#a5a5ad;line-height:1.5;flex:1}
.qs-sv-bot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #2e2e34;font-size:13px}
.qs-sv-bot b{font-weight:700;color:#fff}
.qs-sv-bot a{color:var(--or);font-weight:600;white-space:nowrap}
.qs-sv-bot a:hover{text-decoration:underline}
@media (max-width:1100px){.qs-svs{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.qs-svs{grid-template-columns:1fr}}

/* меню «Маркетинг» */
.qs-nav{align-items:center}
.qs-dd{position:relative}
.qs-dd-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1px solid #3a3a42;background:#1e1e23;color:#fff;font-size:15px;cursor:pointer}
.qs-dd-btn:hover,.qs-dd.open .qs-dd-btn{border-color:var(--or);color:var(--or)}
.qs-dd-btn svg{transition:transform .2s}
.qs-dd.open .qs-dd-btn svg{transform:rotate(180deg)}
.qs-dd-panel{position:absolute;right:0;top:calc(100% + 12px);width:620px;background:#1a1a1f;border:1px solid #2e2e34;border-radius:20px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.45);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
.qs-dd:hover .qs-dd-panel,.qs-dd.open .qs-dd-panel{opacity:1;visibility:visible;transform:none}
.qs-dd:before{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.qs-dd-head{display:flex;justify-content:space-between;align-items:center;padding:0 6px 12px;margin-bottom:8px;border-bottom:1px solid #2e2e34;font-size:14px}
.qs-dd-head b{color:#fff}
.qs-dd-head a{color:var(--or);font-size:13px}
.qs-dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.qs-dd-grid a,.qs-mnav-svc a{display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;color:#dcdce1;font-size:14px;line-height:1.25}
.qs-dd-grid a:hover{background:#26262c;color:#fff}
.qs-dd-grid svg,.qs-mnav-svc svg{width:30px;height:30px;flex:none}
.qs-burger-chk{display:none}
.qs-burger,.qs-mnav{display:none}
@media (max-width:960px){
  .qs-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;margin-left:10px;cursor:pointer;border-radius:12px;background:#26262b;align-items:center}
  .qs-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .2s,opacity .2s}
  .qs-burger-chk:checked+.qs-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .qs-burger-chk:checked+.qs-burger span:nth-child(2){opacity:0}
  .qs-burger-chk:checked+.qs-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .qs-mnav{position:fixed;left:0;right:0;top:60px;bottom:0;background:var(--dark);padding:16px 16px 40px;overflow-y:auto;flex-direction:column;gap:2px;border-top:1px solid #26262b}
  .qs-burger-chk:checked~.qs-mnav{display:flex}
  .qs-mnav>a{padding:12px 4px;font-size:17px;color:#fff;border-bottom:1px solid #222227}
  .qs-mnav>b{margin:20px 4px 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--or)}
}
@media (min-width:961px) and (max-width:1200px){.qs-nav{gap:16px;font-size:14px}}

/* подвал в стиле SpaceMarketing */
.qs-foot-top{grid-template-columns:1.3fr .8fr 1.6fr 1fr}
.qs-foot-brand p{max-width:300px;line-height:1.6;color:#8e8e97}
.qs-foot-sm{display:inline-flex;flex-direction:column;margin-top:16px;padding:10px 14px;border-radius:14px;border:1px solid #2e2e34;transition:border-color .2s}
.qs-foot-sm:hover{border-color:var(--or)}
.qs-foot-sm span{font-size:11px;color:#8e8e97}
.qs-foot-sm b{color:var(--or);font-size:15px}
.qs-foot h4{color:var(--or);text-transform:uppercase;letter-spacing:.06em;font-size:12px}
.qs-foot-svc ul{columns:2;column-gap:24px}
.qs-foot-svc li{break-inside:avoid}
.qs-foot li a{color:#c9c9cf}
.qs-foot li a:hover{color:#fff}
@media (max-width:960px){.qs-foot-top{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.qs-foot-top{grid-template-columns:1fr}.qs-foot-svc ul{columns:1}}
.qs-sv-bot b{font-size:12.5px}

/* ================= QR-6: шапка в стиле SpaceMarketing ================= */
.qs-head{background:rgba(26,22,18,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(247,168,35,.12)}
.qs-hwrap{max-width:1440px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:28px;height:76px}
.qs-head .qs-nav{margin-left:8px;gap:22px;font-family:Oswald,Onest,sans-serif;font-weight:500;font-size:14.5px;text-transform:uppercase;letter-spacing:.04em;color:#cfc9bf}
.qs-head .qs-nav>a{position:relative;padding:6px 0}
.qs-head .qs-nav>a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--or);transition:right .25s}
.qs-head .qs-nav>a:hover{color:var(--or)}
.qs-head .qs-nav>a:hover:after{right:0}
.qs-head .qs-dd-btn{font-family:Oswald,Onest,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:14.5px;font-weight:500;background:transparent;border:1.5px solid rgba(247,168,35,.55);color:var(--or);height:38px}
.qs-hright{margin-left:auto;display:flex;align-items:center;gap:14px}
.qs-hphone{font-family:Oswald,Onest,sans-serif;font-weight:600;font-size:16px;color:#fff;white-space:nowrap;letter-spacing:.02em}
.qs-hphone:hover{color:var(--or)}
.qs-hcta{display:inline-flex;align-items:center;height:46px;padding:0 24px;border-radius:999px;background:var(--or);color:var(--dark);font-family:Oswald,Onest,sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 8px 24px rgba(247,168,35,.25);transition:transform .2s,box-shadow .2s}
.qs-hcta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(247,168,35,.4)}
.qs-head .qs-lang{background:#2a241d}
.qs-mphone{font-family:Oswald,Onest,sans-serif;font-size:20px!important;color:var(--or)!important}
@media (max-width:1320px){.qs-hphone{display:none}.qs-head .qs-nav{gap:16px;font-size:13.5px}}
@media (max-width:1100px){.qs-hcta{display:none}}
@media (max-width:960px){.qs-hwrap{height:60px;padding:0 16px}.qs-head .qs-lang{margin-left:0}}
.qs-foot h4{font-family:Oswald,Onest,sans-serif;font-size:14px;font-weight:600}

/* плашки под заголовком */
.qs-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;max-width:980px;animation:qs-up .8s .2s cubic-bezier(.2,.7,.2,1) both}
.qs-chip{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:linear-gradient(145deg,#232327,#1a1a1e);border:1px solid #2f2f35;overflow:hidden;transition:transform .25s,border-color .25s}
.qs-chip:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(247,168,35,.12),rgba(255,255,255,0));transform:translateX(-150%) skewX(-20deg);animation:qs-chipshine 6s ease-in-out infinite}
.qs-chip:nth-child(2):after{animation-delay:1.5s}.qs-chip:nth-child(3):after{animation-delay:3s}.qs-chip:nth-child(4):after{animation-delay:4.5s}
@keyframes qs-chipshine{0%,70%{transform:translateX(-150%) skewX(-20deg)}100%{transform:translateX(350%) skewX(-20deg)}}
.qs-chip:hover{transform:translateY(-3px);border-color:rgba(247,168,35,.5)}
.qs-chip-n{flex:none;min-width:58px;height:52px;padding:0 8px;border-radius:14px;background:var(--or);color:var(--dark);display:flex;align-items:baseline;justify-content:center;gap:2px;padding-top:9px;font-family:Oswald,Onest,sans-serif}
.qs-chip-n b{font-size:26px;line-height:1;font-weight:700}
.qs-chip-n small{font-size:12px;font-weight:600}
.qs-chip:nth-child(4) .qs-chip-n{background:#1f3b2b;color:#5fd38d;align-items:center;padding-top:0}
.qs-chip:nth-child(4) .qs-chip-n b{font-size:17px;letter-spacing:.06em}
.qs-chip>div:last-child b{display:block;color:#fff;font-size:15px;font-weight:600;line-height:1.2}
.qs-chip>div:last-child span{display:block;color:#8e8e97;font-size:12.5px;line-height:1.3;margin-top:3px}
@media (max-width:1000px){.qs-chips{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.qs-chips{gap:8px}.qs-chip{padding:10px;gap:10px}.qs-chip-n{min-width:46px;height:44px;padding-top:8px}.qs-chip-n b{font-size:21px}.qs-chip>div:last-child b{font-size:13.5px}.qs-chip>div:last-child span{font-size:11.5px}}

/* соцсети и знак SpaceMarketing в подвале */
.qs-soc{display:flex;gap:10px;margin-top:16px}
.qs-soc a{width:40px;height:40px;border-radius:50%;border:1px solid #34343b;display:grid;place-items:center;color:#a5a5ad;transition:color .2s,border-color .2s,transform .2s}
.qs-soc a:hover{color:var(--or);border-color:var(--or);transform:translateY(-2px)}
.qs-soc svg{width:19px;height:19px}
.qs-foot-sm{flex-direction:row;align-items:center;gap:10px}
.qs-foot-sm img{width:52px;height:52px}
.qs-foot-sm>span{display:flex;flex-direction:column}
.qs-foot-sm small{font-size:11px;color:#8e8e97}
.qs-foot-bot a{color:#8e8e97}
.qs-foot-bot a:hover{color:#fff}
.qs-how{grid-template-columns:repeat(4,1fr)}
.qs-how:before{left:12%;right:12%}
@media (max-width:1000px){.qs-how{grid-template-columns:1fr 1fr;gap:34px}.qs-how:before{display:none}}
@media (max-width:560px){.qs-how{grid-template-columns:1fr}}

/* админка */
.ad-login{background:var(--dark);min-height:100vh;display:grid;place-items:center;padding:16px}
.ad-box{background:#1e1e23;border:1px solid #2e2e34;border-radius:22px;padding:32px;width:100%;max-width:360px;display:grid;gap:14px;color:#fff}
.ad-box h1{font-size:22px}
.ad-box input{height:50px;border-radius:14px;border:1.5px solid #34343b;background:#141416;color:#fff;padding:0 16px;font-size:16px;outline:none}
.ad-box input:focus{border-color:var(--or)}
.ad-err{color:#ff7a7a;font-size:14px}
.ad-tag{font-family:Oswald,Onest,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:var(--or);border:1px solid rgba(247,168,35,.5);border-radius:999px;padding:4px 12px}
.ad-out{color:#cfc9bf;font-size:14px}
.ad-out:hover{color:var(--or)}
.ad-main{padding-top:24px;padding-bottom:60px;display:grid;gap:14px}
.ad-kpis .st-kpi b{font-size:30px}
.ad-sub{font-size:18px;color:var(--gr);font-weight:600}
.ad-kpis .st-kpi:first-child .ad-sub{color:#3a2a0c}
.ad-chart h2 span{padding:1px 8px;border-radius:6px}
.ad-l1{background:var(--dark);color:#fff}
.ad-l2{background:var(--or)}
.ad-bars{display:flex;align-items:flex-end;gap:4px;height:130px}
.ad-bars div{flex:1;height:100%;display:flex;align-items:flex-end;gap:1px}
.ad-bars i{flex:1;border-radius:3px 3px 0 0;min-height:2px;background:#e3e3e8}
.ad-bars i.c{background:var(--dark)}
.ad-bars i.s{background:var(--or)}
.ad-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ad-filter input,.ad-filter select{height:46px;border-radius:12px;border:1.5px solid var(--line);padding:0 14px;font-size:15px;background:#fff;outline:none}
.ad-filter input{flex:1;min-width:240px}
.ad-filter input:focus{border-color:var(--or)}
.ad-filter .qs-btn{height:46px}
.ad-csv{margin-left:auto;font-weight:600;color:var(--or-d);font-size:14px}
.ad-table td{vertical-align:top;white-space:normal}
.ad-table small{display:block;color:var(--gr);font-size:12px;margin-top:2px}
.ad-url{max-width:340px}
.ad-url a{display:block}
.ad-url b{font-weight:600}
.ad-url small{word-break:break-all}
.ad-n{display:inline-block;min-width:32px;text-align:center;padding:3px 8px;border-radius:8px;background:var(--bg2)}
.ad-n.on{background:var(--or)}
.ad-open{color:var(--or-d);font-weight:600;white-space:nowrap;font-size:13px}
.ad-pages{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.ad-pages a{min-width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--bg2);font-size:14px}
.ad-pages a.on{background:var(--dark);color:#fff}

/* строка доверия под заголовком */
.qs-trust{display:inline-flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:26px;padding:12px 22px 12px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);animation:qs-up .8s .2s cubic-bezier(.2,.7,.2,1) both}
.qs-trust>a,.qs-trust>div{display:flex;align-items:center;gap:12px}
.qs-trust b{display:flex;align-items:center;gap:6px;color:#fff;font-size:15px;font-weight:600;line-height:1.2}
.qs-trust b i{display:inline-flex;gap:1px}
.qs-trust small{display:block;color:#8e8e97;font-size:12.5px;margin-top:2px}
.qs-tr-sm img{width:44px;height:44px;border-radius:50%;transition:transform .4s}
.qs-tr-sm:hover img{transform:rotate(-12deg) scale(1.06)}
.qs-tr-sep{width:1px;height:34px;background:rgba(255,255,255,.12)}
.qs-tr-g>svg{flex:none;background:#fff;border-radius:50%;padding:5px;width:36px;height:36px}
.qs-trust b i svg{width:14px;height:14px}
.qs-tr-ok .qs-live{width:10px;height:10px;margin:0 4px 0 2px}
@media (max-width:760px){.qs-trust{border-radius:20px;gap:14px;padding:14px}.qs-tr-sep{display:none}.qs-trust>a,.qs-trust>div{flex:1 1 100%}}

/* страница-посредник (код со статистикой не для сайта) */
.ld-page{min-height:100vh;background:var(--dark);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:18px;position:relative;overflow:hidden}
.ld-page:before{content:"";position:absolute;top:-200px;right:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(247,168,35,.2),rgba(247,168,35,0) 70%)}
.ld-card{position:relative;width:100%;max-width:420px;background:#fff;border-radius:26px;padding:28px 24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.4);animation:qs-up .5s both}
.ld-type{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--or-d);background:var(--cream);padding:5px 12px;border-radius:999px}
.ld-card h1{font-size:28px;line-height:1.2;margin:14px 0 4px;word-break:break-word}
.ld-sub{color:var(--gr);font-size:15px}
.ld-btn{width:100%;margin-top:22px;height:56px;font-size:17px}
.ld-note{font-size:13px;color:var(--gr);margin-top:12px}
.ld-list{display:grid;gap:8px;margin-top:18px;text-align:left}
.ld-list a,.ld-list span{display:block;padding:12px 14px;border-radius:12px;background:var(--bg2);font-size:15px;word-break:break-word}
.ld-list a{color:var(--tx)}
.ld-wifi{display:grid;gap:8px;margin-top:18px;text-align:left}
.ld-wifi div{padding:12px 14px;border-radius:12px;background:var(--bg2)}
.ld-wifi small{display:block;font-size:12px;color:var(--gr)}
.ld-wifi b{font-size:18px;word-break:break-all}
.ld-text{margin-top:16px;padding:16px;border-radius:14px;background:var(--bg2);font-size:17px;line-height:1.5;text-align:left;white-space:normal;word-break:break-word}
.ld-made{position:relative;font-size:13px;color:#8e8e97}
.ld-made b{color:var(--or)}
.qs-tog-note{color:var(--or-d)!important;margin-top:4px}
.qs-tog-note:empty{display:none!important}

/* отправка ссылки на статистику себе в Viber */
.qs-send{margin-top:14px;padding-top:14px;border-top:1px solid #2e2e34;display:grid;gap:8px}
.qs-send[hidden]{display:none}
.qs-send label{font-size:13px;color:#dcdce1;font-weight:500}
.qs-send>div{display:flex;gap:8px}
.qs-send input{flex:1;min-width:0;height:44px;border-radius:12px;border:1.5px solid #34343b;background:#141416;color:#fff;padding:0 14px;font-size:15px;outline:none}
.qs-send input:focus{border-color:#7360f2}
.qs-send .qs-btn{height:44px;padding:0 18px;font-size:14px;background:#7360f2;color:#fff}
.qs-send .qs-btn:hover{background:#5f4bd8}
.qs-send small{font-size:13px;min-height:16px}
.qs-send small.ok{color:#5fd38d}
.qs-send small.bad{color:#ff8a7a}
.st-save .qs-send{grid-column:1/-1;width:100%;margin-top:4px}
.st-save{flex-wrap:wrap}
.ad-api p{font-size:14px;color:var(--gr);margin-bottom:10px}
.ad-api b{color:var(--tx)}
.ad-st{font-size:12px;padding:3px 10px;border-radius:999px;background:#fde8e6;color:#c0392b;margin-left:6px;vertical-align:middle}
.ad-st.on{background:#e3f6ea;color:#1f9d55}
.ad-warn{background:var(--cream);padding:10px 12px;border-radius:10px;color:#6b4a0d!important}
.ad-chk{height:40px;font-size:14px}
.ad-apires{margin-top:14px}
.ad-apires code,.ad-api code{background:var(--bg2);padding:2px 6px;border-radius:6px;font-size:13px}
.ad-ph{color:#7360f2}

/* баннер «Бесплатный тест» */
.qs-promo-sec{padding:0 0 96px}
.qs-promo{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;padding:44px 48px;border-radius:24px;background:linear-gradient(120deg,#3d3122,#2a241d 55%,#1f1f24);border:1px solid rgba(247,168,35,.45);color:#fff;position:relative;overflow:hidden}
.qs-promo:after{content:"";position:absolute;right:-120px;top:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(247,168,35,.18),rgba(247,168,35,0) 70%)}
.qs-promo>*{position:relative;z-index:1}
.qs-promo-tag{display:inline-block;font-family:Oswald,Onest,sans-serif;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--or);border:1px solid rgba(247,168,35,.6);background:rgba(247,168,35,.08);padding:6px 14px;border-radius:999px}
.qs-promo h2{font-family:Oswald,Onest,sans-serif;font-size:44px;line-height:1.08;font-weight:700;text-transform:uppercase;margin:16px 0 10px;letter-spacing:.01em}
.qs-promo h2 em{font-style:normal;color:var(--or);display:block}
.qs-promo p{color:#cfc9bf;font-size:16px}
.qs-promo-form{display:grid;gap:12px}
.qs-lead-phone{height:56px;border-radius:999px;border:1.5px solid rgba(247,168,35,.45);background:#1d1d22;color:#fff;padding:0 24px;font-size:17px;outline:none;transition:border-color .2s}
.qs-lead-phone:focus{border-color:var(--or)}
.qs-lead-phone.err{border-color:#ff6b5b;animation:qs-shake .3s}
@keyframes qs-shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.qs-promo-form .qs-btn{height:56px;font-family:Oswald,Onest,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:16px}
.qs-promo-form small{text-align:center;color:#8e8e97;font-size:12.5px}
.qs-promo-form small a{color:#dcdce1;text-decoration:underline}
.qs-promo-ok{text-align:center;color:#5fd38d!important;font-weight:600;font-size:15px!important}
@media (max-width:900px){.qs-promo{grid-template-columns:1fr;gap:26px;padding:30px 22px}.qs-promo h2{font-size:32px}}
.qs-promo h2{font-size:38px}
.qs-promo h2 em{display:inline}
.qs-promo-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.qs-promo-list li{font-size:13.5px;color:#fff;padding:6px 12px 6px 28px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);position:relative}
.qs-promo-list li:before{content:"";position:absolute;left:11px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--or)}
.qs-promo-cta{font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:1.4}
@media (max-width:900px){.qs-promo h2{font-size:28px}}

/* разделение блока услуг и подвала */
.qs-svsec{padding-bottom:120px}
.qs-foot{background:#0b0b0d;position:relative;padding-top:0}
.qs-foot:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(247,168,35,0),rgba(247,168,35,.7),rgba(247,168,35,0))}
.qs-foot:after{content:"";position:absolute;left:50%;top:0;width:520px;height:120px;transform:translateX(-50%);background:radial-gradient(ellipse at top,rgba(247,168,35,.12),rgba(247,168,35,0) 70%);pointer-events:none}
.qs-foot>.qs-wrap{position:relative;z-index:1}
.qs-foot-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;transform:translateY(-50%);margin-bottom:-12px;padding:22px 28px;border-radius:22px;background:linear-gradient(120deg,#2b241b,#1c1c21);border:1px solid rgba(247,168,35,.4);box-shadow:0 20px 50px rgba(0,0,0,.45)}
.qs-foot-cta b{display:block;color:#fff;font-size:18px;font-weight:700}
.qs-foot-cta span{display:block;color:#a5a5ad;font-size:14px;margin-top:3px}
.qs-foot-cta-btns{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.qs-foot-phone{font-family:Oswald,Onest,sans-serif;font-size:20px;font-weight:600;color:#fff;letter-spacing:.02em}
.qs-foot-phone:hover{color:var(--or)}
.qs-foot-cta .qs-btn{height:48px}
@media (max-width:760px){.qs-foot-cta{transform:translateY(-40px);margin-bottom:-20px;padding:20px}.qs-foot-cta-btns{width:100%}.qs-foot-cta .qs-btn{flex:1}}
.qs-foot-phones{display:flex;flex-direction:column;gap:2px}
.qs-foot-phones .qs-foot-phone{font-size:18px;line-height:1.3}
.qs-foot-cta .qs-foot-phones{display:flex;flex-direction:column;gap:2px;margin:0;color:inherit;font-size:inherit}
.qs-foot-cta>div:first-child{flex:1;min-width:280px}
.st-qr img{width:100%;height:auto;display:block;border-radius:10px}
/* админка QR-23: IP, провайдер, коды без статистики */
.ad-kpis{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.ad-kpis{grid-template-columns:repeat(2,1fr)}}
.ad-ip{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;font-weight:600;color:var(--tx);border-bottom:1px dashed var(--or-d)}
a.ad-ip:hover{color:var(--or-d)}
.ad-ipx{display:inline-block;margin-left:4px;color:var(--gr);font-size:13px;text-decoration:none}
.ad-ipx:hover{color:var(--or-d)}
.ad-ipbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 16px;padding:14px 18px;border-radius:14px;background:var(--cream);font-size:14px}
.ad-ipbar b{font-family:ui-monospace,Menlo,Consolas,monospace}
.ad-ipbar a{color:var(--or-d);font-weight:600}
.ad-note{margin-top:12px;font-size:13px;color:var(--gr)}
.ad-credit{text-align:center;margin:8px 0 32px}
.ad-credit a{color:var(--gr);text-decoration:underline}
.ad-pre{display:block;max-width:420px;word-break:break-word;color:var(--tx)}
.st-card h2 .ad-csv{float:right;font-size:14px}
.ad-who{display:grid;gap:2px;line-height:1.35}
.ad-who .ad-g{font-size:12px;color:var(--gr)}