/* == 00-base.css == */
:root { --u: calc(100vw / 1440); --ink: #0a0a0a; --red: #ff2b2b; --amber: #ff7a1a; --f-text: 'TikTok Sans', system-ui, sans-serif; --f-head: 'Unbounded', 'TikTok Sans', sans-serif; }
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { background: var(--ink); -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { font-family: var(--f-text); color: #fff; background: var(--ink); overflow-x: hidden; -webkit-font-smoothing: antialiased; }
img { display: block; max-width: none; }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
/* Секция = холст 1440 x H, дети позиционируются абсолютно в координатах Figma */
.sec { position: relative; width: 100%; overflow: hidden; background: var(--ink); }
.a { position: absolute; }
.nw { white-space: nowrap; }
.fill { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.head { font-family: var(--f-head); font-weight: 700; text-transform: uppercase; }

/* масштаб: ≥1024 — макет 1440, 600–1023 — макет 768, <600 — макет 390 */
@media (max-width: 1023px) { :root { --u: calc(100vw / 768); } }
@media (max-width: 599px) { :root { --u: calc(100vw / 390); } }

/* == 00-fonts.css == */
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/TikTokSans-400-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/TikTokSans-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/TikTokSans-500-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/TikTokSans-500-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/TikTokSans-600-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/TikTokSans-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/TikTokSans-700-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'TikTok Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/TikTokSans-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Unbounded-700-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Unbounded-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/Unbounded-900-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Unbounded';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(../fonts/Unbounded-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* == 00-header.css == */
body { position: relative; }
/* номер-логотип */
.plate { position: absolute; display: block; width: calc(236*var(--u)); height: calc(56*var(--u)); background: #fff; border-radius: calc(8*var(--u)); overflow: hidden; color: var(--ink); }
.plate-in { position: absolute; left: calc(3*var(--u)); top: calc(3*var(--u)); width: calc(230*var(--u)); height: calc(50*var(--u)); border: calc(2*var(--u)) solid var(--ink); border-radius: calc(6*var(--u)); }
.plate-name { position: absolute; left: calc(19*var(--u)); top: calc(17*var(--u)); font-size: calc(19*var(--u)); font-weight: 900; line-height: 1; letter-spacing: calc(0.3*var(--u)); white-space: nowrap; }
.plate-sep { position: absolute; left: calc(178*var(--u)); top: calc(3*var(--u)); width: calc(2*var(--u)); height: calc(50*var(--u)); background: var(--ink); }
.plate-no { position: absolute; left: calc(187*var(--u)); top: calc(6*var(--u)); font-size: calc(19*var(--u)); font-weight: 900; line-height: 1; }
.plate-rus { position: absolute; left: calc(186*var(--u)); top: calc(40*var(--u)); font: 700 calc(8*var(--u))/1 var(--f-text); letter-spacing: calc(0.48*var(--u)); font-style: normal; }
.plate-flag { position: absolute; left: calc(208*var(--u)); top: calc(40.5*var(--u)); width: calc(14*var(--u)); height: calc(9*var(--u)); background: linear-gradient(#fff 33%, #1c57d6 33% 66%, #e0262b 66%); outline: 0.75px solid rgba(10,10,10,.5); outline-offset: -0.75px; }
.hd-top .plate { left: calc(40*var(--u)); top: 0; }
/* верхняя шапка */
.hd-top { position: absolute; z-index: 30; left: 0; top: calc(28*var(--u)); width: 100%; height: calc(56*var(--u)); color: #fff; }
.hd-tag { position: absolute; left: calc(294*var(--u)); top: calc(12*var(--u)); font-size: calc(13*var(--u)); line-height: 1.25; font-weight: 500; color: rgba(255,255,255,.75); white-space: nowrap; }
.hd-status { position: absolute; left: calc(523*var(--u)); top: calc(4*var(--u)); width: calc(348*var(--u)); height: calc(48*var(--u)); border-radius: calc(24*var(--u)); background: rgba(10,10,10,.16); backdrop-filter: blur(calc(14*var(--u))); -webkit-backdrop-filter: blur(calc(14*var(--u))); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); font-size: calc(14*var(--u)); }
.hd-status b { position: absolute; left: calc(48*var(--u)); top: calc(15*var(--u)); font-weight: 600; white-space: nowrap; line-height: 1.2; }
.hd-status span:not(.hd-pulse) { position: absolute; left: calc(194*var(--u)); top: calc(15*var(--u)); color: rgba(255,255,255,.6); white-space: nowrap; line-height: 1.2; }
.hd-pulse { position: absolute; left: calc(14*var(--u)); top: calc(13*var(--u)); width: calc(22*var(--u)); height: calc(22*var(--u)); }
.hd-pulse img { width: 100%; height: 100%; animation: hdPulse 2s ease-out infinite; }
.hd-dot { position: absolute; left: calc(20*var(--u)); top: calc(19*var(--u)); width: calc(10*var(--u)); height: calc(10*var(--u)); }
@keyframes hdPulse { 0% { transform: scale(.6); opacity: 1 } 100% { transform: scale(1.5); opacity: 0 } }
.hd-callcap { position: absolute; left: calc(949*var(--u)); top: calc(8*var(--u)); font-size: calc(11*var(--u)); font-weight: 500; letter-spacing: calc(.11*var(--u)); color: rgba(255,255,255,.55); white-space: nowrap; }
.hd-phone { position: absolute; left: calc(949*var(--u)); top: calc(26*var(--u)); font-size: calc(18*var(--u)); font-weight: 600; letter-spacing: calc(-.18*var(--u)); white-space: nowrap; line-height: 1.2; }
.hd-btn { position: absolute; display: grid; place-items: center; width: calc(48*var(--u)); height: calc(48*var(--u)); border-radius: calc(24*var(--u)); background: rgba(255,255,255,.16); backdrop-filter: blur(calc(10*var(--u))); -webkit-backdrop-filter: blur(calc(10*var(--u))); font-weight: 700; font-size: calc(12*var(--u)); letter-spacing: calc(.48*var(--u)); transition: background .25s, transform .25s; }
.hd-btn:hover { background: rgba(255,255,255,.3); transform: translateY(calc(-2*var(--u))); }
.hd-btn img { width: calc(22*var(--u)); height: calc(22*var(--u)); }
.hd-tg { left: calc(1140*var(--u)); top: calc(4*var(--u)); } .hd-wa { left: calc(1196*var(--u)); top: calc(4*var(--u)); } .hd-max { left: calc(1252*var(--u)); top: calc(4*var(--u)); }
.hd-burger { position: absolute; left: calc(1316*var(--u)); top: 0; width: calc(56*var(--u)); height: calc(56*var(--u)); }
.hd-burger img { position: absolute; inset: 0; width: 100%; height: 100%; transition: transform .3s; }
.hd-burger:hover img { transform: scale(1.08); }
.hd-burger i { position: absolute; left: calc(19*var(--u)); width: calc(18*var(--u)); height: calc(2*var(--u)); background: var(--ink); }
.hd-burger i:nth-of-type(1) { top: calc(23*var(--u)); } .hd-burger i:nth-of-type(2) { top: calc(31*var(--u)); }
/* плашка при скролле */
.hd-pill { position: fixed; z-index: 40; left: calc(50% - 320 * var(--u)); top: calc(20*var(--u)); width: calc(640*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); background: rgba(30,30,30,.45); backdrop-filter: blur(calc(22*var(--u))) saturate(1.4); -webkit-backdrop-filter: blur(calc(22*var(--u))) saturate(1.4); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18), 0 calc(18*var(--u)) calc(50*var(--u)) rgba(0,0,0,.45); transform: translateY(-140%); opacity: 0; transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s; pointer-events: none; }
.hd-pill.on { transform: none; opacity: 1; pointer-events: auto; }
.hd-pill .plate { left: calc(13*var(--u)); top: calc(12*var(--u)); transform: scale(.71); transform-origin: 0 0; }
.hp-dot { position: absolute; left: calc(196*var(--u)); top: calc(27*var(--u)); width: calc(10*var(--u)); height: calc(10*var(--u)); border-radius: 50%; background: var(--red); box-shadow: 0 0 0 calc(5*var(--u)) rgba(255,43,43,.2); }
.hp-text { position: absolute; left: calc(218*var(--u)); top: calc(22*var(--u)); font-size: calc(14*var(--u)); color: rgba(255,255,255,.8); white-space: nowrap; line-height: 1.2; }
.hp-tg { left: calc(418*var(--u)); top: calc(8*var(--u)); } .hp-wa { left: calc(472*var(--u)); top: calc(8*var(--u)); } .hp-max { left: calc(526*var(--u)); top: calc(8*var(--u)); }
.hp-burger { position: absolute; left: calc(580*var(--u)); top: calc(8*var(--u)); width: calc(48*var(--u)); height: calc(48*var(--u)); border-radius: calc(24*var(--u)); background: #fff; }
.hp-burger i { position: absolute; left: calc(15*var(--u)); width: calc(18*var(--u)); height: calc(2*var(--u)); background: var(--ink); }
.hp-burger i:nth-child(1) { top: calc(20*var(--u)); } .hp-burger i:nth-child(2) { top: calc(27*var(--u)); }
/* меню */
.mn { position: fixed; z-index: 60; inset: 0; background: var(--ink); color: #fff; overflow: hidden; clip-path: circle(0 at calc(100% - 44 * var(--u)) calc(56 * var(--u))); transition: clip-path .7s cubic-bezier(.7,0,.2,1); visibility: hidden; }
.mn[hidden] { display: block; }
.mn.open { clip-path: circle(150% at calc(100% - 44 * var(--u)) calc(56 * var(--u))); visibility: visible; }
.mn-glow { position: absolute; border-radius: 50%; filter: blur(calc(80*var(--u))); }
.mn-g1 { right: 0; top: calc(-180*var(--u)); width: calc(700*var(--u)); height: calc(420*var(--u)); background: rgba(255,122,26,.55); }
.mn-g2 { left: calc(-200*var(--u)); bottom: calc(-200*var(--u)); width: calc(900*var(--u)); height: calc(600*var(--u)); background: rgba(230,40,40,.5); }
.mn .plate { left: calc(40*var(--u)); top: calc(28*var(--u)); }
.mn-close { position: absolute; left: calc(1316*var(--u)); top: calc(28*var(--u)); width: calc(56*var(--u)); height: calc(56*var(--u)); border-radius: calc(28*var(--u)); background: #fff; color: var(--ink); font-size: calc(22*var(--u)); font-weight: 700; transition: transform .3s; }
.mn-close:hover { transform: rotate(90deg); }
.mn-nav { position: absolute; left: calc(40*var(--u)); top: calc(130*var(--u)); width: calc(780*var(--u)); }
.mn-nav a { position: relative; display: block; padding-left: calc(48*var(--u)); font-family: var(--f-head); font-weight: 900; font-size: calc(60*var(--u)); line-height: calc(67*var(--u)); text-transform: uppercase; letter-spacing: calc(3*var(--u)); white-space: nowrap; transition: color .2s, transform .35s; }
.mn-nav a i { position: absolute; left: 0; top: calc(24*var(--u)); font: 700 calc(12*var(--u))/1 var(--f-text); letter-spacing: calc(1.5*var(--u)); color: var(--amber); font-style: normal; }
.mn-nav a:hover { color: var(--red); transform: translateX(calc(12*var(--u))); }
.mn-photo { position: absolute; left: calc(860*var(--u)); top: calc(120*var(--u)); width: calc(512*var(--u)); height: calc(560*var(--u)); border-radius: calc(32*var(--u)); overflow: hidden; }
.mn-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mn-photo figcaption { position: absolute; left: calc(24*var(--u)); top: calc(481*var(--u)); width: calc(420*var(--u)); height: calc(54*var(--u)); border-radius: calc(27*var(--u)); background: rgba(20,20,20,.5); backdrop-filter: blur(calc(16*var(--u))); -webkit-backdrop-filter: blur(calc(16*var(--u))); font-size: calc(15*var(--u)); line-height: calc(54*var(--u)); padding-left: calc(44*var(--u)); white-space: nowrap; }
.mn-photo figcaption span { position: absolute; left: calc(20*var(--u)); top: calc(22*var(--u)); width: calc(10*var(--u)); height: calc(10*var(--u)); border-radius: 50%; background: var(--red); }
.mn-callcap { position: absolute; left: calc(40*var(--u)); top: calc(744*var(--u)); font-size: calc(11*var(--u)); color: rgba(255,255,255,.55); letter-spacing: calc(.11*var(--u)); }
.mn-phone { position: absolute; left: calc(40*var(--u)); top: calc(764*var(--u)); font-size: calc(32*var(--u)); letter-spacing: calc(-.5*var(--u)); white-space: nowrap; line-height: calc(40*var(--u)); }
.mn-ch { position: absolute; top: calc(762*var(--u)); height: calc(72*var(--u)); display: flex; align-items: center; gap: calc(14*var(--u)); font-size: calc(15*var(--u)); color: rgba(255,255,255,.75); }
.mn-ch span { display: grid; place-items: center; width: calc(72*var(--u)); height: calc(72*var(--u)); border-radius: 50%; background: rgba(255,255,255,.1); font-weight: 700; font-size: calc(16*var(--u)); color: #fff; transition: background .25s; }
.mn-ch:hover span { background: rgba(255,255,255,.22); }
.mn-ch img { width: calc(28*var(--u)); height: calc(28*var(--u)); }
.mn-tg { left: calc(640*var(--u)); } .mn-wa { left: calc(850*var(--u)); } .mn-max { left: calc(1060*var(--u)); }
body.menu-open { overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .mn, .hd-pill { transition: none; } .hd-pulse img { animation: none; } }
/* мобильные дубли: на десктопе скрыты (показываются в 00-header.m768/m390.css) */
.hd-call, .hd-stm, .mn-call, .mn-film { display: none; }
/* MAX: ссылки пока нет, кнопки скрыты (вернуть, когда появится) */
.hd-max, .hp-max, .mn-max, .s14-cb-max { display: none !important; }

/* == 00-header.m390.css == */
@media (max-width: 599px) {
/* Шапка, плашка, меню · телефон · макеты 41:2664 (шапка), 41:2335 (меню) */
.plate-name { top: calc(17.6*var(--u)); font-size: calc(20.7*var(--u)); letter-spacing: calc(2.1*var(--u)); }
.hd-top { top: calc(16*var(--u)); height: calc(44*var(--u)); }
.hd-top .plate { left: calc(20*var(--u)); top: calc(3*var(--u)); transform: scale(.6786); transform-origin: 0 0; }
.hd-tag, .hd-callcap, .hd-phone, .hd-wa, .hd-max { display: none; }
/* статус отдельной плашкой под шапкой */
.hd-status { left: calc(20*var(--u)); top: calc(60*var(--u)); width: calc(179*var(--u)); height: calc(32*var(--u)); border-radius: calc(16*var(--u)); background: rgba(10,10,10,.16); }
.hd-status span:not(.hd-pulse), .hd-status b, .hd-pulse { display: none; }
.hd-dot { left: calc(14*var(--u)); top: calc(12*var(--u)); width: calc(8*var(--u)); height: calc(8*var(--u)); }
.hd-stm { display: block; position: absolute; left: calc(30*var(--u)); top: calc(8*var(--u)); font-style: normal; font-size: calc(12*var(--u)); font-weight: 500; line-height: 1.2; color: #fff; white-space: nowrap; }
.hd-btn { top: calc(2*var(--u)); width: calc(40*var(--u)); height: calc(40*var(--u)); border-radius: calc(20*var(--u)); }
.hd-btn img { width: calc(18.4*var(--u)); height: calc(18.4*var(--u)); }
.hd-call { display: grid; left: calc(222*var(--u)); } .hd-call img { width: calc(17.6*var(--u)); height: calc(17.6*var(--u)); }
.hd-tg { left: calc(270*var(--u)); top: calc(2*var(--u)); }
.hd-burger { left: calc(318*var(--u)); top: 0; width: calc(44*var(--u)); height: calc(44*var(--u)); }
.hd-burger i { left: calc(14.08*var(--u)); width: calc(15.84*var(--u)); }
.hd-burger i:nth-of-type(1) { top: calc(18.48*var(--u)); } .hd-burger i:nth-of-type(2) { top: calc(23.76*var(--u)); }
/* плашка при скролле (в макете отдельной нет — десктопная, подогнана по ширине) */
.hd-pill { left: calc(12*var(--u)); top: calc(10*var(--u)); width: calc(366*var(--u)); height: calc(52*var(--u)); border-radius: calc(26*var(--u)); }
.hd-pill .plate { left: calc(12*var(--u)); top: calc(10*var(--u)); transform: scale(.55); }
.hp-dot { left: calc(160*var(--u)); top: calc(21*var(--u)); width: calc(8*var(--u)); height: calc(8*var(--u)); box-shadow: 0 0 0 calc(4*var(--u)) rgba(255,43,43,.2); }
.hp-text, .hp-max { display: none; }
.hd-pill .hd-btn { top: calc(6*var(--u)); width: calc(40*var(--u)); height: calc(40*var(--u)); border-radius: calc(20*var(--u)); }
.hp-tg { left: calc(222*var(--u)); } .hp-wa { left: calc(270*var(--u)); }
.hp-burger { left: calc(318*var(--u)); top: calc(6*var(--u)); width: calc(40*var(--u)); height: calc(40*var(--u)); border-radius: calc(20*var(--u)); }
.hp-burger i { left: calc(11*var(--u)); }
.hp-burger i:nth-child(1) { top: calc(16*var(--u)); } .hp-burger i:nth-child(2) { top: calc(22*var(--u)); }
/* меню: полноэкранный оверлей */
.mn { clip-path: circle(0 at calc(100% - 50 * var(--u)) calc(38 * var(--u))); overflow-x: hidden; overflow-y: auto; }
.mn.open { clip-path: circle(150% at calc(100% - 50 * var(--u)) calc(38 * var(--u))); }
.mn::after { content: ''; position: fixed; inset: 0; background: url(../img/01-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; z-index: 5; }
.mn-glow { position: fixed; }
.mn-g1 { left: calc(210*var(--u)); right: auto; top: calc(-160*var(--u)); width: calc(340*var(--u)); height: calc(300*var(--u)); filter: blur(calc(60*var(--u))); }
.mn-g2 { left: calc(-220*var(--u)); bottom: auto; top: calc(524*var(--u)); width: calc(400*var(--u)); height: calc(380*var(--u)); filter: blur(calc(60*var(--u))); }
.mn .plate { left: calc(20*var(--u)); top: calc(19*var(--u)); transform: scale(.6786); transform-origin: 0 0; }
.mn-close { left: calc(318*var(--u)); top: calc(16*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); border-radius: calc(22*var(--u)); font-size: calc(17*var(--u)); }
.mn-nav { left: 0; top: 0; width: 100%; }
.mn-nav a { position: absolute; left: calc(20*var(--u)); padding-left: calc(34*var(--u)); font-size: calc(28*var(--u)); line-height: calc(26.88*var(--u)); padding-top: calc(2*var(--u)); letter-spacing: calc(5.4*var(--u)); }
.mn-nav a:nth-child(1) { top: calc(110*var(--u)); font-size: calc(24*var(--u)); line-height: calc(23.04*var(--u)); letter-spacing: calc(3.9*var(--u)); } .mn-nav a:nth-child(2) { top: calc(149*var(--u)); } .mn-nav a:nth-child(3) { top: calc(192*var(--u)); } .mn-nav a:nth-child(4) { top: calc(235*var(--u)); } .mn-nav a:nth-child(5) { top: calc(278*var(--u)); }
.mn-nav a i { top: calc(6*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); color: rgba(255,122,26,.6); }
.mn-nav a:hover { transform: none; }
.mn-nav a:hover i, .mn-nav a:active i { color: var(--amber); }
.mn-photo { left: calc(20*var(--u)); top: calc(337*var(--u)); width: calc(334*var(--u)); height: calc(190*var(--u)); border-radius: calc(20*var(--u)); }
.mn-photo figcaption { left: calc(14*var(--u)); top: calc(144*var(--u)); width: calc(272*var(--u)); height: calc(32*var(--u)); border-radius: calc(16*var(--u)); background: rgba(10,10,10,.16); font-size: calc(12*var(--u)); line-height: calc(32*var(--u)); padding-left: calc(30*var(--u)); }
.mn-photo figcaption span { left: calc(14*var(--u)); top: calc(12*var(--u)); width: calc(8*var(--u)); height: calc(8*var(--u)); }
.mn-callcap { left: calc(20*var(--u)); top: calc(555*var(--u)); font-size: calc(11*var(--u)); }
.mn-phone { left: calc(18*var(--u)); top: calc(577*var(--u)); font-size: calc(22*var(--u)); line-height: calc(21.12*var(--u)); letter-spacing: calc(3.1*var(--u)); }
.mn-ch { top: calc(614*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); font-size: 0; gap: 0; }
.mn-ch span { width: calc(52*var(--u)); height: calc(52*var(--u)); background: rgba(255,255,255,.16); font-size: calc(13*var(--u)); letter-spacing: calc(.52*var(--u)); }
.mn-ch img { width: calc(23.92*var(--u)); height: calc(23.92*var(--u)); }
.mn-call { display: flex; left: calc(20*var(--u)); } .mn-call img { width: calc(22.88*var(--u)); height: calc(22.88*var(--u)); }
.mn-tg { left: calc(82*var(--u)); } .mn-wa { left: calc(144*var(--u)); } .mn-max { left: calc(206*var(--u)); }
.mn-film { display: block; position: fixed; z-index: 6; left: calc(374*var(--u)); top: 0; width: calc(16*var(--u)); height: 100%; background: #050505; overflow: hidden; --p0: 10; --pp: 22; }
.mn-perfs { position: absolute; left: calc(4*var(--u)); top: 0; width: calc(8*var(--u)); height: 100%; animation: s01Film390 12s linear infinite; }
.mn-perfs i { position: absolute; left: 0; width: calc(8*var(--u)); height: calc(12*var(--u)); border-radius: calc(2.5*var(--u)); background: rgba(255,255,255,.85); }
.mn-filmtext { display: none; }
@media (prefers-reduced-motion: reduce) { .mn-perfs { animation: none; } }

}
/* == 00-header.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
/* Шапка, плашка, меню · планшет · макеты 41:2757 (шапка), 41:1239 (меню) */
.plate-name { top: calc(17.6*var(--u)); font-size: calc(20.7*var(--u)); letter-spacing: calc(2.1*var(--u)); }
.hd-top { top: calc(24*var(--u)); height: calc(48*var(--u)); }
.hd-top .plate { left: calc(40*var(--u)); top: calc(1*var(--u)); transform: scale(.8214); transform-origin: 0 0; }
.hd-tag, .hd-callcap, .hd-phone, .hd-max { display: none; }
.hd-status { left: calc(272*var(--u)); top: calc(4*var(--u)); width: calc(189*var(--u)); height: calc(40*var(--u)); border-radius: calc(20*var(--u)); background: rgba(10,10,10,.16); }
.hd-status span:not(.hd-pulse), .hd-status b, .hd-pulse { display: none; }
.hd-dot { left: calc(14*var(--u)); top: calc(16*var(--u)); width: calc(8*var(--u)); height: calc(8*var(--u)); }
.hd-stm { display: block; position: absolute; left: calc(30*var(--u)); top: calc(11.5*var(--u)); font-style: normal; font-size: calc(13*var(--u)); font-weight: 500; line-height: 1.2; color: #fff; white-space: nowrap; }
.hd-btn { top: calc(2*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); border-radius: calc(22*var(--u)); }
.hd-btn img { width: calc(20.24*var(--u)); height: calc(20.24*var(--u)); }
.hd-call { display: grid; left: calc(508*var(--u)); } .hd-call img { width: calc(19.36*var(--u)); height: calc(19.36*var(--u)); }
.hd-tg { left: calc(560*var(--u)); top: calc(2*var(--u)); } .hd-wa { left: calc(612*var(--u)); top: calc(2*var(--u)); }
.hd-burger { left: calc(668*var(--u)); top: 0; width: calc(48*var(--u)); height: calc(48*var(--u)); }
.hd-burger i { left: calc(15.36*var(--u)); width: calc(17.28*var(--u)); }
.hd-burger i:nth-of-type(1) { top: calc(20.16*var(--u)); } .hd-burger i:nth-of-type(2) { top: calc(25.92*var(--u)); }
/* плашка при скролле (в макете отдельной нет — десктопная, подогнана по ширине) */
.hd-pill { left: calc(24*var(--u)); top: calc(12*var(--u)); width: calc(720*var(--u)); height: calc(60*var(--u)); border-radius: calc(30*var(--u)); }
.hd-pill .plate { left: calc(14*var(--u)); top: calc(12*var(--u)); transform: scale(.65); }
.hp-dot { left: calc(190*var(--u)); top: calc(25*var(--u)); }
.hp-text { left: calc(210*var(--u)); top: calc(20*var(--u)); font-size: calc(14*var(--u)); }
.hd-pill .hd-btn { top: calc(8*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); border-radius: calc(22*var(--u)); }
.hp-tg { left: calc(512*var(--u)); } .hp-wa { left: calc(564*var(--u)); } .hp-max { left: calc(616*var(--u)); }
.hp-burger { left: calc(668*var(--u)); top: calc(8*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); border-radius: calc(22*var(--u)); }
.hp-burger i { left: calc(13*var(--u)); }
.hp-burger i:nth-child(1) { top: calc(18*var(--u)); } .hp-burger i:nth-child(2) { top: calc(25*var(--u)); }
/* меню: полноэкранный оверлей */
.mn { clip-path: circle(0 at calc(100% - 76 * var(--u)) calc(48 * var(--u))); overflow-x: hidden; overflow-y: auto; }
.mn.open { clip-path: circle(150% at calc(100% - 76 * var(--u)) calc(48 * var(--u))); }
.mn::after { content: ''; position: fixed; inset: 0; background: url(../img/01-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; z-index: 5; }
.mn-glow { position: fixed; }
.mn-g1 { left: calc(468*var(--u)); right: auto; top: calc(-240*var(--u)); width: calc(560*var(--u)); height: calc(440*var(--u)); filter: blur(calc(70*var(--u))); }
.mn-g2 { left: calc(-320*var(--u)); bottom: auto; top: calc(604*var(--u)); width: calc(600*var(--u)); height: calc(500*var(--u)); filter: blur(calc(70*var(--u))); }
.mn .plate { left: calc(40*var(--u)); top: calc(25*var(--u)); transform: scale(.8214); transform-origin: 0 0; }
.mn-close { left: calc(668*var(--u)); top: calc(24*var(--u)); width: calc(48*var(--u)); height: calc(48*var(--u)); border-radius: calc(24*var(--u)); font-size: calc(20*var(--u)); }
.mn-nav { left: 0; top: 0; width: 100%; }
.mn-nav a { position: absolute; left: calc(40*var(--u)); padding-left: calc(44*var(--u)); font-size: calc(48*var(--u)); line-height: calc(46.08*var(--u)); padding-top: calc(3*var(--u)); letter-spacing: calc(8*var(--u)); }
.mn-nav a:nth-child(1) { top: calc(140*var(--u)); } .mn-nav a:nth-child(2) { top: calc(204*var(--u)); } .mn-nav a:nth-child(3) { top: calc(268*var(--u)); } .mn-nav a:nth-child(4) { top: calc(332*var(--u)); } .mn-nav a:nth-child(5) { top: calc(396*var(--u)); }
.mn-nav a i { top: calc(9*var(--u)); font-size: calc(12*var(--u)); letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,.6); }
.mn-nav a:hover { transform: none; }
.mn-nav a:hover i, .mn-nav a:active i { color: var(--amber); }
.mn-photo { left: calc(40*var(--u)); top: calc(484*var(--u)); width: calc(656*var(--u)); height: calc(300*var(--u)); border-radius: calc(24*var(--u)); }
.mn-photo figcaption { left: calc(14*var(--u)); top: calc(246*var(--u)); width: calc(289*var(--u)); height: calc(40*var(--u)); border-radius: calc(20*var(--u)); background: rgba(10,10,10,.16); font-size: calc(13*var(--u)); line-height: calc(40*var(--u)); padding-left: calc(30*var(--u)); }
.mn-photo figcaption span { left: calc(14*var(--u)); top: calc(16*var(--u)); width: calc(8*var(--u)); height: calc(8*var(--u)); }
.mn-callcap { left: calc(40*var(--u)); top: calc(820*var(--u)); font-size: calc(12*var(--u)); letter-spacing: calc(.12*var(--u)); }
.mn-phone { left: calc(38*var(--u)); top: calc(842*var(--u)); font-size: calc(36*var(--u)); line-height: calc(34.56*var(--u)); letter-spacing: calc(5.2*var(--u)); }
.mn-ch { top: calc(897*var(--u)); width: calc(60*var(--u)); height: calc(60*var(--u)); font-size: 0; gap: 0; }
.mn-ch span { width: calc(60*var(--u)); height: calc(60*var(--u)); background: rgba(255,255,255,.16); font-size: calc(15*var(--u)); letter-spacing: calc(.6*var(--u)); }
.mn-ch img { width: calc(27.6*var(--u)); height: calc(27.6*var(--u)); }
.mn-call { display: flex; left: calc(40*var(--u)); } .mn-call img { width: calc(26.4*var(--u)); height: calc(26.4*var(--u)); }
.mn-tg { left: calc(114*var(--u)); } .mn-wa { left: calc(188*var(--u)); } .mn-max { left: calc(262*var(--u)); }
.mn-film { display: block; position: fixed; z-index: 6; left: calc(736*var(--u)); top: 0; width: calc(32*var(--u)); height: 100%; background: #050505; overflow: hidden; --p0: 12; --pp: 30; }
.mn-perfs { position: absolute; left: calc(14*var(--u)); top: 0; width: calc(10*var(--u)); height: 100%; animation: s01Film 12s linear infinite; }
.mn-perfs i { position: absolute; left: 0; width: calc(10*var(--u)); height: calc(15*var(--u)); border-radius: calc(3*var(--u)); background: rgba(255,255,255,.85); }
.mn-filmtext { position: absolute; left: 0; top: calc(10*var(--u)); width: calc(14*var(--u)); height: calc(420*var(--u)); writing-mode: vertical-rl; font-size: calc(11*var(--u)); font-weight: 700; letter-spacing: calc(1.54*var(--u)); color: rgba(255,122,26,.95); white-space: pre; line-height: calc(14*var(--u)); overflow: hidden; }
@media (prefers-reduced-motion: reduce) { .mn-perfs { animation: none; } }

}
/* == 01-hero.css == */
.s01 { height: calc(900*var(--u)); background: #0a0a0a; }
.s01-photo { object-fit: cover; }
.s01-glow { mix-blend-mode: screen; pointer-events: none; z-index: 6; }
.s01-ga { left: calc(900*var(--u)); top: calc(-430*var(--u)); width: calc(980*var(--u)); height: calc(760*var(--u)); max-width: none; object-fit: fill; transform: scale(1.3684, 1.4736); animation: s01Breathe 9s ease-in-out infinite alternate; }
.s01-gb { left: calc(1220*var(--u)); top: calc(-140*var(--u)); width: calc(380*var(--u)); height: calc(340*var(--u)); object-fit: fill; transform: scale(1.63, 1.7); animation: s01Breathe 7s ease-in-out infinite alternate-reverse; }
.s01-gc { left: calc(-480*var(--u)); top: calc(520*var(--u)); width: calc(760*var(--u)); height: calc(560*var(--u)); object-fit: fill; transform: scale(1.4736, 1.642); animation: s01Breathe 11s ease-in-out infinite alternate; }
@keyframes s01Breathe { from { opacity: .55 } to { opacity: 1 } }
.s01-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); background-size: calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; z-index: 9; }
/* линза */
.s01-lens { left: calc(1060*var(--u)); top: calc(180*var(--u)); width: calc(240*var(--u)); height: calc(240*var(--u)); z-index: 5; will-change: transform; }
.s01-lens-in { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35), 0 calc(20*var(--u)) calc(60*var(--u)) rgba(0,0,0,.35); }
.s01-lens-in::after { content: ''; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 30% 25%, rgba(255,255,255,.22), rgba(255,255,255,.04) 45%, transparent 60%); }
.s01-lens-img { position: absolute; left: calc(-2240*var(--u)); top: calc(-480*var(--u)); width: calc(2880*var(--u)); height: calc(1800*var(--u)); will-change: transform; }
.s01-lens-img img { width: 100%; height: 100%; object-fit: cover; }
.s01-tick { position: absolute; background: rgba(255,255,255,.9); }
.s01-t1 { left: calc(119*var(--u)); top: calc(-26*var(--u)); width: calc(2*var(--u)); height: calc(14*var(--u)); } .s01-t2 { left: calc(119*var(--u)); top: calc(252*var(--u)); width: calc(2*var(--u)); height: calc(14*var(--u)); }
.s01-t3 { left: calc(-26*var(--u)); top: calc(119*var(--u)); width: calc(14*var(--u)); height: calc(2*var(--u)); } .s01-t4 { left: calc(252*var(--u)); top: calc(119*var(--u)); width: calc(14*var(--u)); height: calc(2*var(--u)); }
.s01-x2 { position: absolute; left: calc(272*var(--u)); top: calc(112*var(--u)); font-size: calc(13*var(--u)); letter-spacing: calc(1.82*var(--u)); color: rgba(255,255,255,.95); white-space: nowrap; }
.s01-chip { position: absolute; left: calc(8*var(--u)); top: calc(280*var(--u)); width: calc(230*var(--u)); height: calc(34*var(--u)); border-radius: calc(17*var(--u)); background: rgba(255,255,255,.16); backdrop-filter: blur(calc(12*var(--u))); -webkit-backdrop-filter: blur(calc(12*var(--u))); font-size: calc(13*var(--u)); font-weight: 500; line-height: calc(34*var(--u)); text-align: center; white-space: nowrap; }
/* плёнка */
.s01-film { left: calc(1396*var(--u)); top: 0; width: calc(44*var(--u)); height: calc(900*var(--u)); background: #050505; overflow: hidden; z-index: 7; }
.s01-perfs { position: absolute; left: calc(26*var(--u)); top: 0; width: calc(10*var(--u)); height: 100%; animation: s01Film 12s linear infinite; }
.s01-perfs i { position: absolute; left: 0; width: calc(10*var(--u)); height: calc(15*var(--u)); border-radius: calc(3*var(--u)); background: rgba(255,255,255,.85); }
@keyframes s01Film { to { transform: translateY(calc(-30*var(--u))) } }
.s01-filmtext { position: absolute; left: calc(6*var(--u)); top: calc(10*var(--u)); width: calc(14*var(--u)); height: calc(873*var(--u)); writing-mode: vertical-rl; font-size: calc(11*var(--u)); font-weight: 700; letter-spacing: calc(1.54*var(--u)); color: rgba(255,122,26,.95); white-space: pre; line-height: calc(14*var(--u)); overflow: hidden; }
/* заголовок */
.s01-h1 { left: calc(36*var(--u)); top: calc(462*var(--u)); font-size: calc(90*var(--u)); line-height: calc(86*var(--u)); letter-spacing: calc(11*var(--u)); font-weight: 900; color: #fff; white-space: nowrap; z-index: 7; transition: opacity .5s, transform .6s cubic-bezier(.2,.8,.2,1); }
.s01-h1 span { display: block; }
.s01-sub { left: calc(40*var(--u)); top: calc(648*var(--u)); font-size: calc(60*var(--u)); line-height: calc(56*var(--u)); font-weight: 600; letter-spacing: calc(-2.1*var(--u)); white-space: nowrap; z-index: 7; transition: opacity .5s; }
/* поле */
.s01-field { left: calc(40*var(--u)); top: calc(732*var(--u)); width: calc(820*var(--u)); height: calc(96*var(--u)); border-radius: calc(48*var(--u)); background: rgba(255,255,255,.14); backdrop-filter: blur(calc(18*var(--u))) saturate(1.3); -webkit-backdrop-filter: blur(calc(18*var(--u))) saturate(1.3); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); z-index: 8; transition: transform .7s cubic-bezier(.2,.8,.2,1), background .3s; }
.s01-field:focus-within { background: rgba(255,255,255,.22); }
.s01-input { position: absolute; left: calc(36*var(--u)); top: 0; width: calc(530*var(--u)); height: calc(96*var(--u)); background: none; border: 0; outline: 0; font: 400 calc(19*var(--u)) var(--f-text); color: #fff; }
.s01-input::placeholder { color: rgba(255,255,255,.75); }
.s01-go { position: absolute; left: calc(590*var(--u)); top: calc(10*var(--u)); width: calc(220*var(--u)); height: calc(76*var(--u)); border-radius: calc(38*var(--u)); background: #fff; color: var(--ink); overflow: hidden; font-weight: 500; font-size: calc(17*var(--u)); text-align: left; padding-left: calc(28*var(--u)); transition: transform .25s; }
.s01-go:hover { transform: scale(1.03); }
.s01-go img { position: absolute; left: calc(150*var(--u)); top: calc(6*var(--u)); width: calc(64*var(--u)); height: calc(64*var(--u)); transition: transform .35s; }
.s01-go:hover img { transform: scale(1.12); }
.s01-go b { position: absolute; left: calc(173*var(--u)); top: calc(23*var(--u)); font-size: calc(22*var(--u)); font-weight: 500; color: #fff; line-height: calc(28*var(--u)); }
.s01-err { left: calc(76*var(--u)); top: calc(840*var(--u)); font-size: calc(14*var(--u)); color: #ffb4b4; z-index: 8; }
/* карточка вердикта */
.s01-verdict { left: calc(1032*var(--u)); top: calc(560*var(--u)); width: calc(340*var(--u)); height: calc(268*var(--u)); border-radius: calc(32*var(--u)); background: rgba(10,10,10,.12); backdrop-filter: blur(calc(20*var(--u))); -webkit-backdrop-filter: blur(calc(20*var(--u))); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); z-index: 7; }
.s01-v-cap { position: absolute; left: calc(28*var(--u)); top: calc(26*var(--u)); font-size: calc(13*var(--u)); font-weight: 500; letter-spacing: calc(.13*var(--u)); color: rgba(255,255,255,.7); }
.s01-v { position: absolute; left: calc(20*var(--u)); width: calc(300*var(--u)); height: calc(52*var(--u)); border-radius: calc(26*var(--u)); padding-left: calc(22*var(--u)); font-size: calc(20*var(--u)); font-weight: 600; line-height: calc(52*var(--u)); }
.s01-v1 { top: calc(64*var(--u)); background: rgba(255,255,255,.16); } .s01-v2 { top: calc(128*var(--u)); background: rgba(255,255,255,.08); } .s01-v3 { top: calc(192*var(--u)); background: var(--red); }
.s01-credit { left: calc(1032*var(--u)); top: calc(852*var(--u)); font-size: calc(11*var(--u)); font-weight: 700; letter-spacing: calc(1.54*var(--u)); color: rgba(255,255,255,.55); white-space: nowrap; z-index: 7; }
/* состояние: ссылка принята */
.s01-result { left: calc(40*var(--u)); top: calc(420*var(--u)); width: calc(820*var(--u)); height: calc(400*var(--u)); border-radius: calc(40*var(--u)); background: rgba(110,12,18,.5); backdrop-filter: blur(calc(24*var(--u))); -webkit-backdrop-filter: blur(calc(24*var(--u))); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); z-index: 8; opacity: 0; transform: translateY(calc(30*var(--u))); pointer-events: none; transition: opacity .5s .25s, transform .7s .25s cubic-bezier(.2,.8,.2,1); }
.s01-r-cap { display: none; }
.s01-r-title { position: absolute; left: calc(28*var(--u)); top: calc(28*var(--u)); font-size: calc(32*var(--u)); font-weight: 600; letter-spacing: calc(-.8*var(--u)); line-height: calc(40*var(--u)); }
.s01-r-host { position: absolute; left: calc(28*var(--u)); top: calc(74*var(--u)); font-size: calc(16*var(--u)); color: rgba(255,255,255,.65); white-space: nowrap; }
.s01-r-first { position: absolute; left: calc(28*var(--u)); top: calc(132*var(--u)); font-size: calc(13*var(--u)); color: rgba(255,255,255,.55); }
.s01-r-list { position: absolute; left: calc(28*var(--u)); top: calc(158*var(--u)); list-style: none; font-size: calc(18*var(--u)); line-height: calc(30*var(--u)); }
.s01-r-list li::before { content: '— '; }
.s01-r-btn { position: absolute; left: calc(28*var(--u)); top: calc(300*var(--u)); width: calc(290*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); background: #fff; color: var(--ink); font-size: calc(17*var(--u)); font-weight: 500; line-height: calc(64*var(--u)); padding-left: calc(28*var(--u)); overflow: hidden; }
.s01-r-btn img { position: absolute; left: calc(228*var(--u)); top: 0; width: calc(60*var(--u)); height: calc(60*var(--u)); margin: calc(2*var(--u)); }
.s01-r-btn b { position: absolute; left: calc(249*var(--u)); top: 0; font-size: calc(20*var(--u)); font-weight: 500; color: #fff; }
.s01-r-call { position: absolute; left: calc(340*var(--u)); top: calc(312*var(--u)); height: calc(48*var(--u)); padding: 0 calc(18*var(--u)); border-radius: calc(24*var(--u)); background: rgba(255,255,255,.14); font-size: calc(16*var(--u)); font-weight: 500; line-height: calc(48*var(--u)); }
.s01.is-sent .s01-h1, .s01.is-sent .s01-sub { opacity: 0; transform: translateY(calc(-20*var(--u))); pointer-events: none; }
.s01.is-sent .s01-field { transform: translateY(calc(-432*var(--u))); }
.s01.is-sent .s01-result { opacity: 1; transform: none; pointer-events: auto; }
.s01.is-sent #s01GoText { visibility: hidden; }
.s01.is-sent #s01GoText::after { visibility: visible; content: 'Проверяю'; position: absolute; left: calc(28*var(--u)); }
@media (prefers-reduced-motion: reduce) { .s01-glow, .s01-perfs { animation: none; } }
.s01-photo-m { display: none; }

/* == 01-hero.m390.css == */
@media (max-width: 599px) {
/* Секция 01 · телефон · макет 41:2664 (390 x 800) */
.s01 { height: calc(800*var(--u)); }
.s01-photo { display: none; } .s01-photo-m { display: block; }
.s01-ga { left: calc(30*var(--u)); top: calc(-420*var(--u)); width: calc(660*var(--u)); height: calc(700*var(--u)); transform: none; }
.s01-gb { left: calc(200*var(--u)); top: calc(-200*var(--u)); width: calc(360*var(--u)); height: calc(380*var(--u)); transform: none; }
.s01-gc { left: calc(-360*var(--u)); top: calc(360*var(--u)); width: calc(640*var(--u)); height: calc(620*var(--u)); transform: none; }
.s01-grain { width: calc(390*var(--u)); height: calc(800*var(--u)); }
/* линза: макетная позиция, не двигается */
.s01-lens { left: calc(131*var(--u)); top: calc(309.33*var(--u)); width: calc(128*var(--u)); height: calc(128*var(--u)); }
.s01-lens-img { left: calc(-1536*var(--u)); top: calc(-1056*var(--u)); width: calc(3200*var(--u)); height: calc(2400*var(--u)); }
.s01-t1 { left: calc(63*var(--u)); top: calc(-16*var(--u)); width: calc(2*var(--u)); height: calc(9*var(--u)); } .s01-t2 { left: calc(63*var(--u)); top: calc(135*var(--u)); width: calc(2*var(--u)); height: calc(9*var(--u)); }
.s01-t3 { left: calc(-16*var(--u)); top: calc(63*var(--u)); width: calc(9*var(--u)); height: calc(2*var(--u)); } .s01-t4 { left: calc(135*var(--u)); top: calc(63*var(--u)); width: calc(9*var(--u)); height: calc(2*var(--u)); }
.s01-x2 { display: none; }
.s01-chip { left: calc(-30*var(--u)); top: calc(-54*var(--u)); width: calc(188*var(--u)); height: calc(28*var(--u)); border-radius: calc(14*var(--u)); font-size: calc(11*var(--u)); line-height: calc(28*var(--u)); }
/* край плёнки (без вертикальной надписи) */
.s01-film { left: calc(374*var(--u)); width: calc(16*var(--u)); height: calc(800*var(--u)); --p0: 10; --pp: 22; }
.s01-perfs { left: calc(4*var(--u)); width: calc(8*var(--u)); animation-name: s01Film390; }
.s01-perfs i { width: calc(8*var(--u)); height: calc(12*var(--u)); border-radius: calc(2.5*var(--u)); }
.s01-filmtext { display: none; }
@keyframes s01Film390 { to { transform: translateY(calc(-22*var(--u))) } }
/* заголовок: ОБЪЯВЛЕНИЕ = 341 */
.s01-h1 { left: calc(18*var(--u)); top: calc(497*var(--u)); font-size: calc(32*var(--u)); line-height: calc(30.72*var(--u)); letter-spacing: calc(5.06*var(--u)); }
.s01-h1 span:nth-child(1) { letter-spacing: calc(4.2*var(--u)); }
.s01-sub { left: calc(20*var(--u)); top: calc(567*var(--u)); font-size: calc(22*var(--u)); line-height: calc(20.68*var(--u)); letter-spacing: calc(-1.41*var(--u)); }
/* поле */
.s01-field { left: calc(20*var(--u)); top: calc(606*var(--u)); width: calc(342*var(--u)); height: calc(60*var(--u)); border-radius: calc(30*var(--u)); }
.s01-input { left: calc(20*var(--u)); width: calc(144*var(--u)); height: calc(60*var(--u)); font-size: calc(14*var(--u)); }
.s01-go { left: calc(170*var(--u)); top: calc(6*var(--u)); width: calc(166*var(--u)); height: calc(48*var(--u)); border-radius: calc(24*var(--u)); font-size: calc(14*var(--u)); padding-left: calc(28*var(--u)); line-height: calc(48*var(--u)); }
.s01-go img { left: calc(124*var(--u)); top: calc(6*var(--u)); width: calc(36*var(--u)); height: calc(36*var(--u)); }
.s01-go b { left: calc(133*var(--u)); top: calc(10*var(--u)); font-size: calc(22*var(--u)); line-height: calc(28*var(--u)); }
.s01-err { left: calc(40*var(--u)); top: calc(674*var(--u)); font-size: calc(12*var(--u)); width: calc(322*var(--u)); white-space: normal; }
/* вердикт: три плашки в ряд */
.s01-verdict { left: 0; top: 0; width: calc(390*var(--u)); height: calc(800*var(--u)); border-radius: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; pointer-events: none; }
.s01-v-cap { left: calc(20*var(--u)); top: calc(686*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(.11*var(--u)); color: rgba(255,255,255,.65); }
.s01-v { top: calc(708*var(--u)); height: calc(34*var(--u)); border-radius: calc(17*var(--u)); padding-left: calc(18*var(--u)); font-size: calc(13*var(--u)); line-height: calc(34*var(--u)); font-weight: 500; background: rgba(255,255,255,.14); }
.s01-v1 { left: calc(20*var(--u)); width: calc(74*var(--u)); } .s01-v2 { left: calc(102*var(--u)); width: calc(115*var(--u)); } .s01-v3 { left: calc(225*var(--u)); width: calc(87*var(--u)); padding-left: calc(14*var(--u)); font-weight: 600; background: var(--red); }
.s01-credit { left: calc(20*var(--u)); top: calc(758*var(--u)); font-size: calc(9*var(--u)); letter-spacing: calc(1.26*var(--u)); }
/* состояние: ссылка принята */
.s01-result { left: calc(20*var(--u)); top: calc(262*var(--u)); width: calc(342*var(--u)); height: calc(332*var(--u)); border-radius: calc(30*var(--u)); }
.s01-r-title { left: calc(22*var(--u)); top: calc(22*var(--u)); font-size: calc(24*var(--u)); line-height: calc(30*var(--u)); letter-spacing: calc(-.6*var(--u)); }
.s01-r-host { left: calc(22*var(--u)); top: calc(58*var(--u)); font-size: calc(13*var(--u)); }
.s01-r-first { left: calc(22*var(--u)); top: calc(104*var(--u)); font-size: calc(11*var(--u)); }
.s01-r-list { left: calc(22*var(--u)); top: calc(126*var(--u)); font-size: calc(15*var(--u)); line-height: calc(26*var(--u)); }
.s01-r-btn { left: calc(22*var(--u)); top: calc(262*var(--u)); width: calc(206*var(--u)); height: calc(48*var(--u)); border-radius: calc(24*var(--u)); font-size: calc(13*var(--u)); line-height: calc(48*var(--u)); padding-left: calc(16*var(--u)); }
.s01-r-btn img { left: calc(164*var(--u)); top: calc(6*var(--u)); width: calc(36*var(--u)); height: calc(36*var(--u)); margin: 0; }
.s01-r-btn b { left: calc(173*var(--u)); top: calc(10*var(--u)); font-size: calc(20*var(--u)); line-height: calc(28*var(--u)); }
.s01-r-call { left: calc(236*var(--u)); top: calc(262*var(--u)); height: calc(48*var(--u)); padding: 0 calc(12*var(--u)); font-size: calc(14*var(--u)); line-height: calc(48*var(--u)); border-radius: calc(24*var(--u)); }
.s01.is-sent .s01-field { transform: none; }
.s01.is-sent .s01-lens { opacity: 0; }
.s01-lens { transition: opacity .4s; }

}
/* == 01-hero.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
/* Секция 01 · планшет · макет 41:2757 (768 x 1000) */
.s01 { height: calc(1000*var(--u)); }
.s01-photo { display: none; } .s01-photo-m { display: block; object-position: 94.9% 50%; }
.s01-ga { left: calc(210*var(--u)); top: calc(-550*var(--u)); width: calc(1040*var(--u)); height: calc(960*var(--u)); transform: none; }
.s01-gb { left: calc(450*var(--u)); top: calc(-230*var(--u)); width: calc(520*var(--u)); height: calc(500*var(--u)); transform: none; }
.s01-gc { left: calc(-530*var(--u)); top: calc(410*var(--u)); width: calc(960*var(--u)); height: calc(860*var(--u)); transform: none; }
.s01-grain { width: calc(768*var(--u)); height: calc(1000*var(--u)); }
/* линза: стоит в макетной позиции, на touch не двигается */
.s01-lens { left: calc(456.59*var(--u)); top: calc(261.11*var(--u)); width: calc(200*var(--u)); height: calc(200*var(--u)); }
.s01-lens-img { left: calc(-2085.19*var(--u)); top: calc(-622.22*var(--u)); width: calc(2666.67*var(--u)); height: calc(2000*var(--u)); }
.s01-t1 { left: calc(99*var(--u)); top: calc(-22*var(--u)); width: calc(2*var(--u)); height: calc(12*var(--u)); } .s01-t2 { left: calc(99*var(--u)); top: calc(210*var(--u)); width: calc(2*var(--u)); height: calc(12*var(--u)); }
.s01-t3 { left: calc(-22*var(--u)); top: calc(99*var(--u)); width: calc(12*var(--u)); height: calc(2*var(--u)); } .s01-t4 { left: calc(210*var(--u)); top: calc(99*var(--u)); width: calc(12*var(--u)); height: calc(2*var(--u)); }
.s01-x2 { display: none; }
.s01-chip { left: calc(-8*var(--u)); top: calc(232*var(--u)); width: calc(216*var(--u)); height: calc(32*var(--u)); border-radius: calc(16*var(--u)); font-size: calc(12*var(--u)); line-height: calc(32*var(--u)); }
/* край плёнки */
.s01-film { left: calc(736*var(--u)); width: calc(32*var(--u)); height: calc(1000*var(--u)); --p0: 12; --pp: 30; }
.s01-perfs { left: calc(14*var(--u)); width: calc(10*var(--u)); }
.s01-perfs i { width: calc(10*var(--u)); height: calc(15*var(--u)); border-radius: calc(3*var(--u)); }
.s01-filmtext { left: 0; top: calc(10*var(--u)); width: calc(14*var(--u)); height: calc(738*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); line-height: calc(14*var(--u)); }
/* заголовок: Unbounded 900 подогнан под ширину строки макета (ОБЪЯВЛЕНИЕ = 672) */
.s01-h1 { left: calc(38*var(--u)); top: calc(557*var(--u)); font-size: calc(63*var(--u)); line-height: calc(60.48*var(--u)); letter-spacing: calc(10.03*var(--u)); }
.s01-h1 span:nth-child(1) { letter-spacing: calc(8.3*var(--u)); }
.s01-sub { left: calc(40*var(--u)); top: calc(689*var(--u)); font-size: calc(36*var(--u)); line-height: calc(33.84*var(--u)); letter-spacing: calc(-2.86*var(--u)); }
/* поле */
.s01-field { left: calc(40*var(--u)); top: calc(749*var(--u)); width: calc(672*var(--u)); height: calc(80*var(--u)); border-radius: calc(40*var(--u)); }
.s01-input { left: calc(28*var(--u)); width: calc(430*var(--u)); height: calc(80*var(--u)); font-size: calc(17*var(--u)); }
.s01-go { left: calc(472*var(--u)); top: calc(8*var(--u)); width: calc(192*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); font-size: calc(16*var(--u)); padding-left: calc(28*var(--u)); line-height: calc(64*var(--u)); }
.s01-go img { left: calc(134*var(--u)); top: calc(6*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); }
.s01-go b { left: calc(151*var(--u)); top: calc(18*var(--u)); font-size: calc(22*var(--u)); line-height: calc(28*var(--u)); }
.s01-err { left: calc(68*var(--u)); top: calc(841*var(--u)); font-size: calc(13*var(--u)); }
/* вердикт: три плашки в ряд */
.s01-verdict { left: 0; top: 0; width: calc(768*var(--u)); height: calc(1000*var(--u)); border-radius: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none; pointer-events: none; }
.s01-v-cap { left: calc(40*var(--u)); top: calc(855*var(--u)); font-size: calc(13*var(--u)); letter-spacing: calc(.13*var(--u)); color: rgba(255,255,255,.65); }
.s01-v { top: calc(880*var(--u)); height: calc(44*var(--u)); border-radius: calc(22*var(--u)); padding-left: calc(18*var(--u)); font-size: calc(15*var(--u)); line-height: calc(44*var(--u)); font-weight: 500; background: rgba(255,255,255,.14); }
.s01-v1 { left: calc(40*var(--u)); width: calc(79*var(--u)); } .s01-v2 { left: calc(127*var(--u)); width: calc(126*var(--u)); } .s01-v3 { left: calc(261*var(--u)); width: calc(107*var(--u)); padding-left: calc(20*var(--u)); font-weight: 600; background: var(--red); }
.s01-credit { left: calc(40*var(--u)); top: calc(946*var(--u)); }
/* состояние: ссылка принята (поле остаётся на месте, карточка над ним) */
.s01-result { left: calc(40*var(--u)); top: calc(345*var(--u)); width: calc(672*var(--u)); height: calc(388*var(--u)); border-radius: calc(40*var(--u)); }
.s01-r-title { left: calc(32*var(--u)); top: calc(30*var(--u)); font-size: calc(32*var(--u)); }
.s01-r-host { left: calc(32*var(--u)); top: calc(78*var(--u)); font-size: calc(16*var(--u)); }
.s01-r-first { left: calc(32*var(--u)); top: calc(142*var(--u)); font-size: calc(13*var(--u)); }
.s01-r-list { left: calc(32*var(--u)); top: calc(170*var(--u)); font-size: calc(19*var(--u)); line-height: calc(32*var(--u)); }
.s01-r-btn { left: calc(32*var(--u)); top: calc(296*var(--u)); }
.s01-r-call { left: calc(344*var(--u)); top: calc(304*var(--u)); }
.s01.is-sent .s01-field { transform: none; }
.s01.is-sent .s01-lens { opacity: 0; }
.s01-lens { transition: opacity .4s; }
@keyframes s01Film768 { to { transform: translateY(calc(-30*var(--u))) } }

}
/* == 02-shutter.css == */
.s02 { height: calc(1000*var(--u)); }
.s02-h-a { left: calc(40*var(--u)); top: calc(96*var(--u)); font-weight: 600; font-size: calc(68*var(--u)); line-height: 1; letter-spacing: calc(-3.1*var(--u)); color: rgba(255,255,255,.45); }
.s02-h-b { left: calc(804*var(--u)); top: calc(93*var(--u)); font-weight: 900; font-size: calc(76*var(--u)); line-height: 0.96; letter-spacing: calc(4.5*var(--u)); color: #fff; }

.s02-stage { left: calc(40*var(--u)); top: calc(220*var(--u)); width: calc(1360*var(--u)); height: calc(640*var(--u)); border-radius: calc(28*var(--u)); overflow: hidden; --p: .4265; touch-action: pan-y; cursor: ew-resize; background: #1a1a1a; }
.s02-before, .s02-after { position: absolute; inset: 0; }
.s02-after { clip-path: inset(0 0 0 calc(var(--p) * calc(1360*var(--u)))); }
.s02-img { opacity: 0; transition: opacity .6s ease; }
.s02-img.is-on { opacity: 1; }

.s02-chip { height: calc(40*var(--u)); border-radius: calc(20*var(--u)); background: rgba(255,255,255,.14); backdrop-filter: blur(calc(14*var(--u))) saturate(1.3); -webkit-backdrop-filter: blur(calc(14*var(--u))) saturate(1.3); border: 1px solid rgba(255,255,255,.16); display: flex; align-items: center; padding-left: calc(18*var(--u)); font-size: calc(14*var(--u)); font-weight: 500; white-space: nowrap; }
.s02-chip-l { left: calc(24*var(--u)); top: calc(24*var(--u)); width: calc(179*var(--u)); }
.s02-chip-r { left: calc(1090*var(--u)); top: calc(24*var(--u)); width: calc(222*var(--u)); }

.s02-quote { left: calc(24*var(--u)); top: calc(516*var(--u)); width: calc(470*var(--u)); height: calc(100*var(--u)); border-radius: calc(24*var(--u)); background: rgba(10,10,10,.16); backdrop-filter: blur(calc(18*var(--u))) saturate(1.3); -webkit-backdrop-filter: blur(calc(18*var(--u))) saturate(1.3); border: 1px solid rgba(255,255,255,.14); }
.s02-quote-k { left: calc(24*var(--u)); top: calc(18*var(--u)); font-size: calc(12*var(--u)); font-weight: 500; letter-spacing: calc(.12*var(--u)); color: rgba(255,255,255,.6); line-height: calc(15*var(--u)); }
.s02-quote-t { left: calc(24*var(--u)); top: calc(42*var(--u)); width: calc(440*var(--u)); white-space: nowrap; font-size: calc(20*var(--u)); font-weight: 600; letter-spacing: calc(-.78*var(--u)); line-height: calc(25*var(--u)); }

.s02-marker { left: calc(800*var(--u)); top: calc(270*var(--u)); width: calc(310*var(--u)); height: calc(280*var(--u)); }
.s02-tag { left: calc(1080*var(--u)); top: calc(480*var(--u)); width: calc(252*var(--u)); height: calc(40*var(--u)); border-radius: calc(20*var(--u)); background: var(--red); display: flex; align-items: center; padding-left: calc(18*var(--u)); font-size: calc(15*var(--u)); font-weight: 600; }
.s02-vf { left: calc(608*var(--u)); top: calc(76*var(--u)); width: calc(724*var(--u)); height: calc(488*var(--u)); }
.s02-vf i { position: absolute; background: rgba(255,255,255,.95); }
.s02-vf-t { left: 0; top: calc(-22*var(--u)); font-size: calc(11*var(--u)); font-weight: 700; letter-spacing: calc(1.54*var(--u)); color: rgba(255,255,255,.85); line-height: calc(14*var(--u)); }

.s02-line { left: calc(var(--p) * calc(1360*var(--u)) - calc(1*var(--u))); top: 0; width: calc(2*var(--u)); height: calc(640*var(--u)); background: #fff; pointer-events: none; }
.s02-handle { left: calc(var(--p) * calc(1360*var(--u)) - calc(40*var(--u))); top: calc(280*var(--u)); width: calc(80*var(--u)); height: calc(80*var(--u)); border-radius: calc(40*var(--u)); background: rgba(255,255,255,.2); backdrop-filter: blur(calc(16*var(--u))) saturate(1.4); -webkit-backdrop-filter: blur(calc(16*var(--u))) saturate(1.4); border: 1px solid rgba(255,255,255,.3); display: flex; align-items: center; justify-content: center; font-size: calc(24*var(--u)); font-weight: 500; cursor: grab; outline: none; transition: background .2s, transform .2s; }
.s02-handle:hover, .s02-handle:focus-visible, .s02-stage.is-drag .s02-handle { background: rgba(255,255,255,.32); transform: scale(1.06); }
.s02-stage.is-drag .s02-handle { cursor: grabbing; }

.s02-cap { left: calc(40*var(--u)); top: calc(896*var(--u)); width: calc(620*var(--u)); letter-spacing: calc(-.3*var(--u)); font-size: calc(18*var(--u)); line-height: 1.45; color: rgba(255,255,255,.72); }
.s02-th { top: calc(890*var(--u)); width: calc(100*var(--u)); height: calc(64*var(--u)); border-radius: calc(14*var(--u)); overflow: hidden; opacity: .8; transition: opacity .3s; z-index: 2; }
.s02-th img { border-radius: calc(14*var(--u)); }
.s02-th:hover, .s02-th.is-on { opacity: 1; }
.s02-sel { left: calc(1056*var(--u)); top: calc(886*var(--u)); width: calc(108*var(--u)); height: calc(72*var(--u)); border-radius: calc(18*var(--u)); border: calc(2*var(--u)) solid #fff; pointer-events: none; z-index: 3; transition: left .45s cubic-bezier(.3,.7,.2,1); }

.s02-glow { left: calc(1180*var(--u)); top: calc(40*var(--u)); width: calc(520*var(--u)); height: calc(300*var(--u)); mix-blend-mode: screen; pointer-events: none; animation: s02-breathe 6s ease-in-out infinite alternate; }
.s02-glow img { position: absolute; left: -28.85%; top: -50%; width: 157.7%; height: 200%; max-width: none; }
@keyframes s02-breathe { from { opacity: .4; } to { opacity: .6; } }
.s02-num { left: calc(1333*var(--u)); top: calc(40*var(--u)); font-size: calc(12*var(--u)); font-weight: 700; letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,.95); white-space: pre; }
.s02-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(1000*var(--u)); background: url(../img/02-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; z-index: 5; }
@media (prefers-reduced-motion: reduce) { .s02-glow { animation: none; opacity: .5; } .s02-img, .s02-sel { transition: none; } }

.s02-mo, .s02-tm { display: none; }
.s02-chip i, .s02-tag i, .s02-vf-t i { font-style: normal; }
.s02-br { display: none; }

/* == 02-shutter.m390.css == */
@media (max-width: 599px) {
.s02 { height: calc(888*var(--u)); }
.s02-h-a { left: calc(20*var(--u)); top: calc(56*var(--u)); font-size: calc(24*var(--u)); line-height: .94; letter-spacing: calc(-1.57*var(--u)); }
.s02-h-b { left: calc(18*var(--u)); top: calc(85*var(--u)); font-size: calc(30*var(--u)); line-height: .96; letter-spacing: calc(3.2*var(--u)); }

.s02-stage { left: calc(20*var(--u)); top: calc(138*var(--u)); width: calc(350*var(--u)); height: calc(440*var(--u)); border-radius: calc(20*var(--u)); }
.s02-after { clip-path: inset(0 0 0 calc(var(--p) * calc(350*var(--u)))); }
.s02-before .s02-img { inset: auto; left: 0; top: calc(-13.33*var(--u)); width: calc(350*var(--u)); height: calc(466.67*var(--u)); }
.s02-after .s02-img { inset: auto; left: calc(-118.33*var(--u)); top: 0; width: calc(586.67*var(--u)); height: calc(440*var(--u)); }

.s02-chip { height: calc(28*var(--u)); border-radius: calc(14*var(--u)); font-size: calc(11*var(--u)); padding-left: calc(18*var(--u)); }
.s02-chip-l { left: calc(14*var(--u)); top: calc(14*var(--u)); width: calc(105*var(--u)); }
.s02-chip-r { left: calc(246*var(--u)); top: calc(14*var(--u)); width: calc(90*var(--u)); }
.s02-td { display: none; }
.s02-tm { display: inline; }
.s02-quote { display: none; }

.s02-marker { left: calc(200*var(--u)); top: calc(186.82*var(--u)); width: calc(156*var(--u)); height: calc(144*var(--u)); }
.s02-tag { left: calc(191*var(--u)); top: calc(318.82*var(--u)); width: calc(145*var(--u)); height: calc(30*var(--u)); border-radius: calc(15*var(--u)); padding-left: calc(12*var(--u)); font-size: calc(12*var(--u)); }
.s02-vf { left: calc(189*var(--u)); top: calc(70*var(--u)); width: calc(147*var(--u)); height: calc(314*var(--u)); }
.s02-vf i { left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; }
.s02-vf i:nth-of-type(1) { left: 0 !important; top: 0 !important; width: calc(16*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s02-vf i:nth-of-type(2) { left: 0 !important; top: 0 !important; width: calc(2*var(--u)) !important; height: calc(16*var(--u)) !important; }
.s02-vf i:nth-of-type(3) { right: 0 !important; top: 0 !important; width: calc(16*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s02-vf i:nth-of-type(4) { right: 0 !important; top: 0 !important; width: calc(2*var(--u)) !important; height: calc(16*var(--u)) !important; }
.s02-vf i:nth-of-type(5) { left: 0 !important; bottom: 0 !important; width: calc(16*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s02-vf i:nth-of-type(6) { left: 0 !important; bottom: 0 !important; width: calc(2*var(--u)) !important; height: calc(16*var(--u)) !important; }
.s02-vf i:nth-of-type(7) { right: 0 !important; bottom: 0 !important; width: calc(16*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s02-vf i:nth-of-type(8) { right: 0 !important; bottom: 0 !important; width: calc(2*var(--u)) !important; height: calc(16*var(--u)) !important; }

.s02-line { left: calc(var(--p) * calc(350*var(--u)) - calc(1*var(--u))); height: calc(440*var(--u)); }
.s02-handle { left: calc(var(--p) * calc(350*var(--u)) - calc(26*var(--u))); top: calc(194*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); border-radius: calc(26*var(--u)); font-size: calc(16*var(--u)); }

.s02-mo { display: block; }
.s02-mq-k { left: calc(20*var(--u)); top: calc(598*var(--u)); font-size: calc(11*var(--u)); font-weight: 500; letter-spacing: calc(.11*var(--u)); color: rgba(255,255,255,.55); line-height: calc(13*var(--u)); }
.s02-mq-t { left: calc(20*var(--u)); top: calc(618*var(--u)); width: calc(320*var(--u)); font-size: calc(19*var(--u)); font-weight: 600; letter-spacing: calc(-.5*var(--u)); line-height: calc(25*var(--u)); }
.s02-cap { left: calc(20*var(--u)); top: calc(684*var(--u)); width: calc(350*var(--u)); font-size: calc(15*var(--u)); letter-spacing: 0; }
.s02-br { display: inline; }
.s02-th { top: calc(768*var(--u)) !important; width: calc(100*var(--u)); height: calc(64*var(--u)); border-radius: calc(12*var(--u)); }
.s02-th img { border-radius: 0; inset: auto; left: 0; top: calc(-34.67*var(--u)); width: calc(100*var(--u)); height: calc(133.33*var(--u)); }
.s02-th[data-i="0"] { left: calc(20*var(--u)) !important; }
.s02-th[data-i="1"] { left: calc(132*var(--u)) !important; }
.s02-th[data-i="2"] { left: calc(244*var(--u)) !important; }
.s02-sel { top: calc(764*var(--u)); width: calc(108*var(--u)); height: calc(72*var(--u)); border-radius: calc(16*var(--u)); }
.s02-sel[data-i="0"] { left: calc(16*var(--u)); }
.s02-sel[data-i="1"] { left: calc(128*var(--u)); }
.s02-sel[data-i="2"] { left: calc(240*var(--u)); }

.s02-glow { left: calc(230*var(--u)); top: calc(-120*var(--u)); width: calc(300*var(--u)); height: calc(240*var(--u)); }
.s02-glow img { left: -33.33%; top: -41.67%; width: 166.66%; height: 183.34%; }
.s02-num { left: calc(314*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s02-grain { width: calc(390*var(--u)); height: calc(888*var(--u)); }

}
/* == 02-shutter.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
.s02 { height: calc(986*var(--u)); }
.s02-h-a { left: calc(40*var(--u)); top: calc(80*var(--u)); font-size: calc(40*var(--u)); line-height: .94; letter-spacing: calc(-2.94*var(--u)); }
.s02-h-b { left: calc(38*var(--u)); top: calc(126*var(--u)); font-size: calc(52*var(--u)); line-height: .96; letter-spacing: calc(5.3*var(--u)); }

.s02-stage { left: calc(40*var(--u)); top: calc(208*var(--u)); width: calc(688*var(--u)); height: calc(520*var(--u)); border-radius: calc(24*var(--u)); }
.s02-after { clip-path: inset(0 0 0 calc(var(--p) * calc(688*var(--u)))); }
.s02-before .s02-img { inset: auto; left: 0; top: calc(-198.67*var(--u)); width: calc(688*var(--u)); height: calc(917.33*var(--u)); }
.s02-after .s02-img { inset: auto; left: calc(-2.67*var(--u)); top: 0; width: calc(693.33*var(--u)); height: calc(520*var(--u)); }

.s02-chip { height: calc(34*var(--u)); border-radius: calc(17*var(--u)); font-size: calc(13*var(--u)); padding-left: calc(18*var(--u)); }
.s02-chip-l { left: calc(14*var(--u)); top: calc(14*var(--u)); width: calc(169*var(--u)); }
.s02-chip-r { left: calc(464*var(--u)); top: calc(14*var(--u)); width: calc(210*var(--u)); }

.s02-quote { left: calc(14*var(--u)); top: calc(414*var(--u)); width: calc(261*var(--u)); height: calc(92*var(--u)); border-radius: calc(20*var(--u)); }
.s02-quote-k { left: calc(18*var(--u)); top: calc(14*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(.11*var(--u)); line-height: calc(14*var(--u)); }
.s02-quote-t { left: calc(18*var(--u)); top: calc(34*var(--u)); width: calc(225*var(--u)); white-space: normal; font-size: calc(16*var(--u)); line-height: calc(22*var(--u)); letter-spacing: calc(-.3*var(--u)); }

.s02-marker { left: calc(367.2*var(--u)); top: calc(198.88*var(--u)); width: calc(234*var(--u)); height: calc(214*var(--u)); }
.s02-tag { left: calc(366.7*var(--u)); top: calc(390.88*var(--u)); width: calc(235*var(--u)); height: calc(36*var(--u)); border-radius: calc(18*var(--u)); padding-left: calc(16*var(--u)); font-size: calc(14*var(--u)); }
.s02-vf { left: calc(309*var(--u)); top: calc(86*var(--u)); width: calc(359*var(--u)); height: calc(370*var(--u)); }
.s02-vf i { left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; }
.s02-vf i:nth-of-type(1) { left: 0 !important; top: 0 !important; width: calc(22*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s02-vf i:nth-of-type(2) { left: 0 !important; top: 0 !important; width: calc(2*var(--u)) !important; height: calc(22*var(--u)) !important; }
.s02-vf i:nth-of-type(3) { right: 0 !important; top: 0 !important; width: calc(22*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s02-vf i:nth-of-type(4) { right: 0 !important; top: 0 !important; width: calc(2*var(--u)) !important; height: calc(22*var(--u)) !important; }
.s02-vf i:nth-of-type(5) { left: 0 !important; bottom: 0 !important; width: calc(22*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s02-vf i:nth-of-type(6) { left: 0 !important; bottom: 0 !important; width: calc(2*var(--u)) !important; height: calc(22*var(--u)) !important; }
.s02-vf i:nth-of-type(7) { right: 0 !important; bottom: 0 !important; width: calc(22*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s02-vf i:nth-of-type(8) { right: 0 !important; bottom: 0 !important; width: calc(2*var(--u)) !important; height: calc(22*var(--u)) !important; }

.s02-line { left: calc(var(--p) * calc(688*var(--u)) - calc(1*var(--u))); height: calc(520*var(--u)); }
.s02-handle { left: calc(var(--p) * calc(688*var(--u)) - calc(34*var(--u))); top: calc(226*var(--u)); width: calc(68*var(--u)); height: calc(68*var(--u)); border-radius: calc(34*var(--u)); font-size: calc(20*var(--u)); }

.s02-cap { left: calc(40*var(--u)); top: calc(756*var(--u)); width: calc(560*var(--u)); font-size: calc(17*var(--u)); letter-spacing: calc(-.35*var(--u)); }
.s02-th { top: calc(830*var(--u)) !important; width: calc(120*var(--u)); height: calc(76*var(--u)); border-radius: calc(12*var(--u)); }
.s02-th img { border-radius: 0; inset: auto; left: 0; top: calc(-42*var(--u)); width: calc(120*var(--u)); height: calc(160*var(--u)); }
.s02-th[data-i="0"] { left: calc(40*var(--u)) !important; }
.s02-th[data-i="1"] { left: calc(172*var(--u)) !important; }
.s02-th[data-i="2"] { left: calc(304*var(--u)) !important; }
.s02-sel { top: calc(826*var(--u)); width: calc(128*var(--u)); height: calc(84*var(--u)); border-radius: calc(16*var(--u)); }
.s02-sel[data-i="0"] { left: calc(36*var(--u)); }
.s02-sel[data-i="1"] { left: calc(168*var(--u)); }
.s02-sel[data-i="2"] { left: calc(300*var(--u)); }

.s02-glow { left: calc(508*var(--u)); top: calc(-160*var(--u)); width: calc(480*var(--u)); height: calc(320*var(--u)); }
.s02-glow img { left: -29.17%; top: -43.75%; width: 158.34%; height: 187.5%; }
.s02-num { left: calc(666*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s02-grain { width: calc(768*var(--u)); height: calc(986*var(--u)); }

}
/* == 03-zones.css == */
.s03 { height: calc(1000*var(--u)); }
.s03-photo { left: calc(560*var(--u)); top: 0; width: calc(880*var(--u)); height: calc(1000*var(--u)); object-fit: cover; }
.s03-fade { left: calc(560*var(--u)); top: 0; width: calc(220*var(--u)); height: calc(1000*var(--u)); background: linear-gradient(90deg, #0a0a0a, rgba(10,10,10,0)); }
.s03-glow { left: calc(1120*var(--u)); top: calc(-260*var(--u)); width: calc(640*var(--u)); height: calc(520*var(--u)); mix-blend-mode: screen; pointer-events: none; animation: s03-breathe 6s ease-in-out infinite alternate; }
.s03-glow img { position: absolute; left: -26.56%; top: -32.69%; width: 153.12%; height: 165.38%; max-width: none; }
@keyframes s03-breathe { from { opacity: .4; } to { opacity: .6; } }
.s03-h { left: calc(40*var(--u)); top: calc(100*var(--u)); font-weight: 900; font-size: calc(67*var(--u)); line-height: calc(63*var(--u)); letter-spacing: calc(5*var(--u)); transform: scaleX(1.064); transform-origin: 0 0; color: #fff; }
.s03-lead { left: calc(40*var(--u)); top: calc(246*var(--u)); width: calc(420*var(--u)); letter-spacing: calc(-.3*var(--u)); font-size: calc(18*var(--u)); line-height: 1.45; color: rgba(255,255,255,.72); }

.s03-it { left: calc(40*var(--u)); height: calc(31*var(--u)); font-size: calc(26*var(--u)); line-height: calc(31*var(--u)); letter-spacing: calc(-1.4*var(--u)); font-weight: 400; color: rgba(255,255,255,.4); text-align: left; transition: color .3s; z-index: 2; }
.s03-it:hover { color: rgba(255,255,255,.75); }
.s03-it.is-on { color: #fff; font-weight: 600; }
.s03-dot { left: calc(18*var(--u)); top: calc(470*var(--u)); width: calc(8*var(--u)); height: calc(8*var(--u)); border-radius: calc(4*var(--u)); background: var(--red); transition: top .4s cubic-bezier(.3,.7,.2,1); }

.s03-pt { width: calc(34*var(--u)); height: calc(34*var(--u)); margin: calc(-17*var(--u)) 0 0 calc(-17*var(--u)); border-radius: 50%; background: rgba(255,255,255,.2); backdrop-filter: blur(calc(6*var(--u))); -webkit-backdrop-filter: blur(calc(6*var(--u))); font-size: calc(13*var(--u)); font-weight: 600; display: flex; align-items: center; justify-content: center; z-index: 4; transition: width .3s, height .3s, margin .3s, background .3s, font-size .3s; }
.s03-pt:hover, .s03-pt.is-on { width: calc(48*var(--u)); height: calc(48*var(--u)); margin: calc(-24*var(--u)) 0 0 calc(-24*var(--u)); background: rgba(255,43,43,.9); font-size: calc(16*var(--u)); }
.s03-pt:focus-visible { outline: calc(2*var(--u)) solid #fff; }

.s03-pop { left: calc(430*var(--u)); top: calc(340*var(--u)); width: calc(440*var(--u)); height: calc(300*var(--u)); border-radius: calc(32*var(--u)); background: rgba(10,10,10,.14); backdrop-filter: blur(calc(22*var(--u))) saturate(1.4); -webkit-backdrop-filter: blur(calc(22*var(--u))) saturate(1.4); border: 1px solid rgba(255,255,255,.16); box-shadow: 0 calc(24*var(--u)) calc(60*var(--u)) rgba(0,0,0,.25); pointer-events: none; z-index: 3; transition: left .45s cubic-bezier(.3,.7,.2,1), top .45s cubic-bezier(.3,.7,.2,1); }
.s03-pop-t { left: calc(28*var(--u)); top: calc(26*var(--u)); font-size: calc(24*var(--u)); font-weight: 600; letter-spacing: calc(-1*var(--u)); line-height: calc(29*var(--u)); transition: opacity .25s; }
.s03-pop-d { left: calc(28*var(--u)); top: calc(62*var(--u)); width: calc(380*var(--u)); letter-spacing: calc(-.15*var(--u)); font-size: calc(15*var(--u)); line-height: 1.45; color: rgba(255,255,255,.72); transition: opacity .25s; }
.s03-pop.is-sw .s03-pop-t, .s03-pop.is-sw .s03-pop-d { opacity: 0; }
.s03-ph { top: calc(112*var(--u)); width: calc(120*var(--u)); height: calc(160*var(--u)); border-radius: calc(16*var(--u)); overflow: hidden; pointer-events: auto; cursor: zoom-in; }
.s03-ph img { transition: transform .5s; }
.s03-ph:hover img { transform: scale(1.08); }

.s03-vf { left: calc(647*var(--u)); top: calc(678*var(--u)); width: calc(100*var(--u)); height: calc(100*var(--u)); pointer-events: none; z-index: 3; transition: left .4s cubic-bezier(.3,.7,.2,1), top .4s cubic-bezier(.3,.7,.2,1); }
.s03-vf i { position: absolute; background: rgba(255,255,255,.95); }
.s03-vf-t { left: 0; top: calc(-22*var(--u)); font-size: calc(11*var(--u)); font-weight: 700; letter-spacing: calc(1.54*var(--u)); color: rgba(255,255,255,.85); line-height: calc(14*var(--u)); }
.s03-num { left: calc(1333*var(--u)); top: calc(40*var(--u)); font-size: calc(12*var(--u)); font-weight: 700; letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,.95); white-space: pre; z-index: 6; }
.s03-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(1000*var(--u)); background: url(../img/03-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; z-index: 5; }

.s03-lb { position: fixed; inset: 0; z-index: 1000; background: rgba(5,5,5,.92); display: flex; align-items: center; justify-content: center; backdrop-filter: blur(calc(12*var(--u))); }
.s03-lb[hidden] { display: none; }
.s03-lb-img { max-width: 80vw; max-height: 86vh; border-radius: calc(20*var(--u)); object-fit: contain; }
.s03-lb-x, .s03-lb-n { position: absolute; width: calc(56*var(--u)); height: calc(56*var(--u)); border-radius: 50%; background: rgba(255,255,255,.14); font-size: calc(30*var(--u)); line-height: 1; }
.s03-lb-x { right: calc(32*var(--u)); top: calc(32*var(--u)); }
.s03-lb-prev { left: calc(32*var(--u)); top: 50%; margin-top: calc(-28*var(--u)); }
.s03-lb-next { right: calc(32*var(--u)); top: 50%; margin-top: calc(-28*var(--u)); }
.s03-lb-x:hover, .s03-lb-n:hover { background: rgba(255,255,255,.28); }
@media (prefers-reduced-motion: reduce) { .s03-glow { animation: none; opacity: .5; } .s03-pop, .s03-vf, .s03-dot, .s03-pt, .s03-ph img { transition: none; } }

.s03-mo, .s03-tm { display: none; }
.s03-lead i { font-style: normal; }

/* == 03-zones.m390.css == */
@media (max-width: 599px) {
.s03 { height: calc(895*var(--u)); }
.s03-h { left: calc(18*var(--u)); top: calc(56*var(--u)); font-size: calc(32*var(--u)); line-height: .96; letter-spacing: calc(2.2*var(--u)); transform: none; white-space: nowrap; }
.s03-h br { display: none; }
.s03-lead { left: calc(20*var(--u)); top: calc(97*var(--u)); width: calc(350*var(--u)); font-size: calc(15*var(--u)); letter-spacing: calc(-.3*var(--u)); }
.s03-td { display: none; }
.s03-tm { display: inline; }
.s03-mo { display: block; }
.s03-it, .s03-dot, .s03-photo, .s03-fade { display: none; }

.s03-chips { left: 0; top: calc(159*var(--u)); width: calc(390*var(--u)); height: calc(34*var(--u)); display: flex; gap: calc(8*var(--u)); padding-left: calc(20*var(--u)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; z-index: 6; }
.s03-chips::-webkit-scrollbar { display: none; }
.s03-ch { flex: none; height: calc(34*var(--u)); border-radius: calc(17*var(--u)); padding: 0 calc(18*var(--u)); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.14); font-size: calc(13*var(--u)); font-weight: 500; letter-spacing: calc(-.1*var(--u)); white-space: nowrap; color: #fff; transition: background .3s; }
.s03-ch.is-on { background: var(--red); border-color: transparent; font-weight: 600; padding: 0 calc(16*var(--u)); }
.s03-chend { flex: none; width: calc(12*var(--u)); }

.s03-photo-m { left: 0; top: calc(213*var(--u)); width: calc(390*var(--u)); height: calc(480*var(--u)); object-fit: cover; object-position: 50% 76%; }
.s03-fade-t { left: 0; top: calc(213*var(--u)); width: calc(390*var(--u)); height: calc(80*var(--u)); background: linear-gradient(180deg, #0a0a0a, rgba(10,10,10,0)); }
.s03-fade-b { left: 0; top: calc(593*var(--u)); width: calc(390*var(--u)); height: calc(100*var(--u)); background: linear-gradient(0deg, #0a0a0a, rgba(10,10,10,0)); }
.s03-glow { left: calc(210*var(--u)); top: calc(53*var(--u)); width: calc(320*var(--u)); height: calc(300*var(--u)); }
.s03-glow img { left: -34.38%; top: -36.67%; width: 168.76%; height: 173.34%; }

.s03-pt, .s03-pt:hover { width: calc(26*var(--u)); height: calc(26*var(--u)); margin: calc(-13*var(--u)) 0 0 calc(-13*var(--u)); font-size: calc(11*var(--u)); background: rgba(255,255,255,.2); }
.s03-pt.is-on { width: calc(36*var(--u)); height: calc(36*var(--u)); margin: calc(-18*var(--u)) 0 0 calc(-18*var(--u)); font-size: calc(13*var(--u)); background: rgba(255,43,43,.9); }
.s03-pt { z-index: 3; }
.s03-pop { z-index: 4; }
.s03-pt::after { content: ""; position: absolute; inset: calc(-9*var(--u)); }
.s03-pt[data-z="0"] { left: calc(195*var(--u)) !important; top: calc(435.07*var(--u)) !important; }
.s03-pt[data-z="1"] { left: calc(310.23*var(--u)) !important; top: calc(457.23*var(--u)) !important; }
.s03-pt[data-z="2"] { left: calc(60.72*var(--u)) !important; top: calc(543.65*var(--u)) !important; }
.s03-pt[data-z="3"] { left: calc(195*var(--u)) !important; top: calc(594.17*var(--u)) !important; }
.s03-pt[data-z="4"] { left: calc(195*var(--u)) !important; top: calc(349.09*var(--u)) !important; }
.s03-pt[data-z="5"] { left: calc(231.34*var(--u)) !important; top: calc(384.99*var(--u)) !important; }
.s03-pt[data-z="6"] { left: calc(122.76*var(--u)) !important; top: calc(377.45*var(--u)) !important; }

.s03-vf { width: calc(72*var(--u)); height: calc(72*var(--u)); }
.s03-vf i { left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; }
.s03-vf i:nth-of-type(1) { left:0 !important;top:0 !important; width: calc(12*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s03-vf i:nth-of-type(2) { left:0 !important;top:0 !important; width: calc(2*var(--u)) !important; height: calc(12*var(--u)) !important; }
.s03-vf i:nth-of-type(3) { right:0 !important;top:0 !important; width: calc(12*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s03-vf i:nth-of-type(4) { right:0 !important;top:0 !important; width: calc(2*var(--u)) !important; height: calc(12*var(--u)) !important; }
.s03-vf i:nth-of-type(5) { left:0 !important;bottom:0 !important; width: calc(12*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s03-vf i:nth-of-type(6) { left:0 !important;bottom:0 !important; width: calc(2*var(--u)) !important; height: calc(12*var(--u)) !important; }
.s03-vf i:nth-of-type(7) { right:0 !important;bottom:0 !important; width: calc(12*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s03-vf i:nth-of-type(8) { right:0 !important;bottom:0 !important; width: calc(2*var(--u)) !important; height: calc(12*var(--u)) !important; }

.s03-pop { left: calc(20*var(--u)) !important; top: calc(623*var(--u)) !important; width: calc(350*var(--u)); height: calc(216*var(--u)); border-radius: calc(22*var(--u)); }
.s03-pop-t { left: calc(18*var(--u)); top: calc(16*var(--u)); font-size: calc(19*var(--u)); letter-spacing: calc(-.38*var(--u)); line-height: calc(23*var(--u)); }
.s03-pop-d { left: calc(18*var(--u)); top: calc(46*var(--u)); width: calc(314*var(--u)); font-size: calc(13*var(--u)); letter-spacing: calc(-.1*var(--u)); }
.s03-ph { top: calc(78*var(--u)); width: calc(98*var(--u)); height: calc(120*var(--u)); border-radius: calc(14*var(--u)); }
.s03-ph[data-k="0"] { left: calc(18*var(--u)) !important; }
.s03-ph[data-k="1"] { left: calc(126*var(--u)) !important; }
.s03-ph[data-k="2"] { left: calc(234*var(--u)) !important; }

.s03-num { left: calc(314*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s03-grain { width: calc(390*var(--u)); height: calc(895*var(--u)); }
.s03-lb-img { max-width: 94vw; }
.s03-lb-x, .s03-lb-n { width: calc(44*var(--u)); height: calc(44*var(--u)); }
.s03-lb-x { right: calc(12*var(--u)); top: calc(12*var(--u)); }
.s03-lb-prev { left: calc(8*var(--u)); margin-top: calc(-22*var(--u)); }
.s03-lb-next { right: calc(8*var(--u)); margin-top: calc(-22*var(--u)); }
.s03-t390 { display: none !important; }

}
/* == 03-zones.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
.s03 { height: calc(987*var(--u)); }
.s03-h { left: calc(38*var(--u)); top: calc(80*var(--u)); font-size: calc(60*var(--u)); line-height: .96; letter-spacing: calc(3.75*var(--u)); transform: none; white-space: nowrap; }
.s03-h br { display: none; }
.s03-lead { left: calc(40*var(--u)); top: calc(150*var(--u)); width: calc(520*var(--u)); font-size: calc(17*var(--u)); letter-spacing: calc(-.3*var(--u)); }
.s03-td { display: none; }
.s03-tm { display: inline; }
.s03-mo { display: block; }
.s03-it, .s03-dot, .s03-photo, .s03-fade { display: none; }

.s03-chips { left: 0; top: calc(199*var(--u)); width: calc(768*var(--u)); height: calc(40*var(--u)); display: flex; gap: calc(8*var(--u)); padding-left: calc(40*var(--u)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; z-index: 6; }
.s03-chips::-webkit-scrollbar { display: none; }
.s03-ch { flex: none; height: calc(40*var(--u)); border-radius: calc(20*var(--u)); padding: 0 calc(18*var(--u)); background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.14); font-size: calc(14*var(--u)); font-weight: 500; letter-spacing: calc(-.1*var(--u)); white-space: nowrap; color: #fff; transition: background .3s; }
.s03-ch.is-on { background: var(--red); border-color: transparent; font-weight: 600; padding: 0 calc(16*var(--u)); }
.s03-chend { flex: none; width: calc(32*var(--u)); }

.s03-photo-m { left: 0; top: calc(267*var(--u)); width: calc(768*var(--u)); height: calc(720*var(--u)); object-fit: cover; object-position: 50% 56.74%; }
.s03-fade-t { left: 0; top: calc(267*var(--u)); width: calc(768*var(--u)); height: calc(120*var(--u)); background: linear-gradient(180deg, #0a0a0a, rgba(10,10,10,0)); }
.s03-fade-b { left: 0; top: calc(847*var(--u)); width: calc(768*var(--u)); height: calc(140*var(--u)); background: linear-gradient(0deg, #0a0a0a, rgba(10,10,10,0)); }
.s03-glow { left: calc(468*var(--u)); top: calc(67*var(--u)); width: calc(560*var(--u)); height: calc(420*var(--u)); }
.s03-glow img { left: -28.57%; top: -38.1%; width: 157.14%; height: 176.2%; }

.s03-pt, .s03-pt:hover { width: calc(32*var(--u)); height: calc(32*var(--u)); margin: calc(-16*var(--u)) 0 0 calc(-16*var(--u)); font-size: calc(12*var(--u)); background: rgba(255,255,255,.2); }
.s03-pt.is-on { width: calc(44*var(--u)); height: calc(44*var(--u)); margin: calc(-22*var(--u)) 0 0 calc(-22*var(--u)); font-size: calc(15*var(--u)); background: rgba(255,43,43,.9); }
.s03-pt { z-index: 3; }
.s03-pop { z-index: 4; }
.s03-pt::after { content: ""; position: absolute; inset: calc(-8*var(--u)); }
.s03-pt[data-z="0"] { left: calc(384*var(--u)) !important; top: calc(591.68*var(--u)) !important; }
.s03-pt[data-z="1"] { left: calc(610.91*var(--u)) !important; top: calc(635.32*var(--u)) !important; }
.s03-pt[data-z="2"] { left: calc(119.56*var(--u)) !important; top: calc(805.5*var(--u)) !important; }
.s03-pt[data-z="3"] { left: calc(384*var(--u)) !important; top: calc(904.99*var(--u)) !important; }
.s03-pt[data-z="4"] { left: calc(384*var(--u)) !important; top: calc(422.37*var(--u)) !important; }
.s03-pt[data-z="5"] { left: calc(455.56*var(--u)) !important; top: calc(493.07*var(--u)) !important; }
.s03-pt[data-z="6"] { left: calc(241.75*var(--u)) !important; top: calc(478.23*var(--u)) !important; }

.s03-vf { width: calc(92*var(--u)); height: calc(92*var(--u)); }
.s03-vf i { left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; }
.s03-vf i:nth-of-type(1) { left:0 !important;top:0 !important; width: calc(16*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s03-vf i:nth-of-type(2) { left:0 !important;top:0 !important; width: calc(2*var(--u)) !important; height: calc(16*var(--u)) !important; }
.s03-vf i:nth-of-type(3) { right:0 !important;top:0 !important; width: calc(16*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s03-vf i:nth-of-type(4) { right:0 !important;top:0 !important; width: calc(2*var(--u)) !important; height: calc(16*var(--u)) !important; }
.s03-vf i:nth-of-type(5) { left:0 !important;bottom:0 !important; width: calc(16*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s03-vf i:nth-of-type(6) { left:0 !important;bottom:0 !important; width: calc(2*var(--u)) !important; height: calc(16*var(--u)) !important; }
.s03-vf i:nth-of-type(7) { right:0 !important;bottom:0 !important; width: calc(16*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s03-vf i:nth-of-type(8) { right:0 !important;bottom:0 !important; width: calc(2*var(--u)) !important; height: calc(16*var(--u)) !important; }

.s03-pop { left: calc(328*var(--u)) !important; top: calc(691*var(--u)) !important; width: calc(400*var(--u)); height: calc(256*var(--u)); border-radius: calc(28*var(--u)); }
.s03-pop-t { left: calc(24*var(--u)); top: calc(22*var(--u)); font-size: calc(22*var(--u)); letter-spacing: calc(-.44*var(--u)); line-height: calc(26*var(--u)); }
.s03-pop-d { left: calc(24*var(--u)); top: calc(56*var(--u)); width: calc(352*var(--u)); font-size: calc(14*var(--u)); letter-spacing: calc(-.1*var(--u)); }
.s03-ph { top: calc(92*var(--u)); width: calc(112*var(--u)); height: calc(140*var(--u)); border-radius: calc(14*var(--u)); }
.s03-ph[data-k="0"] { left: calc(24*var(--u)) !important; }
.s03-ph[data-k="1"] { left: calc(146*var(--u)) !important; }
.s03-ph[data-k="2"] { left: calc(268*var(--u)) !important; }

.s03-num { left: calc(666*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s03-grain { width: calc(768*var(--u)); height: calc(987*var(--u)); }
.s03-lb-img { max-width: 92vw; }
.s03-lb-x, .s03-lb-n { width: calc(48*var(--u)); height: calc(48*var(--u)); }
.s03-lb-x { right: calc(16*var(--u)); top: calc(16*var(--u)); }
.s03-lb-prev { left: calc(12*var(--u)); margin-top: calc(-24*var(--u)); }
.s03-lb-next { right: calc(12*var(--u)); margin-top: calc(-24*var(--u)); }

}
/* == 04-verdict.css == */
.s04 { height: calc(920*var(--u)); }
.s04-lead { left: calc(40*var(--u)); top: calc(72*var(--u)); font: 500 calc(15*var(--u))/normal var(--f-text); letter-spacing: calc(0.15*var(--u)); color: rgba(255,255,255,0.55); }
.s04-row { left: 0; width: calc(1440*var(--u)); height: calc(236*var(--u)); cursor: default; }
.s04-r1 { top: calc(130*var(--u)); } .s04-r2 { top: calc(366*var(--u)); } .s04-r3 { top: calc(602*var(--u)); }
.s04-fill { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(236*var(--u)); background: #fff; opacity: 0; transition: opacity .35s ease; }
.s04-line { left: calc(40*var(--u)); top: 0; width: calc(1360*var(--u)); height: 1px; background: rgba(255,255,255,0.16); transition: opacity .35s ease; }
.s04-endline { left: calc(40*var(--u)); top: calc(236*var(--u)); width: calc(1360*var(--u)); height: 1px; background: rgba(255,255,255,0.16); }
.s04-idx { left: calc(1360*var(--u)); top: calc(20*var(--u)); font: 700 calc(12*var(--u))/normal var(--f-text); letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,0.9); transition: color .35s ease; }
.s04-title { left: calc(36*var(--u)); top: calc(76*var(--u)); font-weight: 900; font-size: calc(88*var(--u)); letter-spacing: calc(15.5*var(--u)); line-height: 0.96; color: #fff; transition: color .35s ease; }
.s04-r2 .s04-title { letter-spacing: calc(16.1*var(--u)); }
.s04-title.s04-red { letter-spacing: calc(13.4*var(--u)); color: #ff2b2b; }
.s04-desc { left: calc(1100*var(--u)); top: calc(76*var(--u)); width: calc(300*var(--u)); font: 400 calc(18*var(--u))/1.45 var(--f-text); color: rgba(255,255,255,0.7); transition: color .35s ease, transform .45s cubic-bezier(.2,.7,.2,1), font-size .35s ease; }
.s04-row.is-on .s04-fill { opacity: 1; }
.s04-row.is-on .s04-line { opacity: 0; }
.s04-row.is-on .s04-idx { color: rgba(10,10,10,0.5); }
.s04-row.is-on .s04-title:not(.s04-red) { color: #0a0a0a; }
.s04-row.is-on .s04-desc { color: rgba(10,10,10,0.8); font-size: calc(16*var(--u)); }
.s04-r2.is-on .s04-desc { transform: translateY(calc(74*var(--u))); }
.s04-r1.is-on .s04-desc, .s04-r3.is-on .s04-desc { color: rgba(10,10,10,0.8); }
/* кадр-стикер: выпрыгивает при наведении */
.s04-sticker { left: calc(1180*var(--u)); top: calc(-37*var(--u)); width: calc(150*var(--u)); height: calc(186*var(--u)); object-fit: cover; border-radius: calc(18*var(--u)); pointer-events: none; opacity: 0; transform: translateY(calc(24*var(--u))) rotate(-8deg) scale(.7); transition: opacity .3s ease, transform .5s cubic-bezier(.3,1.5,.5,1); box-shadow: 0 calc(12*var(--u)) calc(30*var(--u)) rgba(0,0,0,.25); }
.s04-r2.is-on .s04-sticker { opacity: 1; transform: rotate(6deg) scale(1); }
/* маркер «подчёркнуто» */
.s04-marker { left: calc(-56*var(--u)); top: calc(660*var(--u)); width: calc(821*var(--u)); height: calc(222*var(--u)); overflow: visible; pointer-events: none; }
.s04-marker path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.1s cubic-bezier(.5,0,.2,1) .25s; }
.s04.is-in .s04-marker path { stroke-dashoffset: 0; }
.s04-glow { mix-blend-mode: screen; pointer-events: none; }
.s04-glow img { position: absolute; display: block; max-width: none; width: 100%; height: 100%; }
.s04-glow1 { left: calc(-420*var(--u)); top: calc(560*var(--u)); width: calc(720*var(--u)); height: calc(520*var(--u)); }
.s04-glow1 img { inset: -34.62% -25%; width: 150%; height: 169.24%; }
.s04-glow2 { left: calc(1240*var(--u)); top: calc(-200*var(--u)); width: calc(520*var(--u)); height: calc(400*var(--u)); }
.s04-glow2 img { inset: -40% -30.77%; width: 161.54%; height: 180%; }
.s04-num { left: calc(1331*var(--u)); top: calc(40*var(--u)); white-space: pre; font: 700 calc(12*var(--u))/normal var(--f-text); letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,0.95); }
.s04-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(920*var(--u)); background: url(../img/04-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .s04-fill, .s04-line, .s04-idx, .s04-title, .s04-desc, .s04-sticker, .s04-marker path { transition: none; }
}

/* == 04-verdict.m390.css == */
@media (max-width: 599px) {
/* Секция 04 · телефон · макет 41:1661 (390 x 598) */
.s04 { height: calc(598*var(--u)); }
.s04-lead { left: calc(20*var(--u)); top: calc(40*var(--u)); font-size: calc(12*var(--u)); letter-spacing: calc(0.12*var(--u)); }
.s04-row { width: calc(390*var(--u)); height: calc(156*var(--u)); }
.s04-r1 { top: calc(74*var(--u)); } .s04-r2 { top: calc(230*var(--u)); } .s04-r3 { top: calc(386*var(--u)); }
.s04-fill { width: calc(390*var(--u)); height: calc(156*var(--u)); }
.s04-line { left: calc(20*var(--u)); width: calc(350*var(--u)); }
.s04-endline { left: calc(20*var(--u)); top: calc(156*var(--u)); width: calc(350*var(--u)); }
.s04-idx { left: calc(346*var(--u)); top: calc(12*var(--u)); font-size: calc(9*var(--u)); letter-spacing: calc(1.26*var(--u)); }
.s04-title { left: calc(18*var(--u)); top: calc(21.5*var(--u)); font-size: calc(30*var(--u)); letter-spacing: calc(5.3*var(--u)); }
.s04-r2 .s04-title { letter-spacing: calc(5.5*var(--u)); }
.s04-title.s04-red { letter-spacing: calc(4.5*var(--u)); }
.s04-desc { left: calc(20*var(--u)); top: calc(59*var(--u)); width: calc(310*var(--u)); font-size: calc(14*var(--u)); }
.s04-r2 .s04-desc { width: calc(262*var(--u)); }
.s04-row.is-on .s04-desc { font-size: calc(14*var(--u)); }
.s04-r2.is-on .s04-desc { transform: none; }
.s04-sticker { left: calc(301.7*var(--u)); top: calc(62.1*var(--u)); width: calc(64*var(--u)); height: calc(79.36*var(--u)); border-radius: calc(10*var(--u)); }
.s04-marker { left: calc(-13*var(--u)); top: calc(398*var(--u)); width: calc(279*var(--u)); height: calc(84*var(--u)); }
.s04-glow1 { left: calc(-220*var(--u)); top: calc(322*var(--u)); width: calc(360*var(--u)); height: calc(300*var(--u)); }
.s04-glow1 img { inset: auto; left: -30.56%; top: -36.67%; width: 161.12%; height: 173.34%; }
.s04-glow2 { left: calc(250*var(--u)); top: calc(-120*var(--u)); width: calc(260*var(--u)); height: calc(240*var(--u)); }
.s04-glow2 img { inset: auto; left: -38.46%; top: -41.67%; width: 176.92%; height: 183.34%; }
.s04-num { left: calc(313*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s04-grain { width: calc(390*var(--u)); height: calc(598*var(--u)); }

}
/* == 04-verdict.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
/* Секция 04 · планшет · макет 41:1321 (768 x 746) */
.s04 { height: calc(746*var(--u)); }
.s04-lead { left: calc(40*var(--u)); top: calc(72*var(--u)); font-size: calc(14*var(--u)); letter-spacing: calc(0.14*var(--u)); }
.s04-row { width: calc(768*var(--u)); height: calc(184*var(--u)); }
.s04-r1 { top: calc(114*var(--u)); } .s04-r2 { top: calc(298*var(--u)); } .s04-r3 { top: calc(482*var(--u)); }
.s04-fill { width: calc(768*var(--u)); height: calc(184*var(--u)); }
.s04-line { left: calc(40*var(--u)); width: calc(688*var(--u)); }
.s04-endline { left: calc(40*var(--u)); top: calc(184*var(--u)); width: calc(688*var(--u)); }
.s04-idx { left: calc(698*var(--u)); top: calc(12*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s04-title { left: calc(38*var(--u)); top: calc(30*var(--u)); font-size: calc(47*var(--u)); letter-spacing: calc(8.3*var(--u)); }
.s04-r2 .s04-title { letter-spacing: calc(8.6*var(--u)); }
.s04-title.s04-red { letter-spacing: calc(7.1*var(--u)); }
.s04-desc { left: calc(40*var(--u)); top: calc(87*var(--u)); width: calc(460*var(--u)); font-size: calc(16*var(--u)); }
.s04-desc { letter-spacing: calc(-0.14*var(--u)); }
.s04-r2 .s04-desc { width: calc(420*var(--u)); }
.s04-r3 .s04-desc { width: calc(360*var(--u)); }
.s04-row.is-on .s04-desc { font-size: calc(16*var(--u)); }
.s04-r2.is-on .s04-desc { transform: none; }
.s04-sticker { left: calc(589.9*var(--u)); top: calc(23.5*var(--u)); width: calc(120*var(--u)); height: calc(148.8*var(--u)); border-radius: calc(16*var(--u)); }
.s04-marker { left: calc(-12*var(--u)); top: calc(499*var(--u)); width: calc(440*var(--u)); height: calc(128*var(--u)); }
.s04-glow1 { left: calc(-320*var(--u)); top: calc(366*var(--u)); width: calc(560*var(--u)); height: calc(420*var(--u)); }
.s04-glow1 img { inset: auto; left: -28.57%; top: -38.1%; width: 157.14%; height: 176.2%; }
.s04-glow2 { left: calc(548*var(--u)); top: calc(-160*var(--u)); width: calc(420*var(--u)); height: calc(320*var(--u)); }
.s04-glow2 img { inset: auto; left: -33.33%; top: -43.75%; width: 166.66%; height: 187.5%; }
.s04-num { left: calc(665*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s04-grain { width: calc(768*var(--u)); height: calc(746*var(--u)); }

}
/* == 05-dossier.css == */
.s05 { height: calc(1000*var(--u)); }
.s05-h { left: calc(40*var(--u)); top: calc(96*var(--u)); font-weight: 900; font-size: calc(55*var(--u)); letter-spacing: calc(7.9*var(--u)); line-height: 0.96; color: #fff; }
.s05-sub { left: calc(40*var(--u)); top: calc(167*var(--u)); width: calc(520*var(--u)); font: 400 calc(18*var(--u))/1.45 var(--f-text); color: rgba(255,255,255,0.72); }
.s05-arr { top: calc(150*var(--u)); width: calc(64*var(--u)); height: calc(64*var(--u)); border-radius: 50%; }
.s05-arr-l { left: calc(1264*var(--u)); } .s05-arr-r { left: calc(1336*var(--u)); }
.s05-arr img { position: absolute; inset: 0; width: 100%; height: 100%; transition: transform .25s ease; }
.s05-arr span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font: 500 calc(22*var(--u))/1 var(--f-text); color: #fff; }
.s05-arr-r span { color: #0a0a0a; }
.s05-arr:hover img { transform: scale(1.08); }
.s05-arr:active img { transform: scale(.96); }

.s05-list { left: calc(40*var(--u)); top: calc(300*var(--u)); width: calc(1360*var(--u)); height: calc(640*var(--u)); display: flex; gap: calc(12*var(--u)); }
.s05-card { position: relative; flex: 0 0 calc(148*var(--u)); width: calc(148*var(--u)); height: calc(640*var(--u)); border-radius: calc(32*var(--u)); background: #1c1c1e; overflow: hidden; cursor: pointer; outline: none; transition: flex-basis .7s cubic-bezier(.65,0,.2,1), width .7s cubic-bezier(.65,0,.2,1); }
.s05-card.is-open { flex-basis: calc(720*var(--u)); width: calc(720*var(--u)); cursor: default; }
.s05-photo { position: absolute; left: 0; top: 0; height: calc(640*var(--u)); width: calc(148*var(--u)); overflow: hidden; transition: width .7s cubic-bezier(.65,0,.2,1); }
.s05-card.is-open .s05-photo { width: calc(300*var(--u)); cursor: zoom-in; }
.s05-photo img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.s05-chip { position: absolute; left: calc(18*var(--u)); top: calc(18*var(--u)); height: calc(34*var(--u)); padding: 0 calc(18*var(--u)); border-radius: calc(17*var(--u)); background: rgba(255,255,255,0.2); -webkit-backdrop-filter: blur(calc(8*var(--u))); backdrop-filter: blur(calc(8*var(--u))); font: 500 calc(13*var(--u))/calc(34*var(--u)) var(--f-text); color: #fff; white-space: nowrap; }
.s05-glass { position: absolute; left: calc(50*var(--u)); top: calc(340*var(--u)); width: calc(48*var(--u)); height: calc(276*var(--u)); border-radius: calc(24*var(--u)); background: rgba(10,10,10,0.16); -webkit-backdrop-filter: blur(calc(14*var(--u))); backdrop-filter: blur(calc(14*var(--u))); box-shadow: inset 0 1px 0 rgba(255,255,255,0.28), inset 0 0 0 1px rgba(255,255,255,0.08); display: flex; align-items: flex-end; justify-content: center; padding-bottom: calc(20*var(--u)); opacity: 1; transition: opacity .3s ease .3s; }
.s05-vert { writing-mode: vertical-rl; transform: rotate(180deg); font: 600 calc(17*var(--u))/calc(22*var(--u)) var(--f-text); color: #fff; white-space: nowrap; }
.s05-card.is-open .s05-glass { opacity: 0; transition-delay: 0s; pointer-events: none; }
.s05-card:not(.is-open):hover .s05-photo img { transform: scale(1.04); }
.s05-photo img { transition: transform .6s ease; }

.s05-body { position: absolute; left: 0; top: 0; width: calc(720*var(--u)); height: calc(640*var(--u)); opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.s05-card.is-open .s05-body { opacity: 1; pointer-events: auto; transition: opacity .4s ease .35s; }
.s05-name { left: calc(332*var(--u)); top: calc(30*var(--u)); font: 600 calc(32*var(--u))/normal var(--f-text); letter-spacing: calc(-0.64*var(--u)); color: #fff; }
.s05-meta { left: calc(332*var(--u)); top: calc(76*var(--u)); font: 500 calc(14*var(--u))/normal var(--f-text); letter-spacing: calc(0.14*var(--u)); color: rgba(255,255,255,0.5); }
.s05-th { width: calc(114.667*var(--u)); height: calc(114.667*var(--u)); border-radius: calc(14*var(--u)); overflow: hidden; padding: 0; cursor: zoom-in; }
.s05-th img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--p, 50% 50%); transition: transform .4s ease; }
.s05-th:hover img { transform: scale(1.08); }
.s05-th1 { left: calc(332*var(--u)); top: calc(112*var(--u)); } .s05-th2 { left: calc(454.67*var(--u)); top: calc(112*var(--u)); } .s05-th3 { left: calc(577.33*var(--u)); top: calc(112*var(--u)); }
.s05-th4 { left: calc(332*var(--u)); top: calc(234.67*var(--u)); } .s05-th5 { left: calc(454.67*var(--u)); top: calc(234.67*var(--u)); } .s05-th6 { left: calc(577.33*var(--u)); top: calc(234.67*var(--u)); }
.s05-text { left: calc(332*var(--u)); top: calc(371.33*var(--u)); width: calc(360*var(--u)); font: 400 calc(16*var(--u))/1.45 var(--f-text); color: rgba(255,255,255,0.72); }
.s05-lbl { left: calc(332*var(--u)); top: calc(521*var(--u)); font: 500 calc(14*var(--u))/normal var(--f-text); letter-spacing: calc(0.14*var(--u)); color: rgba(255,255,255,0.5); }
.s05-sum { left: calc(332*var(--u)); top: calc(567*var(--u)); font-weight: 900; font-size: calc(39*var(--u)); letter-spacing: calc(6.9*var(--u)); line-height: 0.96; color: #fff; }
.s05-mark { left: calc(257*var(--u)); top: calc(498*var(--u)); width: calc(464*var(--u)); height: calc(173*var(--u)); overflow: visible; pointer-events: none; }
.s05-mark path { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .9s cubic-bezier(.5,0,.2,1); }
.s05-card.is-open .s05-mark path { stroke-dashoffset: 0; transition-delay: .7s; }

.s05-glow { mix-blend-mode: screen; pointer-events: none; }
.s05-glow img { position: absolute; display: block; max-width: none; }
.s05-glow1 { left: calc(1180*var(--u)); top: calc(-240*var(--u)); width: calc(600*var(--u)); height: calc(460*var(--u)); }
.s05-glow1 img { left: -28.33%; top: -36.96%; width: 156.66%; height: 173.92%; }
.s05-glow2 { left: calc(-380*var(--u)); top: calc(760*var(--u)); width: calc(600*var(--u)); height: calc(420*var(--u)); }
.s05-glow2 img { left: -28.33%; top: -40.48%; width: 156.66%; height: 180.96%; }
.s05-num { left: calc(1333*var(--u)); top: calc(40*var(--u)); white-space: pre; font: 700 calc(12*var(--u))/normal var(--f-text); letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,0.95); }
.s05-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(1000*var(--u)); background: url(../img/05-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; }

/* Досье на весь экран */
.s05-ov { position: fixed; inset: 0; z-index: 1000; background: #0a0a0a; opacity: 0; transition: opacity .35s ease; overflow-y: auto; overflow-x: hidden; }
.s05-ov[hidden] { display: none; }
.s05-ov.is-on { opacity: 1; }
.s05-ov-title { left: calc(40*var(--u)); top: calc(28*var(--u)); font: 500 calc(15*var(--u))/normal var(--f-text); letter-spacing: calc(0.15*var(--u)); color: rgba(255,255,255,0.8); }
.s05-ov-x { left: calc(1356*var(--u)); top: calc(16*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); border-radius: 50%; background: rgba(255,255,255,0.12); font-size: calc(16*var(--u)); color: #fff; }
.s05-ov-x:hover { background: rgba(255,255,255,0.22); }
.s05-ov-grid { position: absolute; left: 0; top: 0; width: calc(1440*var(--u)); height: calc(460*var(--u)); }
.s05-ov-grid button { position: absolute; width: calc(88*var(--u)); height: calc(64*var(--u)); border-radius: calc(6*var(--u)); overflow: hidden; padding: 0; transition: transform .25s ease; }
.s05-ov-grid button:hover { transform: scale(1.1); z-index: 2; }
.s05-ov-grid img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.s05-ov-view { position: fixed; inset: 0; background: rgba(10,10,10,.96); }
.s05-ov-view[hidden] { display: none; }
.s05-ov-view > img { position: absolute; left: 50%; top: 50%; width: calc(1100*var(--u)); height: calc(700*var(--u)); max-width: 92vw; max-height: 86vh; transform: translate(-50%, -50%); object-fit: contain; }
.s05-ov-nav { top: 50%; margin-top: calc(-32*var(--u)); width: calc(64*var(--u)); height: calc(64*var(--u)); border-radius: 50%; background: rgba(255,255,255,0.14); font: 500 calc(22*var(--u))/1 var(--f-text); color: #fff; }
.s05-ov-nav:hover { background: rgba(255,255,255,0.28); }
.s05-ov-prev { left: calc(40*var(--u)); } .s05-ov-next { right: calc(40*var(--u)); left: auto; }
.s05-ov-cnt { left: calc(40*var(--u)); top: calc(28*var(--u)); font: 500 calc(15*var(--u))/normal var(--f-text); color: rgba(255,255,255,0.8); }
.s05-ov-back { right: calc(40*var(--u)); left: auto; top: calc(20*var(--u)); height: calc(40*var(--u)); padding: 0 calc(20*var(--u)); border-radius: calc(20*var(--u)); background: rgba(255,255,255,0.14); font: 500 calc(14*var(--u))/calc(40*var(--u)) var(--f-text); color: #fff; }
@media (prefers-reduced-motion: reduce) {
  .s05-card, .s05-photo, .s05-body, .s05-glass, .s05-mark path, .s05-ov, .s05-photo img { transition: none !important; }
}

/* мобильные дубли подписи: скрыты на десктопе */
.s05-m768, .s05-m390 { display: none; }

/* == 05-dossier.m390.css == */
@media (max-width: 599px) {
/* Секция 05 · телефон · макет 41:1685 (390 x 856) */
.s05 { height: calc(856*var(--u)); }
.s05-h { left: calc(18*var(--u)); top: calc(56*var(--u)); width: calc(300*var(--u)); white-space: normal; font-size: calc(30*var(--u)); letter-spacing: calc(3.7*var(--u)); }
.s05-sub { display: none; }
.s05-sub.s05-m390 { display: block; left: calc(20*var(--u)); top: calc(126*var(--u)); width: calc(350*var(--u)); font-size: calc(15*var(--u)); }
.s05-arr { display: none; }

.s05-list { left: 0; top: calc(194*var(--u)); width: calc(390*var(--u)); height: calc(605.333*var(--u)); gap: calc(10*var(--u)); padding: 0 calc(20*var(--u)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.s05-list::-webkit-scrollbar { display: none; }
.s05-card { flex: 0 0 calc(76*var(--u)); width: calc(76*var(--u)); height: calc(605.333*var(--u)); border-radius: calc(24*var(--u)); }
.s05-card.is-open { flex-basis: calc(300*var(--u)); width: calc(300*var(--u)); }
.s05-photo { width: calc(76*var(--u)); height: calc(605.333*var(--u)); transition: width .7s cubic-bezier(.65,0,.2,1), height .7s cubic-bezier(.65,0,.2,1); }
.s05-card.is-open .s05-photo { width: calc(300*var(--u)); height: calc(180*var(--u)); }
.s05-card.is-open .s05-photo img { object-position: 50% 59%; }
.s05-chip { left: calc(10*var(--u)); top: calc(12*var(--u)); height: calc(28*var(--u)); padding: 0 calc(18*var(--u)); border-radius: calc(14*var(--u)); font-size: calc(11*var(--u)); line-height: calc(28*var(--u)); }
.s05-card.is-open .s05-chip { left: calc(14*var(--u)); top: calc(14*var(--u)); height: calc(30*var(--u)); border-radius: calc(15*var(--u)); font-size: calc(12*var(--u)); line-height: calc(30*var(--u)); }
.s05-glass { left: calc(19*var(--u)); top: calc(375.333*var(--u)); width: calc(38*var(--u)); height: calc(210*var(--u)); border-radius: calc(19*var(--u)); padding-bottom: calc(18*var(--u)); }
.s05-vert { font-size: calc(13*var(--u)); line-height: calc(17*var(--u)); }

.s05-body { width: calc(300*var(--u)); height: calc(605.333*var(--u)); }
.s05-name { left: calc(18*var(--u)); top: calc(196*var(--u)); font-size: calc(22*var(--u)); letter-spacing: calc(-0.44*var(--u)); }
.s05-meta { left: calc(18*var(--u)); top: calc(231*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(0.11*var(--u)); }
.s05-th { width: calc(82.667*var(--u)); height: calc(82.667*var(--u)); border-radius: calc(10*var(--u)); }
.s05-th1 { left: calc(18*var(--u)); top: calc(257*var(--u)); } .s05-th2 { left: calc(108.67*var(--u)); top: calc(257*var(--u)); } .s05-th3 { left: calc(199.33*var(--u)); top: calc(257*var(--u)); }
.s05-th4 { left: calc(18*var(--u)); top: calc(347.67*var(--u)); } .s05-th5 { left: calc(108.67*var(--u)); top: calc(347.67*var(--u)); } .s05-th6 { left: calc(199.33*var(--u)); top: calc(347.67*var(--u)); }
.s05-text { left: calc(18*var(--u)); top: calc(446.33*var(--u)); width: calc(264*var(--u)); font-size: calc(13*var(--u)); }
.s05-lbl { left: calc(18*var(--u)); top: calc(523.33*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(0.11*var(--u)); }
.s05-sum { left: calc(24*var(--u)); top: calc(549.33*var(--u)); font-size: calc(27*var(--u)); letter-spacing: calc(3.3*var(--u)); }
.s05-mark { left: calc(-28*var(--u)); top: calc(499.33*var(--u)); width: calc(322*var(--u)); height: calc(124*var(--u)); }

.s05-glow1 { left: calc(230*var(--u)); top: calc(-140*var(--u)); width: calc(320*var(--u)); height: calc(280*var(--u)); }
.s05-glow1 img { left: -34.38%; top: -39.29%; width: 168.76%; height: 178.58%; }
.s05-glow2 { left: calc(-200*var(--u)); top: calc(639.33*var(--u)); width: calc(320*var(--u)); height: calc(280*var(--u)); }
.s05-glow2 img { left: -34.38%; top: -39.29%; width: 168.76%; height: 178.58%; }
.s05-num { left: calc(314*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s05-grain { width: calc(390*var(--u)); height: calc(856*var(--u)); }

/* Досье на весь экран: плитки в потоке */
.s05-ov-title { position: fixed; left: calc(16*var(--u)); top: calc(14*var(--u)); width: calc(270*var(--u)); white-space: normal; font-size: calc(11*var(--u)); line-height: 1.3; z-index: 3; }
.s05-ov::before { content: ''; position: fixed; left: 0; right: 0; top: 0; height: calc(64*var(--u)); background: #0a0a0a; z-index: 2; }
.s05-ov-x { position: fixed; left: auto; right: calc(12*var(--u)); top: calc(10*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); z-index: 3; }
.s05-ov-grid { position: relative; left: auto; top: auto; width: 100%; height: auto; padding: calc(76*var(--u)) calc(12*var(--u)) calc(24*var(--u)); display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(6*var(--u)); }
.s05-ov-grid button { position: relative; width: auto; height: auto; aspect-ratio: 4 / 3; border-radius: calc(6*var(--u)); }
.s05-ov-grid button:hover { transform: none; }
.s05-ov-nav { width: calc(44*var(--u)); height: calc(44*var(--u)); margin-top: calc(-22*var(--u)); font-size: calc(18*var(--u)); }
.s05-ov-prev { left: calc(10*var(--u)); } .s05-ov-next { right: calc(10*var(--u)); left: auto; }
.s05-ov-cnt { left: calc(16*var(--u)); top: calc(22*var(--u)); }
.s05-ov-back { right: calc(12*var(--u)); top: calc(10*var(--u)); height: calc(44*var(--u)); line-height: calc(44*var(--u)); border-radius: calc(22*var(--u)); padding: 0 calc(16*var(--u)); }

}
/* == 05-dossier.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
/* Секция 05 · планшет · макет 41:1345 (768 x 1049) */
.s05 { height: calc(1049*var(--u)); }
.s05-h { left: calc(38*var(--u)); top: calc(80*var(--u)); font-size: calc(29*var(--u)); letter-spacing: calc(3.7*var(--u)); }
.s05-sub { display: none; }
.s05-sub.s05-m768 { display: block; left: calc(40*var(--u)); top: calc(124*var(--u)); width: calc(400*var(--u)); font-size: calc(17*var(--u)); letter-spacing: calc(-0.15*var(--u)); }
.s05-arr { top: calc(80*var(--u)); width: calc(56*var(--u)); height: calc(56*var(--u)); }
.s05-arr-l { left: calc(608*var(--u)); } .s05-arr-r { left: calc(672*var(--u)); }
.s05-arr span { font-size: calc(20*var(--u)); }

/* лента: листается по горизонтали, внутри секции (страница не скроллится вбок) */
.s05-list { left: 0; top: calc(206*var(--u)); width: calc(768*var(--u)); height: calc(762.667*var(--u)); gap: calc(10*var(--u)); padding: 0 calc(40*var(--u)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; }
.s05-list::-webkit-scrollbar { display: none; }
.s05-card { flex: 0 0 calc(104*var(--u)); width: calc(104*var(--u)); height: calc(762.667*var(--u)); border-radius: calc(28*var(--u)); }
.s05-card.is-open { flex-basis: calc(440*var(--u)); width: calc(440*var(--u)); }
.s05-photo { width: calc(104*var(--u)); height: calc(762.667*var(--u)); transition: width .7s cubic-bezier(.65,0,.2,1), height .7s cubic-bezier(.65,0,.2,1); }
.s05-card.is-open .s05-photo { width: calc(440*var(--u)); height: calc(220*var(--u)); }
.s05-card.is-open .s05-photo img { object-position: 50% 58%; }
.s05-chip { left: calc(10*var(--u)); top: calc(12*var(--u)); height: calc(28*var(--u)); padding: 0 calc(18*var(--u)); border-radius: calc(14*var(--u)); font-size: calc(11*var(--u)); line-height: calc(28*var(--u)); }
.s05-card.is-open .s05-chip { left: calc(14*var(--u)); top: calc(14*var(--u)); height: calc(30*var(--u)); border-radius: calc(15*var(--u)); font-size: calc(12*var(--u)); line-height: calc(30*var(--u)); }
.s05-glass { left: calc(30*var(--u)); top: calc(492.667*var(--u)); width: calc(44*var(--u)); height: calc(246*var(--u)); border-radius: calc(22*var(--u)); padding-bottom: calc(18*var(--u)); }
.s05-vert { font-size: calc(15*var(--u)); line-height: calc(20*var(--u)); }

.s05-body { width: calc(440*var(--u)); height: calc(762.667*var(--u)); }
.s05-name { left: calc(24*var(--u)); top: calc(240*var(--u)); font-size: calc(26*var(--u)); letter-spacing: calc(-0.52*var(--u)); }
.s05-meta { left: calc(24*var(--u)); top: calc(280*var(--u)); font-size: calc(13*var(--u)); letter-spacing: calc(0.13*var(--u)); }
.s05-th { width: calc(125.333*var(--u)); height: calc(125.333*var(--u)); border-radius: calc(10*var(--u)); }
.s05-th1 { left: calc(24*var(--u)); top: calc(313*var(--u)); } .s05-th2 { left: calc(157.33*var(--u)); top: calc(313*var(--u)); } .s05-th3 { left: calc(290.67*var(--u)); top: calc(313*var(--u)); }
.s05-th4 { left: calc(24*var(--u)); top: calc(446.33*var(--u)); } .s05-th5 { left: calc(157.33*var(--u)); top: calc(446.33*var(--u)); } .s05-th6 { left: calc(290.67*var(--u)); top: calc(446.33*var(--u)); }
.s05-text { left: calc(24*var(--u)); top: calc(589.67*var(--u)); width: calc(392*var(--u)); font-size: calc(15*var(--u)); }
.s05-lbl { left: calc(24*var(--u)); top: calc(657.67*var(--u)); font-size: calc(13*var(--u)); letter-spacing: calc(0.13*var(--u)); }
.s05-sum { left: calc(30*var(--u)); top: calc(688.67*var(--u)); font-size: calc(40*var(--u)); letter-spacing: calc(4.8*var(--u)); }
.s05-mark { left: calc(-38*var(--u)); top: calc(622.67*var(--u)); width: calc(458*var(--u)); height: calc(168*var(--u)); }

.s05-glow1 { left: calc(508*var(--u)); top: calc(-200*var(--u)); width: calc(500*var(--u)); height: calc(380*var(--u)); }
.s05-glow1 img { left: -30%; top: -39.47%; width: 160%; height: 178.94%; }
.s05-glow2 { left: calc(-300*var(--u)); top: calc(768.67*var(--u)); width: calc(500*var(--u)); height: calc(360*var(--u)); }
.s05-glow2 img { left: -30%; top: -41.67%; width: 160%; height: 183.34%; }
.s05-num { left: calc(667*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s05-grain { width: calc(768*var(--u)); height: calc(1049*var(--u)); }

/* Досье на весь экран: плитки в потоке */
.s05-ov-title { position: fixed; left: calc(24*var(--u)); top: calc(20*var(--u)); width: calc(600*var(--u)); white-space: normal; font-size: calc(13*var(--u)); line-height: 1.35; z-index: 3; }
.s05-ov::before { content: ''; position: fixed; left: 0; right: 0; top: 0; height: calc(72*var(--u)); background: #0a0a0a; z-index: 2; }
.s05-ov-x { position: fixed; left: auto; right: calc(24*var(--u)); top: calc(14*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); z-index: 3; }
.s05-ov-grid { position: relative; left: auto; top: auto; width: 100%; height: auto; padding: calc(88*var(--u)) calc(24*var(--u)) calc(32*var(--u)); display: grid; grid-template-columns: repeat(5, 1fr); gap: calc(8*var(--u)); }
.s05-ov-grid button { position: relative; width: auto; height: auto; aspect-ratio: 4 / 3; border-radius: calc(8*var(--u)); }
.s05-ov-grid button:hover { transform: none; }
.s05-ov-nav { width: calc(52*var(--u)); height: calc(52*var(--u)); margin-top: calc(-26*var(--u)); font-size: calc(20*var(--u)); }
.s05-ov-prev { left: calc(20*var(--u)); } .s05-ov-next { right: calc(20*var(--u)); left: auto; }
.s05-ov-cnt { left: calc(24*var(--u)); top: calc(24*var(--u)); }
.s05-ov-back { right: calc(24*var(--u)); top: calc(14*var(--u)); }

}
/* == 06-report.base.css == */
/* 06 · мобильные дубли: на десктопе скрыты, обёртка плёнок прозрачна для раскладки */
.s06-films { display: contents; }
.s06-t, .s06-mx { display: none; }
.s06-br2 { display: none; }

/* == 06-report.css == */
/* 06 · Пример отчёта */
.s06 { height: calc(1000*var(--u)); }
.s06-title { left: calc(40*var(--u)); top: calc(97*var(--u)); font-weight: 900; font-size: calc(53*var(--u)); line-height: calc(52*var(--u)); letter-spacing: calc(0.5*var(--u)); color: #fff; transform: scaleX(1.15); transform-origin: 0 0; }
.s06-lead { left: calc(40*var(--u)); top: calc(280*var(--u)); width: calc(420*var(--u)); font-size: calc(18*var(--u)); line-height: 1.45; letter-spacing: calc(-0.3*var(--u)); color: rgba(255,255,255,0.72); }
.s06-btn { left: calc(40*var(--u)); top: calc(398*var(--u)); width: calc(241*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); background: #fff; overflow: hidden; color: #0a0a0a; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.s06-btn:hover { transform: translateY(calc(-2*var(--u))); box-shadow: 0 calc(14*var(--u)) calc(40*var(--u)) rgba(255,43,43,0.28); }
.s06-btn-t { left: calc(28*var(--u)); top: calc(21*var(--u)); font-size: calc(17*var(--u)); font-weight: 500; line-height: normal; white-space: nowrap; }
.s06-btn-c { position: absolute; left: calc(183*var(--u)); top: calc(6*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.s06-btn-a { left: calc(200*var(--u)); top: calc(17.5*var(--u)); width: calc(18*var(--u)); font-size: calc(22*var(--u)); font-weight: 500; line-height: normal; color: #fff; text-align: center; transition: transform .45s cubic-bezier(.2,.8,.2,1); }
.s06-btn:hover .s06-btn-c { transform: scale(1.12); }
.s06-btn:hover .s06-btn-a { transform: translateX(calc(3*var(--u))); }

.s06-strip { width: calc(206*var(--u)); height: calc(1180*var(--u)); background: #161616; will-change: transform; }
.s06-perf i { position: absolute; width: calc(9*var(--u)); height: calc(13*var(--u)); border-radius: calc(2.5*var(--u)); background: rgba(255,255,255,0.85); }
.s06-fr { left: calc(20*var(--u)); width: calc(166*var(--u)); height: calc(112*var(--u)); object-fit: cover; pointer-events: none; }
.s06-no { left: calc(22*var(--u)); font-size: calc(9*var(--u)); font-weight: 700; letter-spacing: calc(1.26*var(--u)); line-height: normal; color: rgba(255,122,26,0.95); white-space: nowrap; }
.s06-mark { position: absolute; overflow: visible; pointer-events: none; }
.s06-mark path { stroke: #ff2b2b; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: var(--d, 1); }

.s06-glow { left: calc(990*var(--u)); top: calc(450*var(--u)); width: calc(900*var(--u)); height: calc(860*var(--u)); max-width: none; mix-blend-mode: screen; pointer-events: none; }
.s06-glow { object-fit: fill; padding: 0; transform-origin: center; }

.s06-phone { left: calc(933*var(--u)); top: calc(211*var(--u)); width: calc(360*var(--u)); height: calc(720*var(--u)); border-radius: calc(52*var(--u)); background: rgba(10,10,10,0.3); -webkit-backdrop-filter: blur(calc(13*var(--u))); backdrop-filter: blur(calc(13*var(--u))); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.14); }
.s06-ph-h { left: calc(28*var(--u)); top: calc(40*var(--u)); font-size: calc(20*var(--u)); letter-spacing: calc(-0.5*var(--u)); font-weight: 600; line-height: normal; white-space: nowrap; color: #fff; }
.s06-ph-s { left: calc(28*var(--u)); top: calc(70*var(--u)); font-size: calc(13*var(--u)); font-weight: 500; letter-spacing: calc(0.13*var(--u)); line-height: normal; white-space: nowrap; color: rgba(255,255,255,0.6); }
.s06-verdict { left: calc(24*var(--u)); top: calc(104*var(--u)); width: calc(312*var(--u)); height: calc(64*var(--u)); border-radius: calc(20*var(--u)); background: rgba(255,255,255,0.92); }
.s06-verdict-t { left: calc(44*var(--u)); top: calc(124*var(--u)); font-size: calc(22*var(--u)); font-weight: 600; line-height: normal; white-space: nowrap; color: #0a0a0a; }
.s06-row { position: absolute; left: 0; width: calc(360*var(--u)); height: calc(96*var(--u)); }
.s06-row::before { content: ''; position: absolute; left: calc(10*var(--u)); right: calc(10*var(--u)); top: calc(-8*var(--u)); bottom: calc(-8*var(--u)); border-radius: calc(24*var(--u)); background: rgba(255,255,255,0.1); opacity: 0; transition: opacity .4s; }
.s06-row.on::before { opacity: 1; }
.s06-ph { left: calc(24*var(--u)); top: 0; width: calc(96*var(--u)); height: calc(96*var(--u)); border-radius: calc(16*var(--u)); object-fit: cover; }
.s06-rt { left: calc(136*var(--u)); top: calc(18*var(--u)); width: calc(190*var(--u)); font-size: calc(16*var(--u)); font-weight: 500; line-height: normal; color: #fff; }
.s06-rs { left: calc(136*var(--u)); font-size: calc(13*var(--u)); font-weight: 500; letter-spacing: calc(0.13*var(--u)); line-height: normal; white-space: nowrap; color: rgba(255,255,255,0.6); }
.s06-all { left: calc(28*var(--u)); top: calc(556*var(--u)); font-size: calc(16*var(--u)); font-weight: 500; line-height: normal; white-space: nowrap; color: #fff; }
.s06-note { left: calc(28*var(--u)); top: calc(660*var(--u)); font-size: calc(13*var(--u)); font-weight: 500; letter-spacing: calc(0.13*var(--u)); line-height: normal; white-space: nowrap; color: rgba(255,255,255,0.45); }
.s06-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(1000*var(--u)); background: url(../img/06-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: 0.9; pointer-events: none; }

/* == 06-report.m390.css == */
@media (max-width: 599px) {
/* 06 · Пример отчёта · 390 */
.s06 { height: calc(918*var(--u)); }
.s06-grain { width: calc(390*var(--u)); height: calc(918*var(--u)); }
.s06-title { left: calc(18*var(--u)); top: calc(56*var(--u)); font-size: calc(27*var(--u)); line-height: calc(27.84*var(--u)); letter-spacing: 0; transform: scaleX(1.236); }
.s06-br1 { display: none; }
.s06-lead { left: calc(20*var(--u)); top: calc(124*var(--u)); width: calc(350*var(--u)); font-size: calc(15*var(--u)); line-height: 1.45; }
.s06-btn { left: calc(20*var(--u)); top: calc(210*var(--u)); width: calc(215*var(--u)); height: calc(52*var(--u)); border-radius: calc(26*var(--u)); }
.s06-btn-t { left: calc(28*var(--u)); top: calc(16*var(--u)); font-size: calc(15*var(--u)); }
.s06-btn-c { left: calc(169*var(--u)); top: calc(6*var(--u)); width: calc(40*var(--u)); height: calc(40*var(--u)); }
.s06-btn-a { left: calc(180*var(--u)); top: calc(11.5*var(--u)); width: calc(18*var(--u)); font-size: calc(22*var(--u)); }
.s06-films { display: block; position: absolute; left: 0; top: calc(298*var(--u)); width: calc(390*var(--u)); height: calc(620*var(--u)); overflow: clip; }
.s06-strip { width: calc(150*var(--u)); height: calc(780*var(--u)); }
.s06-perf i { display: none; }
.s06-perf { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; }
.s06-perf::before, .s06-perf::after { content: ''; position: absolute; top: 0; bottom: 0; width: calc(8*var(--u)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 22'%3E%3Crect y='8' width='8' height='12' rx='2.5' fill='white' fill-opacity='.85'/%3E%3C/svg%3E") 0 0 / calc(8*var(--u)) calc(22*var(--u)) repeat-y; }
.s06-perf::before { left: calc(6*var(--u)); }
.s06-perf::after { left: calc(136*var(--u)); }
.s06-fr { left: calc(20*var(--u)); width: calc(110*var(--u)); height: calc(75*var(--u)); }
.s06-no { left: calc(22*var(--u)); }
.s06-strip .s06-fr:nth-of-type(1) { top: calc(14*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(1) { top: calc(91*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(2) { top: calc(107*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(2) { top: calc(184*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(3) { top: calc(200*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(3) { top: calc(277*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(4) { top: calc(293*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(4) { top: calc(370*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(5) { top: calc(386*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(5) { top: calc(463*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(6) { top: calc(479*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(6) { top: calc(556*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(7) { top: calc(572*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(7) { top: calc(649*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(8) { top: calc(665*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(8) { top: calc(742*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(9) { top: calc(758*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(9) { top: calc(835*var(--u)) !important; }
.s06-glow { left: calc(133*var(--u)); top: calc(302*var(--u)); width: calc(514*var(--u)); height: calc(496*var(--u)); }
.s06-phone { left: calc(65.4*var(--u)); top: calc(50.8*var(--u)); width: calc(259.2*var(--u)); height: calc(518.4*var(--u)); border-radius: calc(37.44*var(--u)); -webkit-backdrop-filter: blur(calc(9.36*var(--u))); backdrop-filter: blur(calc(9.36*var(--u))); }
.s06-ph-h { left: calc(20.16*var(--u)); top: calc(28.8*var(--u)); font-size: calc(14.4*var(--u)); letter-spacing: calc(-0.36*var(--u)); }
.s06-ph-s { left: calc(20.16*var(--u)); top: calc(50.4*var(--u)); font-size: calc(9.36*var(--u)); letter-spacing: calc(0.09*var(--u)); }
.s06-verdict { left: calc(17.28*var(--u)); top: calc(74.88*var(--u)); width: calc(224.64*var(--u)); height: calc(46.08*var(--u)); border-radius: calc(14.4*var(--u)); }
.s06-verdict-t { left: calc(31.68*var(--u)); top: calc(89.28*var(--u)); font-size: calc(15.84*var(--u)); }
.s06-row { width: calc(259.2*var(--u)); height: calc(69.12*var(--u)); }
.s06-row:nth-child(1) { top: calc(141.12*var(--u)) !important; }
.s06-row:nth-child(2) { top: calc(221.76*var(--u)) !important; }
.s06-row:nth-child(3) { top: calc(302.4*var(--u)) !important; }
.s06-row::before { left: calc(7.2*var(--u)); right: calc(7.2*var(--u)); top: calc(-5.76*var(--u)); bottom: calc(-5.76*var(--u)); border-radius: calc(17.28*var(--u)); }
.s06-ph { left: calc(17.28*var(--u)); width: calc(69.12*var(--u)); height: calc(69.12*var(--u)); border-radius: calc(11.52*var(--u)); }
.s06-rt { left: calc(97.92*var(--u)); top: calc(12.96*var(--u)); width: calc(136.8*var(--u)); font-size: calc(11.52*var(--u)); }
.s06-rs { left: calc(97.92*var(--u)); top: calc(46.08*var(--u)) !important; font-size: calc(9.36*var(--u)); letter-spacing: calc(0.09*var(--u)); }
.s06-all { left: calc(20.16*var(--u)); top: calc(400.32*var(--u)); font-size: calc(11.52*var(--u)); }
.s06-note { display: none; }
.s06-mx { display: block; }
.s06-strip[data-rot="-1.2"] { display: none; }
.s06-strip[data-rot="1.4"] { left: calc(-40*var(--u)) !important; top: calc(-90*var(--u)) !important; }
.s06-strip[data-rot="-0.8"] { left: calc(124*var(--u)) !important; top: calc(-78*var(--u)) !important; }
.s06-strip[data-rot="0.6"] { left: calc(288*var(--u)) !important; top: calc(-66*var(--u)) !important; }
.s06-a1 { left: calc(-12*var(--u)) !important; top: calc(169*var(--u)) !important; width: calc(174*var(--u)); height: calc(137*var(--u)) !important; }
.s06-a2 { left: calc(19*var(--u)) !important; top: calc(290*var(--u)) !important; width: calc(112*var(--u)); height: calc(81*var(--u)) !important; }
.s06-a3 { left: calc(-12*var(--u)) !important; top: calc(448*var(--u)) !important; width: calc(174*var(--u)); height: calc(137*var(--u)) !important; }
.s06-c1 { left: calc(-12*var(--u)) !important; top: calc(76*var(--u)) !important; width: calc(174*var(--u)); height: calc(137*var(--u)) !important; }
.s06-c2 { left: calc(19*var(--u)) !important; top: calc(383*var(--u)) !important; width: calc(112*var(--u)); height: calc(81*var(--u)) !important; }
.s06-br2 { display: inline; }

}
/* == 06-report.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
/* 06 · Пример отчёта · 768 */
.s06 { height: calc(1172*var(--u)); }
.s06-grain { width: calc(768*var(--u)); height: calc(1172*var(--u)); }
.s06-title { left: calc(38*var(--u)); top: calc(80*var(--u)); font-size: calc(52*var(--u)); line-height: calc(53.76*var(--u)); letter-spacing: 0; transform: scaleX(1.226); }
.s06-br1 { display: none; }
.s06-lead { left: calc(40*var(--u)); top: calc(206*var(--u)); width: calc(520*var(--u)); font-size: calc(17*var(--u)); line-height: 1.45; }
.s06-btn { left: calc(40*var(--u)); top: calc(284*var(--u)); width: calc(230*var(--u)); height: calc(60*var(--u)); border-radius: calc(30*var(--u)); }
.s06-btn-t { left: calc(28*var(--u)); top: calc(19.5*var(--u)); font-size: calc(16*var(--u)); }
.s06-btn-c { left: calc(176*var(--u)); top: calc(6*var(--u)); width: calc(48*var(--u)); height: calc(48*var(--u)); }
.s06-btn-a { left: calc(191*var(--u)); top: calc(15.5*var(--u)); width: calc(18*var(--u)); font-size: calc(22*var(--u)); }
.s06-films { display: block; position: absolute; left: 0; top: calc(392*var(--u)); width: calc(768*var(--u)); height: calc(780*var(--u)); overflow: clip; }
.s06-strip { width: calc(190*var(--u)); height: calc(940*var(--u)); }
.s06-perf i { display: none; }
.s06-perf { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; }
.s06-perf::before, .s06-perf::after { content: ''; position: absolute; top: 0; bottom: 0; width: calc(8*var(--u)); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 22'%3E%3Crect y='8' width='8' height='12' rx='2.5' fill='white' fill-opacity='.85'/%3E%3C/svg%3E") 0 0 / calc(8*var(--u)) calc(22*var(--u)) repeat-y; }
.s06-perf::before { left: calc(6*var(--u)); }
.s06-perf::after { left: calc(176*var(--u)); }
.s06-fr { left: calc(20*var(--u)); width: calc(150*var(--u)); height: calc(102*var(--u)); }
.s06-no { left: calc(22*var(--u)); }
.s06-strip .s06-fr:nth-of-type(1) { top: calc(14*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(1) { top: calc(118*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(2) { top: calc(134*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(2) { top: calc(238*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(3) { top: calc(254*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(3) { top: calc(358*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(4) { top: calc(374*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(4) { top: calc(478*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(5) { top: calc(494*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(5) { top: calc(598*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(6) { top: calc(614*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(6) { top: calc(718*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(7) { top: calc(734*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(7) { top: calc(838*var(--u)) !important; }
.s06-strip .s06-fr:nth-of-type(8) { top: calc(854*var(--u)) !important; } .s06-strip .s06-no:nth-of-type(8) { top: calc(958*var(--u)) !important; }
.s06-glow { left: calc(356*var(--u)); top: calc(343*var(--u)); width: calc(804*var(--u)); height: calc(695*var(--u)); }
.s06-phone { left: calc(222*var(--u)); top: calc(66*var(--u)); width: calc(324*var(--u)); height: calc(648*var(--u)); border-radius: calc(46.8*var(--u)); -webkit-backdrop-filter: blur(calc(11.7*var(--u))); backdrop-filter: blur(calc(11.7*var(--u))); }
.s06-ph-h { left: calc(25.2*var(--u)); top: calc(36.0*var(--u)); font-size: calc(18.0*var(--u)); letter-spacing: calc(-0.45*var(--u)); }
.s06-ph-s { left: calc(25.2*var(--u)); top: calc(63.0*var(--u)); font-size: calc(11.7*var(--u)); letter-spacing: calc(0.12*var(--u)); }
.s06-verdict { left: calc(21.6*var(--u)); top: calc(93.6*var(--u)); width: calc(280.8*var(--u)); height: calc(57.6*var(--u)); border-radius: calc(18.0*var(--u)); }
.s06-verdict-t { left: calc(39.6*var(--u)); top: calc(111.6*var(--u)); font-size: calc(19.8*var(--u)); }
.s06-row { width: calc(324*var(--u)); height: calc(86.4*var(--u)); }
.s06-row:nth-child(1) { top: calc(176.4*var(--u)) !important; }
.s06-row:nth-child(2) { top: calc(277.2*var(--u)) !important; }
.s06-row:nth-child(3) { top: calc(378.0*var(--u)) !important; }
.s06-row::before { left: calc(9.0*var(--u)); right: calc(9.0*var(--u)); top: calc(-7.2*var(--u)); bottom: calc(-7.2*var(--u)); border-radius: calc(21.6*var(--u)); }
.s06-ph { left: calc(21.6*var(--u)); width: calc(86.4*var(--u)); height: calc(86.4*var(--u)); border-radius: calc(14.4*var(--u)); }
.s06-rt { left: calc(122.4*var(--u)); top: calc(16.2*var(--u)); width: calc(171.0*var(--u)); font-size: calc(14.4*var(--u)); }
.s06-rs { left: calc(122.4*var(--u)); top: calc(57.6*var(--u)) !important; font-size: calc(11.7*var(--u)); letter-spacing: calc(0.12*var(--u)); }
.s06-all { left: calc(25.2*var(--u)); top: calc(500.4*var(--u)); font-size: calc(14.4*var(--u)); }
.s06-note { display: none; }
.s06-t { display: block; }
.s06-strip:not(.s06-t) { display: none; }
.s06-t[data-rot="1.4"] { left: calc(-17*var(--u)); top: calc(-90*var(--u)); }
.s06-t[data-rot="-0.8"] { left: calc(187*var(--u)); top: calc(-78*var(--u)); }
.s06-t[data-rot="0.6"] { left: calc(391*var(--u)); top: calc(-66*var(--u)); }
.s06-t[data-rot="-1.2"] { left: calc(595*var(--u)); top: calc(-54*var(--u)); }
.s06-t .s06-loop { width: calc(224*var(--u)); height: calc(174*var(--u)); }
.s06-t .s06-miss { width: calc(164*var(--u)); height: calc(120*var(--u)); }
.s06-t1 { left: calc(-17*var(--u)); top: calc(218*var(--u)); }
.s06-t2 { left: calc(13*var(--u)); top: calc(365*var(--u)); }
.s06-t3 { left: calc(-17*var(--u)); top: calc(578*var(--u)); }
.s06-t4 { left: calc(-17*var(--u)); top: calc(98*var(--u)); }
.s06-t5 { left: calc(13*var(--u)); top: calc(485*var(--u)); }
.s06-t6 { left: calc(13*var(--u)); top: calc(125*var(--u)); }
.s06-t7 { left: calc(-17*var(--u)); top: calc(338*var(--u)); }

}
/* == 07-maxim.css == */
/* 07 · Кто смотрит — Максим */
.s07 { height: calc(900*var(--u)); }
.s07-main { left: 0; top: 0; width: calc(760*var(--u)); height: calc(900*var(--u)); overflow: hidden; }
.s07-main img { transform: scale(1); transform-origin: 40% 50%; will-change: transform; }
.s07-fade { left: calc(560*var(--u)); top: 0; width: calc(200*var(--u)); height: calc(900*var(--u)); background: linear-gradient(to left, #0a0a0a, rgba(10,10,10,0)); }
.s07-glass { left: calc(600*var(--u)); top: calc(520*var(--u)); width: calc(300*var(--u)); height: calc(300*var(--u)); border-radius: calc(28*var(--u)); overflow: hidden; will-change: transform; }
.s07-refl { left: calc(520*var(--u)); top: calc(120*var(--u)); width: calc(200*var(--u)); height: calc(260*var(--u)); border-radius: calc(24*var(--u)); overflow: hidden; will-change: transform; }
.s07-title { left: calc(960*var(--u)); top: calc(110*var(--u)); font-size: calc(63*var(--u)); font-weight: 600; line-height: calc(60*var(--u)); letter-spacing: calc(-4.2*var(--u)); color: #fff; }
.s07-lead { left: calc(960*var(--u)); top: calc(470*var(--u)); width: calc(395*var(--u)); font-size: calc(18*var(--u)); line-height: 1.45; letter-spacing: calc(-0.25*var(--u)); color: rgba(255,255,255,0.72); }
.s07-n { left: calc(960*var(--u)); font-family: var(--f-head); font-weight: 900; font-size: calc(48*var(--u)); line-height: 0.96; color: #fff; }
.s07-n1 { top: calc(616*var(--u)); font-size: calc(45*var(--u)); letter-spacing: calc(2.4*var(--u)); }
.s07-n2 { top: calc(696*var(--u)); }
.s07-n3 { top: calc(776*var(--u)); }
.s07-v[data-to=""] { display: inline-block; vertical-align: top; height: calc(46*var(--u)); font-size: 0; background: linear-gradient(#fff, #fff) 0 calc(25*var(--u)) / 100% calc(6*var(--u)) no-repeat; width: calc(62*var(--u)); margin-left: calc(2*var(--u)); }
.s07-n1 .s07-v[data-to=""] { width: calc(55*var(--u)); background-position: 0 calc(22*var(--u)); }
.s07-n2 .s07-v[data-to=""] { background-position: 0 calc(26*var(--u)); }
.s07-n3 .s07-v[data-to=""] { background-position: 0 calc(25*var(--u)); }
.s07-rub { display: inline-block; width: calc(50*var(--u)); height: calc(36*var(--u)); vertical-align: top; margin-top: calc(8*var(--u)); margin-left: calc(7*var(--u)); color: #fff; }
.s07-l { font-size: calc(15*var(--u)); font-weight: 500; letter-spacing: calc(0.15*var(--u)); line-height: normal; white-space: nowrap; color: rgba(255,255,255,0.55); }
.s07-vf { left: calc(584*var(--u)); top: calc(504*var(--u)); width: calc(332*var(--u)); height: calc(332*var(--u)); pointer-events: none; will-change: transform; }
.s07-vf i { position: absolute; background: rgba(255,255,255,0.95); }
.s07-vf-t { left: 0; top: calc(-22*var(--u)); font-size: calc(11*var(--u)); font-weight: 700; letter-spacing: calc(1.54*var(--u)); line-height: normal; color: rgba(255,255,255,0.85); }
.s07-glow1 { left: calc(-540*var(--u)); top: calc(-440*var(--u)); width: calc(1180*var(--u)); height: calc(980*var(--u)); mix-blend-mode: screen; pointer-events: none; }
.s07-glow2 { left: calc(1110*var(--u)); top: calc(490*var(--u)); width: calc(720*var(--u)); height: calc(680*var(--u)); mix-blend-mode: screen; pointer-events: none; }
.s07-tag { left: calc(1336*var(--u)); top: calc(40*var(--u)); font-size: calc(12*var(--u)); font-weight: 700; letter-spacing: calc(1.68*var(--u)); line-height: normal; white-space: pre; color: rgba(255,122,26,0.95); }
.s07-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); background: url(../img/07-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: 0.9; pointer-events: none; }

/* == 07-maxim.m390.css == */
@media (max-width: 599px) {
/* 07 · Кто смотрит · 390 */
.s07 { height: calc(881*var(--u)); }
.s07-grain { width: calc(390*var(--u)); height: calc(881*var(--u)); }
.s07-main { left: 0; top: 0; width: calc(390*var(--u)); height: calc(440*var(--u)); }
.s07-main img { object-position: 20.17% 50%; }
.s07-fade { left: 0; top: calc(320*var(--u)); width: calc(390*var(--u)); height: calc(120*var(--u)); background: linear-gradient(to top, #0a0a0a, rgba(10,10,10,0)); }
.s07-glass { left: calc(220*var(--u)); top: calc(357.5*var(--u)); width: calc(150*var(--u)); height: calc(150*var(--u)); border-radius: calc(18*var(--u)); }
.s07-refl { display: none; }
.s07-vf { left: calc(210*var(--u)); top: calc(347.5*var(--u)); width: calc(170*var(--u)); height: calc(170*var(--u)); }
.s07-vf i { left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; }
.s07-vf i:nth-of-type(1) { left: 0 !important; top: 0 !important; width: calc(14*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s07-vf i:nth-of-type(2) { left: 0 !important; top: 0 !important; width: calc(2*var(--u)) !important; height: calc(14*var(--u)) !important; }
.s07-vf i:nth-of-type(3) { right: 0 !important; top: 0 !important; width: calc(14*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s07-vf i:nth-of-type(4) { right: 0 !important; top: 0 !important; width: calc(2*var(--u)) !important; height: calc(14*var(--u)) !important; }
.s07-vf i:nth-of-type(5) { left: 0 !important; bottom: 0 !important; width: calc(14*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s07-vf i:nth-of-type(6) { left: 0 !important; bottom: 0 !important; width: calc(2*var(--u)) !important; height: calc(14*var(--u)) !important; }
.s07-vf i:nth-of-type(7) { right: 0 !important; bottom: 0 !important; width: calc(14*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s07-vf i:nth-of-type(8) { right: 0 !important; bottom: 0 !important; width: calc(2*var(--u)) !important; height: calc(14*var(--u)) !important; }
.s07-title { left: calc(20*var(--u)); top: calc(535.5*var(--u)); font-size: calc(28*var(--u)); line-height: calc(26.32*var(--u)); letter-spacing: calc(-1.95*var(--u)); }
.s07-br1 { display: none; }
.s07-lead { left: calc(20*var(--u)); top: calc(627.5*var(--u)); width: calc(322*var(--u)); font-size: calc(15*var(--u)); }
.s07-n1 { left: calc(20*var(--u)); top: calc(699.5*var(--u)); font-size: calc(28*var(--u)); line-height: 0.96; letter-spacing: calc(3.5*var(--u)); }
.s07-l1 { left: calc(170*var(--u)) !important; top: calc(706*var(--u)) !important; }
.s07-n2 { left: calc(20*var(--u)); top: calc(744.5*var(--u)); font-size: calc(28*var(--u)); line-height: 0.96; letter-spacing: 0; }
.s07-l2 { left: calc(170*var(--u)) !important; top: calc(751*var(--u)) !important; }
.s07-n3 { left: calc(20*var(--u)); top: calc(789.5*var(--u)); font-size: calc(28*var(--u)); line-height: 0.96; letter-spacing: 0; }
.s07-l3 { left: calc(170*var(--u)) !important; top: calc(796*var(--u)) !important; }
.s07-l { font-size: calc(13*var(--u)); letter-spacing: calc(0.13*var(--u)); }
.s07-n .s07-v[data-to=""], .s07-n1 .s07-v[data-to=""], .s07-n2 .s07-v[data-to=""], .s07-n3 .s07-v[data-to=""] { width: calc(37*var(--u)); height: calc(27*var(--u)); margin-left: 0; background: linear-gradient(#fff, #fff) 0 calc(13*var(--u)) / 100% calc(3.5*var(--u)) no-repeat; }
.s07-rub { width: calc(30*var(--u)); height: calc(22*var(--u)); margin-top: calc(4*var(--u)); margin-left: calc(2*var(--u)); }
.s07-glow1 { left: calc(-320*var(--u)); top: calc(-300*var(--u)); width: calc(660*var(--u)); height: calc(600*var(--u)); }
.s07-glow2 { left: calc(170*var(--u)); top: calc(574.5*var(--u)); width: calc(460*var(--u)); height: calc(440*var(--u)); }
.s07-tag { left: calc(316*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }

}
/* == 07-maxim.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
/* 07 · Кто смотрит · 768 */
.s07 { height: calc(1133*var(--u)); }
.s07-grain { width: calc(768*var(--u)); height: calc(1133*var(--u)); }
.s07-main { left: 0; top: 0; width: calc(768*var(--u)); height: calc(600*var(--u)); }
.s07-main img { object-position: 0% 50%; }
.s07-fade { left: 0; top: calc(440*var(--u)); width: calc(768*var(--u)); height: calc(160*var(--u)); background: linear-gradient(to top, #0a0a0a, rgba(10,10,10,0)); }
.s07-glass { left: calc(508*var(--u)); top: calc(463.6*var(--u)); width: calc(220*var(--u)); height: calc(220*var(--u)); border-radius: calc(24*var(--u)); }
.s07-refl { display: none; }
.s07-vf { left: calc(498*var(--u)); top: calc(453.6*var(--u)); width: calc(240*var(--u)); height: calc(240*var(--u)); }
.s07-vf i { left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; }
.s07-vf i:nth-of-type(1) { left: 0 !important; top: 0 !important; width: calc(20*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s07-vf i:nth-of-type(2) { left: 0 !important; top: 0 !important; width: calc(2*var(--u)) !important; height: calc(20*var(--u)) !important; }
.s07-vf i:nth-of-type(3) { right: 0 !important; top: 0 !important; width: calc(20*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s07-vf i:nth-of-type(4) { right: 0 !important; top: 0 !important; width: calc(2*var(--u)) !important; height: calc(20*var(--u)) !important; }
.s07-vf i:nth-of-type(5) { left: 0 !important; bottom: 0 !important; width: calc(20*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s07-vf i:nth-of-type(6) { left: 0 !important; bottom: 0 !important; width: calc(2*var(--u)) !important; height: calc(20*var(--u)) !important; }
.s07-vf i:nth-of-type(7) { right: 0 !important; bottom: 0 !important; width: calc(20*var(--u)) !important; height: calc(2*var(--u)) !important; }
.s07-vf i:nth-of-type(8) { right: 0 !important; bottom: 0 !important; width: calc(2*var(--u)) !important; height: calc(20*var(--u)) !important; }
.s07-title { left: calc(40*var(--u)); top: calc(711.6*var(--u)); font-size: calc(48*var(--u)); line-height: calc(45.12*var(--u)); letter-spacing: calc(-3.4*var(--u)); }
.s07-br1 { display: none; }
.s07-lead { left: calc(40*var(--u)); top: calc(866.6*var(--u)); width: calc(405*var(--u)); font-size: calc(17*var(--u)); }
.s07-n1 { left: calc(40*var(--u)); top: calc(952.6*var(--u)); font-size: calc(40*var(--u)); line-height: 0.96; letter-spacing: calc(4.4*var(--u)); }
.s07-l1 { left: calc(40*var(--u)) !important; top: calc(1000.6*var(--u)) !important; }
.s07-n2 { left: calc(269.33*var(--u)); top: calc(952.6*var(--u)); font-size: calc(40*var(--u)); line-height: 0.96; letter-spacing: 0; }
.s07-l2 { left: calc(269.33*var(--u)) !important; top: calc(1000.6*var(--u)) !important; }
.s07-n3 { left: calc(498.67*var(--u)); top: calc(952.6*var(--u)); font-size: calc(40*var(--u)); line-height: 0.96; letter-spacing: 0; }
.s07-l3 { left: calc(498.67*var(--u)) !important; top: calc(1000.6*var(--u)) !important; }
.s07-l { font-size: calc(14*var(--u)); letter-spacing: calc(0.14*var(--u)); }
.s07-n .s07-v[data-to=""], .s07-n1 .s07-v[data-to=""], .s07-n2 .s07-v[data-to=""], .s07-n3 .s07-v[data-to=""] { width: calc(53*var(--u)); height: calc(38*var(--u)); margin-left: 0; background: linear-gradient(#fff, #fff) 0 calc(18*var(--u)) / 100% calc(5*var(--u)) no-repeat; }
.s07-rub { width: calc(43*var(--u)); height: calc(31*var(--u)); margin-top: calc(6*var(--u)); margin-left: calc(3*var(--u)); }
.s07-glow1 { left: calc(-470*var(--u)); top: calc(-410*var(--u)); width: calc(980*var(--u)); height: calc(840*var(--u)); }
.s07-glow2 { left: calc(428*var(--u)); top: calc(712.6*var(--u)); width: calc(660*var(--u)); height: calc(600*var(--u)); }
.s07-tag { left: calc(669*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }

}
/* == 08-prices.css == */
.s08 { height: calc(980*var(--u)); background: #0a0a0a; }
.s08-bgwrap { left: 0; top: calc(-14*var(--u)); width: calc(1440*var(--u)); height: calc(1008*var(--u)); will-change: transform; }
.s08-bg { object-fit: cover; }
.s08-glow { mix-blend-mode: screen; pointer-events: none; }
.s08-h { font-family: var(--f-head); font-weight: 900; font-size: calc(85*var(--u)); letter-spacing: calc(8.2*var(--u)); line-height: 0.96; color: #fff; transform: scaleX(1.12); transform-origin: 0 0; }
.s08-card {
  border-radius: calc(36*var(--u)); background: rgba(255,255,255,0.12);
  -webkit-backdrop-filter: blur(calc(22*var(--u))) saturate(1.25); backdrop-filter: blur(calc(22*var(--u))) saturate(1.25);
  border: 1px solid rgba(255,255,255,0.22);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.35), 0 calc(30*var(--u)) calc(80*var(--u)) rgba(0,0,0,0.25);
  transition: transform .5s cubic-bezier(.2,.7,.2,1), background .4s;
}
.s08-card:hover { transform: translateY(calc(-6*var(--u))); }
.s08-mid { background: rgba(255,255,255,0.24); }
.s08-t { font-size: calc(29*var(--u)); font-weight: 600; letter-spacing: calc(-1*var(--u)); color: #fff; line-height: normal; }
.s08-sub { letter-spacing: calc(-0.15*var(--u)); font-size: calc(16*var(--u)); line-height: 1.45; color: rgba(255,255,255,0.72); }
.s08-price { font-family: var(--f-head); font-weight: 900; font-size: calc(51*var(--u)); letter-spacing: calc(7.2*var(--u)); line-height: 0.96; color: #fff; transform: scaleX(1.12); transform-origin: 0 0; }
.s08-marker { pointer-events: none; }
.s08-line { height: 1px; width: calc(376*var(--u)); background: rgba(255,255,255,0.18); }
.s08-li { letter-spacing: calc(-0.14*var(--u)); font-size: calc(16*var(--u)); color: rgba(255,255,255,0.85); line-height: normal; }
.s08-btn { height: calc(64*var(--u)); border-radius: calc(32*var(--u)); overflow: hidden; display: block; transition: transform .3s, box-shadow .3s; }
.s08-btn-dark { background: #0a0a0a; }
.s08-btn-light { background: #fff; box-shadow: 0 calc(10*var(--u)) calc(30*var(--u)) rgba(255,43,43,0.0); }
.s08-btn:hover { transform: scale(1.03); }
.s08-btn-t { font-size: calc(17*var(--u)); font-weight: 500; line-height: normal; }
.s08-btn-dark .s08-btn-t { color: #fff; }
.s08-btn-light .s08-btn-t { color: #0a0a0a; }
.s08-btn-ar { font-size: calc(22*var(--u)); font-weight: 500; line-height: normal; transition: transform .3s; }
.s08-btn-dark .s08-btn-ar { color: #0a0a0a; }
.s08-btn-light .s08-btn-ar { color: #fff; }
.s08-btn:hover .s08-btn-ar { transform: translateX(calc(3*var(--u))); }
.s08-btn-c { transition: transform .3s; }
.s08-chip { border-radius: calc(20*var(--u)); background: rgba(255,255,255,0.18); -webkit-backdrop-filter: blur(calc(14*var(--u))); backdrop-filter: blur(calc(14*var(--u))); }
.s08-chip span { font-size: calc(14*var(--u)); font-weight: 500; color: #fff; line-height: normal; }
.s08-num, .s09-num, .s10-num { font-size: calc(12*var(--u)); font-weight: 700; letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,0.95); white-space: pre; line-height: normal; }
.s08-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(980*var(--u)); background: url(../img/08-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: 0.9; pointer-events: none; }
.s08-track { display: contents; }

/* == 08-prices.m390.css == */
@media (max-width: 599px) {
.s08 { height: calc(793*var(--u)); }
.s08-bgwrap { left: calc(-333.67*var(--u)) !important; top: 0 !important; width: calc(1057.33*var(--u)) !important; height: calc(793*var(--u)) !important; transform: none !important; }
.s08-glow-a { left: calc(190*var(--u)) !important; top: calc(533*var(--u)) !important; width: calc(380*var(--u)) !important; height: calc(320*var(--u)) !important; }
.s08-glow-a img { left: calc(-120*var(--u)) !important; top: calc(-120*var(--u)) !important; width: calc(620*var(--u)) !important; height: calc(560*var(--u)) !important; }
.s08-glow-b { left: calc(-160*var(--u)) !important; top: calc(-140*var(--u)) !important; width: calc(300*var(--u)) !important; height: calc(260*var(--u)) !important; }
.s08-glow-b img { left: calc(-110*var(--u)) !important; top: calc(-110*var(--u)) !important; width: calc(520*var(--u)) !important; height: calc(480*var(--u)) !important; }
.s08-h { left: calc(18*var(--u)) !important; top: calc(56*var(--u)) !important; font-size: calc(30*var(--u)); letter-spacing: calc(0.6*var(--u)); }
.s08-track { display: block; position: absolute; left: 0; top: calc(93*var(--u)); width: calc(390*var(--u)); height: calc(532*var(--u)); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-left: calc(20*var(--u)); -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
.s08-track::-webkit-scrollbar { display: none; }
.s08-track::after { content: ""; position: absolute; left: calc(922*var(--u)); top: 0; width: calc(20*var(--u)); height: 1px; }
.s08-card { top: calc(16*var(--u)) !important; width: calc(290*var(--u)) !important; height: calc(500*var(--u)) !important; border-radius: calc(26*var(--u)); scroll-snap-align: start; }
.s08-card:nth-child(1) { left: calc(20*var(--u)) !important; }
.s08-card:nth-child(2) { left: calc(326*var(--u)) !important; }
.s08-card:nth-child(3) { left: calc(632*var(--u)) !important; }
.s08-card:hover { transform: none; }
.s08-t { left: calc(22*var(--u)) !important; top: calc(26*var(--u)) !important; font-size: calc(21*var(--u)); letter-spacing: calc(-0.92*var(--u)); }
.s08-sub { left: calc(22*var(--u)) !important; top: calc(58*var(--u)) !important; width: calc(246*var(--u)) !important; font-size: calc(13*var(--u)); letter-spacing: calc(-0.1*var(--u)); }
.s08-price { left: calc(22*var(--u)) !important; top: calc(112*var(--u)) !important; font-size: calc(31*var(--u)); letter-spacing: calc(3.35*var(--u)); }
.s08-marker { left: calc(-30*var(--u)) !important; top: calc(62*var(--u)) !important; width: calc(326*var(--u)) !important; height: calc(128*var(--u)) !important; }
.s08-line { left: calc(22*var(--u)) !important; width: calc(246*var(--u)) !important; }
.s08-line:nth-of-type(1) { top: calc(206*var(--u)) !important; } .s08-line:nth-of-type(2) { top: calc(252*var(--u)) !important; } .s08-line:nth-of-type(3) { top: calc(298*var(--u)) !important; } .s08-line:nth-of-type(4) { top: calc(344*var(--u)) !important; }
.s08-li { left: calc(22*var(--u)) !important; font-size: calc(14*var(--u)); letter-spacing: 0; }
.s08-li:nth-of-type(3) { top: calc(218*var(--u)) !important; } .s08-li:nth-of-type(4) { top: calc(264*var(--u)) !important; } .s08-li:nth-of-type(5) { top: calc(310*var(--u)) !important; } .s08-li:nth-of-type(6) { top: calc(356*var(--u)) !important; }
.s08-btn { left: calc(22*var(--u)) !important; top: calc(428*var(--u)) !important; height: calc(50*var(--u)) !important; border-radius: calc(25*var(--u)); }
.s08-btn-dark { width: calc(155*var(--u)) !important; } .s08-btn-light { width: calc(210*var(--u)) !important; }
.s08-btn-t { left: calc(28*var(--u)) !important; top: calc(16*var(--u)) !important; font-size: calc(14*var(--u)); }
.s08-btn-c { top: calc(6*var(--u)) !important; width: calc(38*var(--u)) !important; height: calc(38*var(--u)) !important; }
.s08-btn-dark .s08-btn-c { left: calc(111*var(--u)) !important; } .s08-btn-light .s08-btn-c { left: calc(166*var(--u)) !important; }
.s08-btn-ar { top: calc(10.5*var(--u)) !important; }
.s08-btn-dark .s08-btn-ar { left: calc(121*var(--u)) !important; } .s08-btn-light .s08-btn-ar { left: calc(176*var(--u)) !important; }
.s08-chip { left: calc(20*var(--u)) !important; height: calc(32*var(--u)) !important; border-radius: calc(16*var(--u)); }
.s08-chip span { left: calc(18*var(--u)) !important; top: calc(8*var(--u)) !important; font-size: calc(12*var(--u)); }
.s08-c1 { top: calc(625*var(--u)) !important; width: calc(209*var(--u)) !important; } .s08-c2 { top: calc(665*var(--u)) !important; width: calc(201*var(--u)) !important; } .s08-c3 { top: calc(705*var(--u)) !important; width: calc(181*var(--u)) !important; }
.s08-num { left: calc(313*var(--u)) !important; top: calc(22*var(--u)) !important; font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s08-grain { width: calc(390*var(--u)); height: calc(793*var(--u)); }

}
/* == 08-prices.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
.s08 { height: calc(842*var(--u)); }
.s08-bgwrap { left: calc(-177.33*var(--u)) !important; top: 0 !important; width: calc(1122.67*var(--u)) !important; height: calc(842*var(--u)) !important; transform: none !important; }
.s08-glow-a { left: calc(448*var(--u)) !important; top: calc(482*var(--u)) !important; width: calc(600*var(--u)) !important; height: calc(460*var(--u)) !important; }
.s08-glow-a img { left: calc(-170*var(--u)) !important; top: calc(-170*var(--u)) !important; width: calc(940*var(--u)) !important; height: calc(800*var(--u)) !important; }
.s08-glow-b { left: calc(-240*var(--u)) !important; top: calc(-180*var(--u)) !important; width: calc(480*var(--u)) !important; height: calc(360*var(--u)) !important; }
.s08-glow-b img { left: calc(-150*var(--u)) !important; top: calc(-150*var(--u)) !important; width: calc(780*var(--u)) !important; height: calc(660*var(--u)) !important; }
.s08-h { left: calc(38*var(--u)) !important; top: calc(80*var(--u)) !important; font-size: calc(56*var(--u)); letter-spacing: calc(0.6*var(--u)); }
.s08-track { display: block; position: absolute; left: 0; top: calc(150*var(--u)); width: calc(768*var(--u)); height: calc(572*var(--u)); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-left: calc(40*var(--u)); -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
.s08-track::-webkit-scrollbar { display: none; }
.s08-track::after { content: ""; position: absolute; left: calc(1054*var(--u)); top: 0; width: calc(40*var(--u)); height: 1px; }
.s08-card { top: calc(16*var(--u)) !important; width: calc(330*var(--u)) !important; height: calc(540*var(--u)) !important; border-radius: calc(30*var(--u)); scroll-snap-align: start; }
.s08-card:nth-child(1) { left: calc(40*var(--u)) !important; }
.s08-card:nth-child(2) { left: calc(382*var(--u)) !important; }
.s08-card:nth-child(3) { left: calc(724*var(--u)) !important; }
.s08-card:hover { transform: none; }
.s08-t { left: calc(26*var(--u)) !important; top: calc(30*var(--u)) !important; font-size: calc(24*var(--u)); letter-spacing: calc(-1.1*var(--u)); }
.s08-sub { left: calc(26*var(--u)) !important; top: calc(66*var(--u)) !important; width: calc(278*var(--u)) !important; font-size: calc(14*var(--u)); letter-spacing: calc(-0.1*var(--u)); }
.s08-price { left: calc(26*var(--u)) !important; top: calc(122*var(--u)) !important; font-size: calc(36*var(--u)); letter-spacing: calc(3.9*var(--u)); }
.s08-marker { left: calc(-33*var(--u)) !important; top: calc(65*var(--u)) !important; width: calc(376*var(--u)) !important; height: calc(147*var(--u)) !important; }
.s08-line { left: calc(26*var(--u)) !important; width: calc(278*var(--u)) !important; }
.s08-line:nth-of-type(1) { top: calc(222*var(--u)) !important; } .s08-line:nth-of-type(2) { top: calc(268*var(--u)) !important; } .s08-line:nth-of-type(3) { top: calc(314*var(--u)) !important; } .s08-line:nth-of-type(4) { top: calc(360*var(--u)) !important; }
.s08-li { left: calc(26*var(--u)) !important; font-size: calc(15*var(--u)); letter-spacing: 0; }
.s08-li:nth-of-type(3) { top: calc(234*var(--u)) !important; } .s08-li:nth-of-type(4) { top: calc(280*var(--u)) !important; } .s08-li:nth-of-type(5) { top: calc(326*var(--u)) !important; } .s08-li:nth-of-type(6) { top: calc(372*var(--u)) !important; }
.s08-btn { left: calc(26*var(--u)) !important; top: calc(458*var(--u)) !important; height: calc(56*var(--u)) !important; border-radius: calc(28*var(--u)); }
.s08-btn-dark { width: calc(165*var(--u)) !important; } .s08-btn-light { width: calc(223*var(--u)) !important; }
.s08-btn-t { left: calc(28*var(--u)) !important; top: calc(18*var(--u)) !important; font-size: calc(15*var(--u)); }
.s08-btn-c { top: calc(6*var(--u)) !important; width: calc(44*var(--u)) !important; height: calc(44*var(--u)) !important; }
.s08-btn-dark .s08-btn-c { left: calc(115*var(--u)) !important; } .s08-btn-light .s08-btn-c { left: calc(173*var(--u)) !important; }
.s08-btn-ar { top: calc(13.5*var(--u)) !important; }
.s08-btn-dark .s08-btn-ar { left: calc(128*var(--u)) !important; } .s08-btn-light .s08-btn-ar { left: calc(186*var(--u)) !important; }
.s08-chip { top: calc(726*var(--u)) !important; height: calc(36*var(--u)) !important; border-radius: calc(18*var(--u)); }
.s08-chip span { left: calc(18*var(--u)) !important; top: calc(9.5*var(--u)) !important; font-size: calc(13*var(--u)); }
.s08-c1 { left: calc(40*var(--u)) !important; width: calc(222*var(--u)) !important; } .s08-c2 { left: calc(270*var(--u)) !important; width: calc(214*var(--u)) !important; } .s08-c3 { left: calc(492*var(--u)) !important; width: calc(192*var(--u)) !important; }
.s08-num { left: calc(665*var(--u)) !important; top: calc(32*var(--u)) !important; font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s08-grain { width: calc(768*var(--u)); height: calc(842*var(--u)); }

}
/* == 09-steps.css == */
.s09 { height: calc(1080*var(--u)); background: #0a0a0a; }
.s09-h { font-family: var(--f-head); font-weight: 900; font-size: calc(75*var(--u)); letter-spacing: calc(6.2*var(--u)); line-height: 0.96; color: #fff; transform: scaleX(1.12); transform-origin: 0 0; }
.s09-lead { letter-spacing: calc(-0.26*var(--u)); font-size: calc(18*var(--u)); line-height: 1.45; color: rgba(255,255,255,0.72); }
.s09-step { border-radius: calc(26*var(--u)); overflow: hidden; }
.s09-ph { border-radius: calc(26*var(--u)); }
.s09-cap {
  border-radius: calc(22*var(--u)); background: rgba(10,10,10,0.16);
  -webkit-backdrop-filter: blur(calc(16*var(--u))) saturate(1.2); backdrop-filter: blur(calc(16*var(--u))) saturate(1.2);
  border: 1px solid rgba(255,255,255,0.14); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}
.s09-cap-t { font-size: calc(26*var(--u)); font-weight: 600; letter-spacing: calc(-1*var(--u)); color: #fff; line-height: normal; }
.s09-cap-d { letter-spacing: calc(-0.2*var(--u)); font-size: calc(14*var(--u)); line-height: 1.45; color: rgba(255,255,255,0.8); }
.s09-line { pointer-events: none; overflow: visible; }
.s09-dot { will-change: left, top; }
.s09-glow { mix-blend-mode: screen; pointer-events: none; }
.s09-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(1080*var(--u)); background: url(../img/09-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: 0.9; pointer-events: none; }
/* выезд снизу (только при включённом JS) */
.s09.s09-js .s09-step, .s09.s09-js .s09-cap { opacity: 0; transform: translateY(calc(90*var(--u))); transition: opacity .8s ease, transform 1s cubic-bezier(.2,.7,.2,1); transition-delay: calc(var(--i) * .12s); }
.s09.s09-js.s09-in .s09-step, .s09.s09-js.s09-in .s09-cap { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .s09.s09-js .s09-step, .s09.s09-js .s09-cap { opacity: 1; transform: none; transition: none; }
}
.s09-m { display: none; }
.s09-no { display: none; }

/* == 09-steps.m390.css == */
@media (max-width: 599px) {
.s09 { height: calc(785*var(--u)); }
.s09-h { left: calc(18*var(--u)) !important; top: calc(56*var(--u)) !important; font-size: calc(30*var(--u)); letter-spacing: calc(0.8*var(--u)); }
.s09-lead { left: calc(20*var(--u)) !important; top: calc(97*var(--u)) !important; width: calc(350*var(--u)) !important; font-size: calc(15*var(--u)); letter-spacing: calc(-0.1*var(--u)); }
.s09-line:not(.s09-m) { display: none; }
.s09-vl, .s09-vr { display: block; left: calc(25*var(--u)); top: calc(217*var(--u)); width: calc(2*var(--u)); }
.s09-vl { height: calc(464*var(--u)); background: rgba(255,255,255,0.25); }
.s09-vr { height: calc(232*var(--u)); background: #ff2b2b; }
.s09-sd { display: block; width: calc(10*var(--u)); height: calc(10*var(--u)); left: calc(21*var(--u)); border-radius: calc(5*var(--u)); background: #ff2b2b; transition: background .3s; }
.s09-sd.off { background: rgba(255,255,255,0.5); }
.s09-sd1 { top: calc(212*var(--u)); } .s09-sd2 { top: calc(328*var(--u)); } .s09-sd3 { top: calc(444*var(--u)); } .s09-sd4 { top: calc(560*var(--u)); } .s09-sd5 { top: calc(676*var(--u)); }
.s09-step { left: calc(44*var(--u)) !important; width: calc(96*var(--u)) !important; height: calc(96*var(--u)) !important; border-radius: calc(16*var(--u)); }
.s09-ph { border-radius: calc(16*var(--u)); }
.s09-k1.s09-step { top: calc(169*var(--u)) !important; } .s09-k2.s09-step { top: calc(285*var(--u)) !important; } .s09-k3.s09-step { top: calc(401*var(--u)) !important; } .s09-k4.s09-step { top: calc(517*var(--u)) !important; } .s09-k5.s09-step { top: calc(633*var(--u)) !important; }
.s09-cap { left: calc(156*var(--u)) !important; width: calc(214*var(--u)) !important; height: calc(96*var(--u)) !important; border-radius: 0; background: none; border: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.s09-k1.s09-cap { top: calc(169*var(--u)) !important; } .s09-k2.s09-cap { top: calc(285*var(--u)) !important; } .s09-k3.s09-cap { top: calc(401*var(--u)) !important; } .s09-k4.s09-cap { top: calc(517*var(--u)) !important; } .s09-k5.s09-cap { top: calc(633*var(--u)) !important; }
.s09-no { display: block; left: 0; top: calc(10*var(--u)); font-size: calc(10*var(--u)); font-weight: 700; letter-spacing: calc(1.4*var(--u)); line-height: normal; color: rgba(255,122,26,0.95); transition: color .3s; }
.s09-cap.s09-off .s09-no { color: rgba(255,122,26,0.5); }
.s09-cap-t { left: 0 !important; top: calc(28*var(--u)) !important; font-size: calc(20*var(--u)); letter-spacing: calc(-0.3*var(--u)); }
.s09-cap-d { left: 0 !important; top: calc(56*var(--u)) !important; width: calc(214*var(--u)) !important; font-size: calc(13*var(--u)); letter-spacing: 0; color: rgba(255,255,255,0.72); }
.s09-k4 .s09-cap-d br { display: none; }
.s09-dot { width: calc(16*var(--u)) !important; height: calc(16*var(--u)) !important; }
.s09-glow { left: calc(230*var(--u)) !important; top: calc(-140*var(--u)) !important; width: calc(320*var(--u)) !important; height: calc(280*var(--u)) !important; }
.s09-glow img { left: calc(-110*var(--u)) !important; top: calc(-110*var(--u)) !important; width: calc(540*var(--u)) !important; height: calc(500*var(--u)) !important; }
.s09-num { left: calc(314*var(--u)) !important; top: calc(22*var(--u)) !important; font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s09-grain { width: calc(390*var(--u)); height: calc(785*var(--u)); }

}
/* == 09-steps.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
.s09 { height: calc(836*var(--u)); }
.s09-h { left: calc(38*var(--u)) !important; top: calc(80*var(--u)) !important; font-size: calc(56*var(--u)); letter-spacing: calc(0.6*var(--u)); }
.s09-lead { left: calc(40*var(--u)) !important; top: calc(150*var(--u)) !important; width: calc(460*var(--u)) !important; font-size: calc(17*var(--u)); letter-spacing: calc(-0.2*var(--u)); }
.s09-step { width: calc(128*var(--u)) !important; border-radius: calc(20*var(--u)); }
.s09-ph { border-radius: calc(20*var(--u)); }
.s09-k1.s09-step { left: calc(40*var(--u)) !important; top: calc(456*var(--u)) !important; height: calc(300*var(--u)) !important; }
.s09-k2.s09-step { left: calc(180*var(--u)) !important; top: calc(412*var(--u)) !important; height: calc(344*var(--u)) !important; }
.s09-k3.s09-step { left: calc(320*var(--u)) !important; top: calc(368*var(--u)) !important; height: calc(388*var(--u)) !important; }
.s09-k4.s09-step { left: calc(460*var(--u)) !important; top: calc(324*var(--u)) !important; height: calc(432*var(--u)) !important; }
.s09-k5.s09-step { left: calc(600*var(--u)) !important; top: calc(280*var(--u)) !important; height: calc(476*var(--u)) !important; }
.s09-cap { width: calc(112*var(--u)) !important; border-radius: calc(16*var(--u)); }
.s09-k1.s09-cap { left: calc(48*var(--u)) !important; top: calc(653*var(--u)) !important; height: calc(95*var(--u)) !important; }
.s09-k2.s09-cap { left: calc(188*var(--u)) !important; top: calc(638*var(--u)) !important; height: calc(110*var(--u)) !important; }
.s09-k3.s09-cap { left: calc(328*var(--u)) !important; top: calc(668*var(--u)) !important; height: calc(80*var(--u)) !important; }
.s09-k4.s09-cap { left: calc(468*var(--u)) !important; top: calc(653*var(--u)) !important; height: calc(95*var(--u)) !important; }
.s09-k5.s09-cap { left: calc(608*var(--u)) !important; top: calc(668*var(--u)) !important; height: calc(80*var(--u)) !important; }
.s09-cap-t { left: calc(12*var(--u)) !important; top: calc(12*var(--u)) !important; font-size: calc(17*var(--u)); letter-spacing: calc(-0.255*var(--u)); }
.s09-cap-d { left: calc(12*var(--u)) !important; top: calc(38*var(--u)) !important; width: calc(88*var(--u)) !important; font-size: calc(11*var(--u)); line-height: 1.35; letter-spacing: 0; }
.s09-line:not(.s09-m) { display: none; }
.s09-l768 { display: block; left: 0 !important; top: 0 !important; width: calc(768*var(--u)) !important; height: calc(456*var(--u)) !important; }
.s09-dot { width: calc(16*var(--u)) !important; height: calc(16*var(--u)) !important; }
.s09-glow { left: calc(508*var(--u)) !important; top: calc(-200*var(--u)) !important; width: calc(500*var(--u)) !important; height: calc(380*var(--u)) !important; }
.s09-glow img { left: calc(-150*var(--u)) !important; top: calc(-150*var(--u)) !important; width: calc(800*var(--u)) !important; height: calc(680*var(--u)) !important; }
.s09-num { left: calc(666*var(--u)) !important; top: calc(32*var(--u)) !important; font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s09-grain { width: calc(768*var(--u)); height: calc(836*var(--u)); }

}
/* == 10-contract.css == */
.s10 { height: calc(820*var(--u)); background: #0a0a0a; }
.s10-h { font-family: var(--f-head); font-weight: 900; font-size: calc(56*var(--u)); letter-spacing: calc(3.4*var(--u)); line-height: 0.96; color: #fff; }
.s10-h span { display: block; transform: scaleX(1.12); transform-origin: 0 0; }
.s10-glow { mix-blend-mode: screen; pointer-events: none; }
.s10-sheet {
  background: #fff; border-radius: calc(8*var(--u)); overflow: hidden; transform: rotate(-3deg);
  box-shadow: 0 calc(20*var(--u)) calc(50*var(--u)) rgba(0,0,0,0.12);
}
.s10-st { font-size: calc(20*var(--u)); font-weight: 600; letter-spacing: calc(-0.2*var(--u)); color: #0a0a0a; line-height: normal; }
.s10-bar { height: calc(6*var(--u)); border-radius: calc(3*var(--u)); background: rgba(10,10,10,0.12); }
.s10-sign { font-size: calc(29*var(--u)); font-weight: 500; letter-spacing: calc(-1.1*var(--u)); color: rgba(10,10,10,0.75); line-height: normal; }
.s10-sign span { display: inline-block; }
.s10-signline { background: rgba(10,10,10,0.4); }
.s10-mark { overflow: visible; pointer-events: none; }
.s10-mark path { stroke-dasharray: 1; stroke-dashoffset: 0; }
.s10-n { font-size: calc(12*var(--u)); font-weight: 700; letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,0.95); line-height: normal; }
.s10-pt { font-size: calc(27*var(--u)); font-weight: 600; letter-spacing: calc(-0.9*var(--u)); color: #fff; line-height: normal; }
.s10-pd { letter-spacing: calc(-0.25*var(--u)); font-size: calc(17*var(--u)); line-height: 1.45; color: rgba(255,255,255,0.65); }
.s10-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(820*var(--u)); background: url(../img/10-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: 0.9; pointer-events: none; }
/* лист ложится, подпись и маркеры дорисовываются (только с JS) */
.s10.s10-js .s10-sheet { opacity: 0; transform: translateY(calc(60*var(--u))) rotate(-9deg); transition: opacity .8s ease, transform 1.1s cubic-bezier(.2,.8,.2,1); }
.s10.s10-js .s10-sign span { clip-path: inset(0 100% 0 0); transition: clip-path 1.2s ease-out 1.1s; }
.s10.s10-js .s10-mark path { stroke-dashoffset: 1; transition: stroke-dashoffset 1s ease-in-out; }
.s10.s10-js .s10-ell path { transition-delay: .7s; }
.s10.s10-js .s10-check path { transition-delay: 2.2s; transition-duration: .7s; }
.s10.s10-js.s10-in .s10-sheet { opacity: 1; transform: rotate(-3deg); }
.s10.s10-js.s10-in .s10-sign span { clip-path: inset(0 0 0 0); }
.s10.s10-js.s10-in .s10-mark path { stroke-dashoffset: 0; }
@media (prefers-reduced-motion: reduce) {
  .s10.s10-js .s10-sheet, .s10.s10-js .s10-sign span, .s10.s10-js .s10-mark path { transition: none; }
}
.s10-b { display: none; }

/* == 10-contract.m390.css == */
@media (max-width: 599px) {
.s10 { height: calc(800*var(--u)); }
.s10-h { left: calc(18*var(--u)) !important; top: calc(56*var(--u)) !important; font-size: calc(30*var(--u)); letter-spacing: calc(0.8*var(--u)); }
.s10-glow { left: calc(-50*var(--u)) !important; top: calc(60*var(--u)) !important; width: calc(490*var(--u)) !important; height: calc(513.33*var(--u)) !important; }
.s10-glow img { left: calc(-120*var(--u)) !important; top: calc(-120*var(--u)) !important; width: calc(730*var(--u)) !important; height: calc(753.4*var(--u)) !important; }
.s10-sheet { left: calc(-6.45*var(--u)) !important; top: calc(29.9*var(--u)) !important; transform: rotate(-3deg) scale(0.595238); }
.s10.s10-js .s10-sheet { transform: translateY(calc(60*var(--u))) rotate(-9deg) scale(0.595238); }
.s10.s10-js.s10-in .s10-sheet { transform: rotate(-3deg) scale(0.595238); }
.s10-n { left: calc(20*var(--u)) !important; font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s10-pt { left: calc(52*var(--u)) !important; font-size: calc(20*var(--u)); letter-spacing: calc(-0.4*var(--u)); }
.s10-pd { left: calc(52*var(--u)) !important; width: calc(318*var(--u)) !important; font-size: calc(14*var(--u)); letter-spacing: calc(-0.1*var(--u)); }
.s10-n.s10-r1 { top: calc(547.33*var(--u)) !important; } .s10-pt.s10-r1 { top: calc(539.33*var(--u)) !important; } .s10-pd.s10-r1 { top: calc(571.33*var(--u)) !important; }
.s10-n.s10-r2 { top: calc(623.33*var(--u)) !important; } .s10-pt.s10-r2 { top: calc(615.33*var(--u)) !important; } .s10-pd.s10-r2 { top: calc(647.33*var(--u)) !important; }
.s10-n.s10-r3 { top: calc(699.33*var(--u)) !important; } .s10-pt.s10-r3 { top: calc(691.33*var(--u)) !important; } .s10-pd.s10-r3 { top: calc(723.33*var(--u)) !important; }
.s10-num { left: calc(317*var(--u)) !important; top: calc(22*var(--u)) !important; font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s10-grain { width: calc(390*var(--u)); height: calc(800*var(--u)); }

}
/* == 10-contract.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
.s10 { height: calc(716*var(--u)); }
.s10-h { left: calc(38*var(--u)) !important; top: calc(80*var(--u)) !important; font-size: calc(56*var(--u)); letter-spacing: calc(2*var(--u)); }
.s10-glow { left: calc(258*var(--u)) !important; top: calc(108*var(--u)) !important; width: calc(620*var(--u)) !important; height: calc(640*var(--u)) !important; }
.s10-glow img { left: calc(-170*var(--u)) !important; top: calc(-170*var(--u)) !important; width: calc(960*var(--u)) !important; height: calc(980*var(--u)) !important; }
.s10-sheet { left: calc(368.26*var(--u)) !important; top: calc(139.88*var(--u)) !important; transform: rotate(-3deg) scale(0.714286); }
.s10.s10-js .s10-sheet { transform: translateY(calc(60*var(--u))) rotate(-9deg) scale(0.714286); }
.s10.s10-js.s10-in .s10-sheet { transform: rotate(-3deg) scale(0.714286); }
.s10-n { left: calc(40*var(--u)) !important; font-size: calc(12*var(--u)); letter-spacing: calc(1.68*var(--u)); }
.s10-pt { left: calc(72*var(--u)) !important; font-size: calc(24*var(--u)); letter-spacing: calc(-0.9*var(--u)); }
.s10-pd { left: calc(72*var(--u)) !important; width: calc(306*var(--u)) !important; font-size: calc(15*var(--u)); letter-spacing: calc(-0.1*var(--u)); }
.s10-n.s10-r1 { top: calc(244*var(--u)) !important; } .s10-pt.s10-r1 { top: calc(236*var(--u)) !important; } .s10-pd.s10-r1 { top: calc(273*var(--u)) !important; }
.s10-n.s10-r2 { top: calc(357*var(--u)) !important; } .s10-pt.s10-r2 { top: calc(349*var(--u)) !important; } .s10-pd.s10-r2 { top: calc(386*var(--u)) !important; }
.s10-n.s10-r3 { top: calc(470*var(--u)) !important; } .s10-pt.s10-r3 { top: calc(462*var(--u)) !important; } .s10-pd.s10-r3 { top: calc(499*var(--u)) !important; }
.s10-num { left: calc(670*var(--u)) !important; top: calc(32*var(--u)) !important; font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s10-grain { width: calc(768*var(--u)); height: calc(716*var(--u)); }
.s10-b { display: inline; }

}
/* == 11-reviews.css == */
.s11 { height: calc(900*var(--u)); }
.s11-src { font: 500 calc(15*var(--u))/normal var(--f-text); letter-spacing: calc(0.15*var(--u)); color: rgba(255,255,255,.55); }
.s11-rating { font-family: var(--f-head); font-weight: 900; font-size: calc(198*var(--u)); line-height: .96; letter-spacing: calc(33*var(--u)); color: #fff; }
.s11-of { font: 500 calc(22*var(--u))/normal var(--f-text); color: rgba(255,255,255,.7); }
.s11-btn, .s12-btn { background: #fff; border-radius: calc(32*var(--u)); overflow: hidden; color: #0a0a0a; transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s; }
.s11-btn:hover { transform: translateY(calc(-2*var(--u))); box-shadow: 0 calc(10*var(--u)) calc(30*var(--u)) rgba(255,43,43,.25); }
.s11-btn-t, .s12-btn-t { font: 500 calc(17*var(--u))/normal var(--f-text); color: #0a0a0a; }
.s11-btn-ar, .s12-btn-ar { font: 500 calc(22*var(--u))/normal var(--f-text); color: #fff; transition: transform .35s; }
.s11-btn-c, .s12-btn img { transition: transform .35s; }
.s11-btn:hover .s11-btn-ar, .s12-btn:hover .s12-btn-ar { transform: translateX(calc(3*var(--u))); }
.s11-h2 { font: 600 calc(48*var(--u))/0.94 var(--f-text); letter-spacing: calc(-1.68*var(--u)); color: rgba(255,255,255,.9); white-space: nowrap; }
.s11-h2 span { display: block; }

.s11-px { will-change: transform; transition: transform .25s cubic-bezier(.2,.7,.2,1); }
.s11-vid { border-radius: calc(30*var(--u)); overflow: hidden; cursor: pointer; background: #1a1a1a; outline: 0; isolation: isolate; -webkit-mask-image: -webkit-radial-gradient(white, black); }
.s11-video { background: #1a1a1a; transform: scale(1); transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.s11-vid.is-hover .s11-video { animation: s11-kb 9s ease-in-out infinite alternate; }
.s11-vid.has-video.is-hover .s11-video { animation: none; }
@keyframes s11-kb { from { transform: scale(1) translate(0,0); } to { transform: scale(1.12) translate(-1.5%,-2%); } }
.s11-play { background: rgba(255,255,255,.18); border-radius: calc(40*var(--u)); -webkit-backdrop-filter: blur(calc(12*var(--u))); backdrop-filter: blur(calc(12*var(--u))); transition: opacity .3s, transform .3s; }
.s11-vid.is-hover .s11-play { transform: scale(.9); opacity: .55; }
.s11-vid.is-active .s11-play { opacity: 0; transform: scale(.7); }
.s11-cap { background: rgba(10,10,10,.16); border-radius: calc(26*var(--u)); -webkit-backdrop-filter: blur(calc(14*var(--u))); backdrop-filter: blur(calc(14*var(--u))); font: 500 calc(13*var(--u))/normal var(--f-text); color: rgba(255,255,255,.9); }
.s11-vid:focus-visible { box-shadow: 0 0 0 2px #ff2b2b; }
.s11-review { background: rgba(10,10,10,.14); border-radius: calc(32*var(--u)); -webkit-backdrop-filter: blur(calc(22*var(--u))); backdrop-filter: blur(calc(22*var(--u))); border: 1px solid rgba(255,255,255,.14); font: 500 calc(22*var(--u))/1.3 var(--f-text); letter-spacing: calc(-0.22*var(--u)); color: #fff; pointer-events: auto; }
.s11-who { font: 500 calc(13*var(--u))/normal var(--f-text); letter-spacing: calc(.13*var(--u)); color: rgba(255,255,255,.6); }
.s11-glow { mix-blend-mode: screen; pointer-events: none; animation: s11-breathe 9s ease-in-out infinite alternate; }
.s11-glow2 { animation-delay: -4s; }
@keyframes s11-breathe { from { opacity: .8; } to { opacity: 1; } }
.s11-tag { font: 700 calc(12*var(--u))/normal var(--f-text); letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,.95); white-space: pre; }
.s11-grain { background: url(../img/11-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .s11-glow, .s11-vid.is-hover .s11-video { animation: none; } .s11-px { transition: none; } }

/* позиции (вынесены из inline-style, макет 1440) */
.s11-src { left: calc(40*var(--u)); top: calc(100*var(--u)); }
.s11-rating { left: calc(34*var(--u)); top: calc(140*var(--u)); }
.s11-of { left: calc(40*var(--u)); top: calc(400*var(--u)); }
.s11-btn { left: calc(40*var(--u)); top: calc(460*var(--u)); width: calc(288*var(--u)); height: calc(64*var(--u)); }
.s11-btn-t { left: calc(28*var(--u)); top: calc(21*var(--u)); }
.s11-btn-c { left: calc(230*var(--u)); top: calc(6*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); }
.s11-btn-ar { left: calc(247*var(--u)); top: calc(17.5*var(--u)); }
.s11-h2 { left: calc(40*var(--u)); top: calc(620*var(--u)); }
.s11-px { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); }
.s11-px2 { pointer-events: none; }
.s11-vid { width: calc(310*var(--u)); height: calc(560*var(--u)); }
.s11-vid1 { left: calc(600*var(--u)); top: calc(100*var(--u)); }
.s11-vid2 { left: calc(930*var(--u)); top: calc(160*var(--u)); }
.s11-play { left: calc(115*var(--u)); top: calc(220*var(--u)); width: calc(80*var(--u)); height: calc(80*var(--u)); }
.s11-play img { left: calc(31*var(--u)); top: calc(28*var(--u)); width: calc(22*var(--u)); height: calc(24*var(--u)); }
.s11-cap { left: calc(12*var(--u)); top: calc(496*var(--u)); width: calc(286*var(--u)); height: calc(52*var(--u)); }
.s11-cap > span { left: calc(18*var(--u)); top: calc(17.5*var(--u)); }
.s11-review { left: calc(1040*var(--u)); top: calc(520*var(--u)); width: calc(360*var(--u)); height: calc(300*var(--u)); }
.s11-rev-t { left: calc(28*var(--u)); top: calc(30*var(--u)); width: calc(304*var(--u)); }
.s11-who { left: calc(28*var(--u)); top: calc(250*var(--u)); }
.s11-glow1 { left: calc(-420*var(--u)); top: calc(-240*var(--u)); width: calc(760*var(--u)); height: calc(560*var(--u)); }
.s11-glow1 img { left: calc(-180*var(--u)); top: calc(-180*var(--u)); width: calc(1120*var(--u)); height: calc(920*var(--u)); }
.s11-glow2 { left: calc(1180*var(--u)); top: calc(660*var(--u)); width: calc(600*var(--u)); height: calc(420*var(--u)); }
.s11-glow2 img { left: calc(-170*var(--u)); top: calc(-170*var(--u)); width: calc(940*var(--u)); height: calc(760*var(--u)); }
.s11-tag { left: calc(1341*var(--u)); top: calc(40*var(--u)); }
.s11-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(900*var(--u)); }
.s11-m { display: none; }

/* == 11-reviews.m390.css == */
@media (max-width: 599px) {
.s11 { height: calc(976*var(--u)); }
.s11-src { left: calc(20*var(--u)); top: calc(48*var(--u)); font-size: calc(12*var(--u)); letter-spacing: calc(0.12*var(--u)); }
.s11-rating { left: calc(16*var(--u)); top: calc(76*var(--u)); font-size: calc(88*var(--u)); letter-spacing: calc(14.5*var(--u)); line-height: .96; }
.s11-of { left: calc(20*var(--u)); top: calc(172*var(--u)); font-size: calc(16*var(--u)); }
.s11-btn { left: calc(20*var(--u)); top: calc(209*var(--u)); width: calc(245*var(--u)); height: calc(50*var(--u)); border-radius: calc(25*var(--u)); }
.s11-btn-t { left: calc(28*var(--u)); top: calc(16*var(--u)); font-size: calc(14*var(--u)); }
.s11-btn-c { left: calc(201*var(--u)); top: calc(6*var(--u)); width: calc(38*var(--u)); height: calc(38*var(--u)); }
.s11-btn-ar { left: calc(211*var(--u)); top: calc(10.5*var(--u)); }
.s11-h2 { left: calc(20*var(--u)); top: calc(295*var(--u)); font-size: calc(24*var(--u)); letter-spacing: calc(-0.84*var(--u)); }
.s11-px2 { width: calc(390*var(--u)); height: calc(976*var(--u)); }
.s11-px1 { left: 0; top: calc(365*var(--u)); width: calc(390*var(--u)); height: calc(390*var(--u)); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-left: calc(20*var(--u)); -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
.s11-px1::-webkit-scrollbar { display: none; }
.s11-vid { top: 0; width: calc(220*var(--u)); height: calc(390*var(--u)); border-radius: calc(22*var(--u)); scroll-snap-align: start; }
.s11-vid1 { left: calc(20*var(--u)); } .s11-vid2 { left: calc(252*var(--u)); }
.s11-play { left: calc(80*var(--u)); top: calc(156*var(--u)); width: calc(60*var(--u)); height: calc(60*var(--u)); border-radius: calc(30*var(--u)); }
.s11-play img { left: calc(23.65*var(--u)); top: calc(19.8*var(--u)); width: calc(18.7*var(--u)); height: calc(20.4*var(--u)); }
.s11-cap { left: calc(10*var(--u)); top: calc(334*var(--u)); width: calc(200*var(--u)); height: calc(46*var(--u)); border-radius: calc(23*var(--u)); }
.s11-cap > span { left: calc(16*var(--u)); top: calc(16*var(--u)); font-size: calc(11*var(--u)); }
.s11-cap-pre { display: none; }
.s11-video { object-fit: cover; }
.s11-review { left: calc(20*var(--u)); top: calc(771*var(--u)); width: calc(350*var(--u)); height: calc(149*var(--u)); border-radius: calc(24*var(--u)); pointer-events: none; }
.s11-rev-t { left: calc(24*var(--u)); top: calc(24*var(--u)); width: calc(302*var(--u)); font-size: calc(18*var(--u)); letter-spacing: calc(-0.75*var(--u)); line-height: 1.3; }
.s11-who { left: calc(24*var(--u)); top: calc(113*var(--u)); font-size: calc(12*var(--u)); }
.s11-glow1 { left: calc(-220*var(--u)); top: calc(-160*var(--u)); width: calc(400*var(--u)); height: calc(340*var(--u)); }
.s11-glow1 img { left: calc(-120*var(--u)); top: calc(-120*var(--u)); width: calc(640*var(--u)); height: calc(580*var(--u)); }
.s11-glow2 { left: calc(230*var(--u)); top: calc(800*var(--u)); width: calc(300*var(--u)); height: calc(260*var(--u)); }
.s11-glow2 img { left: calc(-110*var(--u)); top: calc(-110*var(--u)); width: calc(520*var(--u)); height: calc(480*var(--u)); }
.s11-tag { left: calc(321*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s11-grain { width: calc(390*var(--u)); height: calc(976*var(--u)); }

}
/* == 11-reviews.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
.s11 { height: calc(1096*var(--u)); }
.s11-m { display: block; }
.s11-src { left: calc(40*var(--u)); top: calc(72*var(--u)); font-size: calc(14*var(--u)); letter-spacing: calc(0.14*var(--u)); }
.s11-rating { left: calc(36*var(--u)); top: calc(102*var(--u)); font-size: calc(150*var(--u)); letter-spacing: calc(25*var(--u)); line-height: .96; }
.s11-of { left: calc(40*var(--u)); top: calc(258*var(--u)); font-size: calc(20*var(--u)); letter-spacing: calc(-0.45*var(--u)); }
.s11-btn { left: calc(40*var(--u)); top: calc(304*var(--u)); width: calc(261*var(--u)); height: calc(56*var(--u)); border-radius: calc(28*var(--u)); }
.s11-btn-t { left: calc(28*var(--u)); top: calc(18*var(--u)); font-size: calc(15*var(--u)); }
.s11-btn-c { left: calc(211*var(--u)); top: calc(6*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); }
.s11-btn-ar { left: calc(224*var(--u)); top: calc(13.5*var(--u)); }
.s11-h2 { left: calc(40*var(--u)); top: calc(408*var(--u)); font-size: calc(36*var(--u)); letter-spacing: calc(-2.6*var(--u)); }
.s11-px2 { width: calc(768*var(--u)); height: calc(1096*var(--u)); }
/* карусель видео: пролистывается пальцем */
.s11-px1 { left: 0; top: calc(508*var(--u)); width: calc(768*var(--u)); height: calc(500*var(--u)); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scroll-padding-left: calc(40*var(--u)); -webkit-overflow-scrolling: touch; scrollbar-width: none; overscroll-behavior-x: contain; }
.s11-px1::-webkit-scrollbar { display: none; }
.s11-vid { top: 0; width: calc(280*var(--u)); height: calc(500*var(--u)); border-radius: calc(26*var(--u)); scroll-snap-align: start; }
.s11-vid1 { left: calc(40*var(--u)); } .s11-vid2 { left: calc(332*var(--u)); } .s11-vid3 { left: calc(624*var(--u)); }
.s11-play { left: calc(104*var(--u)); top: calc(200*var(--u)); width: calc(72*var(--u)); height: calc(72*var(--u)); border-radius: calc(36*var(--u)); }
.s11-play img { left: calc(28*var(--u)); top: calc(24*var(--u)); width: calc(22*var(--u)); height: calc(24*var(--u)); }
.s11-cap { left: calc(10*var(--u)); top: calc(444*var(--u)); width: calc(260*var(--u)); height: calc(46*var(--u)); border-radius: calc(23*var(--u)); }
.s11-cap > span { left: calc(16*var(--u)); top: calc(15*var(--u)); font-size: calc(12*var(--u)); }
.s11-video { object-fit: cover; }
.s11-review { left: calc(408*var(--u)); top: calc(858*var(--u)); width: calc(320*var(--u)); height: calc(158*var(--u)); border-radius: calc(28*var(--u)); pointer-events: none; }
.s11-rev-t { left: calc(24*var(--u)); top: calc(24*var(--u)); width: calc(272*var(--u)); font-size: calc(20*var(--u)); letter-spacing: calc(-0.75*var(--u)); line-height: 1.3; }
.s11-who { left: calc(24*var(--u)); top: calc(122*var(--u)); font-size: calc(13*var(--u)); }
.s11-glow1 { left: calc(-320*var(--u)); top: calc(-200*var(--u)); width: calc(600*var(--u)); height: calc(460*var(--u)); }
.s11-glow1 img { left: calc(-170*var(--u)); top: calc(-170*var(--u)); width: calc(940*var(--u)); height: calc(800*var(--u)); }
.s11-glow2 { left: calc(528*var(--u)); top: calc(856*var(--u)); width: calc(460*var(--u)); height: calc(340*var(--u)); }
.s11-glow2 img { left: calc(-150*var(--u)); top: calc(-150*var(--u)); width: calc(760*var(--u)); height: calc(640*var(--u)); }
.s11-tag { left: calc(674*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s11-grain { width: calc(768*var(--u)); height: calc(1096*var(--u)); }

}
/* == 12-checklist.css == */
.s12 { height: calc(720*var(--u)); }
.s12-photo { overflow: hidden; }
.s12-photo img { transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.s12:hover .s12-photo img { transform: scale(1.05); }
.s12-glow { mix-blend-mode: screen; pointer-events: none; animation: s12-breathe 9s ease-in-out infinite alternate; }
@keyframes s12-breathe { from { opacity: .8; } to { opacity: 1; } }
.s12-card { background: rgba(255,255,255,.16); border-radius: calc(40*var(--u)); -webkit-backdrop-filter: blur(calc(24*var(--u))) saturate(1.1); backdrop-filter: blur(calc(24*var(--u))) saturate(1.1); border: 1px solid rgba(255,255,255,.16); }
.s12-h2 { font-family: var(--f-head); font-weight: 900; font-size: calc(49*var(--u)); line-height: .96; letter-spacing: calc(7*var(--u)); color: #fff; white-space: nowrap; }
.s12-h2 span { display: block; }
.s12-h2 span:first-child { letter-spacing: calc(4.5*var(--u)); }
.s12-list { list-style: none; }
.s12-item, .s12-more { cursor: pointer; user-select: none; outline: 0; }
.s12-more { cursor: default; }
.s12-box { position: absolute; left: 0; top: 0; width: calc(26*var(--u)); height: calc(26*var(--u)); border-radius: calc(8*var(--u)); background: rgba(255,255,255,.22); transition: background .25s; }
.s12-box-dim { background: rgba(255,255,255,.22); }
.s12-box svg { position: absolute; inset: 0; width: 100%; height: 100%; fill: none; stroke: #0a0a0a; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 20; stroke-dashoffset: 20; transition: stroke-dashoffset .35s ease; }
.s12-item.is-on .s12-box { background: rgba(255,255,255,.95); }
.s12-item.is-on .s12-box svg { stroke-dashoffset: 0; }
.s12-item:hover .s12-box { background: rgba(255,255,255,.4); }
.s12-item.is-on:hover .s12-box { background: #fff; }
.s12-item:focus-visible .s12-box { box-shadow: 0 0 0 2px #ff2b2b; }
.s12-lbl { position: absolute; left: calc(42*var(--u)); top: calc(1*var(--u)); font: 500 calc(19*var(--u))/normal var(--f-text); color: rgba(255,255,255,.95); white-space: nowrap; }
.s12-more .s12-lbl { font-weight: 400; color: rgba(255,255,255,.6); transition: color .3s; }
.s12-card.is-hot .s12-more .s12-lbl { color: #fff; }
.s12-btn { transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, background .35s; }
.s12-btn:hover { transform: translateY(calc(-2*var(--u))); }
.s12-card.is-hot .s12-btn { box-shadow: 0 0 0 3px rgba(255,43,43,.55), 0 calc(12*var(--u)) calc(36*var(--u)) rgba(255,43,43,.45); animation: s12-pulse 1.8s ease-in-out infinite; }
@keyframes s12-pulse { 50% { box-shadow: 0 0 0 7px rgba(255,43,43,.18), 0 calc(12*var(--u)) calc(36*var(--u)) rgba(255,43,43,.45); } }
.s12-tag { font: 700 calc(12*var(--u))/normal var(--f-text); letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,.95); white-space: pre; }
.s12-grain { background: url(../img/12-grain.png) 0 0 / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .s12-glow, .s12-card.is-hot .s12-btn { animation: none; } .s12-photo img { transition: none; } .s12:hover .s12-photo img { transform: none; } }
.s12-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.64), rgba(0,0,0,.56) 60%, rgba(0,0,0,.52)); -webkit-mask-image: radial-gradient(ellipse calc(360*var(--u)) calc(200*var(--u)) at 0 100%, rgba(0,0,0,.5), #000); mask-image: radial-gradient(ellipse calc(360*var(--u)) calc(200*var(--u)) at 0 100%, rgba(0,0,0,.5), #000); pointer-events: none; }

/* позиции (вынесены из inline-style, макет 1440) */
.s12-photo { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(720*var(--u)); }
.s12-glow { left: calc(1060*var(--u)); top: calc(-240*var(--u)); width: calc(820*var(--u)); height: calc(600*var(--u)); }
.s12-glow img { left: calc(-180*var(--u)); top: calc(-180*var(--u)); width: calc(1180*var(--u)); height: calc(960*var(--u)); }
.s12-card { left: calc(40*var(--u)); top: calc(70*var(--u)); width: calc(640*var(--u)); height: calc(587*var(--u)); }
.s12-h2 { left: calc(36*var(--u)); top: calc(44*var(--u)); }
.s12-item, .s12-more { left: calc(36*var(--u)); width: calc(568*var(--u)); height: calc(26*var(--u)); }
.s12-i1 { top: calc(215*var(--u)); } .s12-i2 { top: calc(265*var(--u)); } .s12-i3 { top: calc(315*var(--u)); } .s12-i4 { top: calc(365*var(--u)); }
.s12-more { top: calc(415*var(--u)); }
.s12-btn { left: calc(36*var(--u)); top: calc(487*var(--u)); width: calc(275*var(--u)); height: calc(64*var(--u)); }
.s12-btn-t { left: calc(28*var(--u)); top: calc(21*var(--u)); }
.s12-btn-c { left: calc(217*var(--u)); top: calc(6*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); }
.s12-btn-ar { left: calc(234*var(--u)); top: calc(17.5*var(--u)); }
.s12-tag { left: calc(1337*var(--u)); top: calc(40*var(--u)); }
.s12-grain { left: 0; top: 0; width: calc(1440*var(--u)); height: calc(720*var(--u)); }

/* == 12-checklist.m390.css == */
@media (max-width: 599px) {
.s12 { height: calc(507*var(--u)); }
.s12-photo { width: calc(390*var(--u)); height: calc(507*var(--u)); }
.s12-photo img { object-position: 61.8% 50%; }
.s12-glow { left: calc(210*var(--u)); top: calc(-160*var(--u)); width: calc(360*var(--u)); height: calc(320*var(--u)); }
.s12-glow img { left: calc(-120*var(--u)); top: calc(-120*var(--u)); width: calc(600*var(--u)); height: calc(560*var(--u)); }
.s12-card { left: calc(20*var(--u)); top: calc(40*var(--u)); width: calc(350*var(--u)); height: calc(411*var(--u)); border-radius: calc(28*var(--u)); }
.s12-h2 { left: calc(22*var(--u)); top: calc(28*var(--u)); font-size: calc(26*var(--u)); letter-spacing: calc(0.5*var(--u)); }
.s12-h2 span:first-child { letter-spacing: calc(0.4*var(--u)); }
.s12-item, .s12-more { left: calc(22*var(--u)); width: calc(306*var(--u)); height: calc(22*var(--u)); }
.s12-i1 { top: calc(125*var(--u)); } .s12-i2 { top: calc(165*var(--u)); } .s12-i3 { top: calc(205*var(--u)); } .s12-i4 { top: calc(245*var(--u)); }
.s12-more { top: calc(285*var(--u)); }
.s12-box { width: calc(22*var(--u)); height: calc(22*var(--u)); border-radius: calc(7*var(--u)); }
.s12-lbl { left: calc(36*var(--u)); top: calc(1*var(--u)); font-size: calc(15*var(--u)); }
.s12-btn { left: calc(22*var(--u)); top: calc(337*var(--u)); width: calc(245*var(--u)); height: calc(52*var(--u)); border-radius: calc(26*var(--u)); }
.s12-btn-t { left: calc(28*var(--u)); top: calc(16*var(--u)); font-size: calc(15*var(--u)); }
.s12-btn-c { left: calc(199*var(--u)); top: calc(6*var(--u)); width: calc(40*var(--u)); height: calc(40*var(--u)); }
.s12-btn-ar { left: calc(210*var(--u)); top: calc(11.5*var(--u)); }
.s12-tag { left: calc(317*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s12-grain { width: calc(390*var(--u)); height: calc(507*var(--u)); }

}
/* == 12-checklist.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
.s12 { height: calc(692*var(--u)); }
.s12-photo { width: calc(768*var(--u)); height: calc(692*var(--u)); }
.s12-photo img { object-position: 79.8% 50%; }
.s12-glow { left: calc(468*var(--u)); top: calc(-220*var(--u)); width: calc(600*var(--u)); height: calc(460*var(--u)); }
.s12-glow img { left: calc(-170*var(--u)); top: calc(-170*var(--u)); width: calc(940*var(--u)); height: calc(800*var(--u)); }
.s12-card { left: calc(40*var(--u)); top: calc(64*var(--u)); width: calc(688*var(--u)); height: calc(548*var(--u)); border-radius: calc(36*var(--u)); }
.s12-h2 { left: calc(32*var(--u)); top: calc(38*var(--u)); font-size: calc(48*var(--u)); letter-spacing: calc(6.5*var(--u)); }
.s12-h2 span:first-child { letter-spacing: calc(4.5*var(--u)); }
.s12-item, .s12-more { left: calc(32*var(--u)); width: calc(624*var(--u)); height: calc(26*var(--u)); }
.s12-i1 { top: calc(204*var(--u)); } .s12-i2 { top: calc(252*var(--u)); } .s12-i3 { top: calc(300*var(--u)); } .s12-i4 { top: calc(348*var(--u)); }
.s12-more { top: calc(396*var(--u)); }
.s12-box { width: calc(26*var(--u)); height: calc(26*var(--u)); border-radius: calc(7*var(--u)); }
.s12-lbl { left: calc(40*var(--u)); top: calc(1*var(--u)); font-size: calc(18*var(--u)); letter-spacing: calc(-0.27*var(--u)); }
.s12-btn { left: calc(32*var(--u)); top: calc(456*var(--u)); width: calc(262*var(--u)); height: calc(60*var(--u)); border-radius: calc(30*var(--u)); }
.s12-btn-t { left: calc(28*var(--u)); top: calc(19.5*var(--u)); font-size: calc(16*var(--u)); }
.s12-btn-c { left: calc(208*var(--u)); top: calc(6*var(--u)); width: calc(48*var(--u)); height: calc(48*var(--u)); }
.s12-btn-ar { left: calc(223*var(--u)); top: calc(15.5*var(--u)); }
.s12-tag { left: calc(670*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s12-grain { width: calc(768*var(--u)); height: calc(692*var(--u)); }

}
/* == 13-questions.css == */
.s13 { height: calc(820*var(--u)); }
.s13-glow { left: calc(1040*var(--u)); top: calc(360*var(--u)); width: calc(840*var(--u)); height: calc(740*var(--u)); mix-blend-mode: screen; pointer-events: none; }
.s13-glow img { width: 100%; height: 100%; }
.s13-title { left: calc(40*var(--u)); top: calc(96*var(--u)); font-size: calc(62*var(--u)); font-weight: 900; line-height: 0.96; letter-spacing: calc(7.7*var(--u)); color: #fff; }
.s13-sub { left: calc(40*var(--u)); top: calc(172*var(--u)); width: calc(380*var(--u)); font-size: calc(18*var(--u)); line-height: 1.45; letter-spacing: calc(-.28*var(--u)); color: rgba(255,255,255,.65); }
.s13-btn { position: absolute; left: calc(40*var(--u)); top: calc(222*var(--u)); width: calc(276*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); background: #fff; overflow: hidden; transition: transform .3s; }
.s13-btn:hover { transform: translateY(calc(-2*var(--u))); }
.s13-btn:hover .s13-btn-ar { transform: translateX(calc(3*var(--u))); }
.s13-btn-t { position: absolute; left: calc(28*var(--u)); top: calc(21*var(--u)); font-size: calc(17*var(--u)); font-weight: 500; color: #0a0a0a; white-space: nowrap; line-height: normal; }
.s13-btn-c { left: calc(218*var(--u)); top: calc(6*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); }
.s13-btn-ar { position: absolute; left: calc(235*var(--u)); top: calc(17.5*var(--u)); font-size: calc(22*var(--u)); font-weight: 500; color: #fff; line-height: normal; transition: transform .3s; }
.s13-photo { left: calc(40*var(--u)); top: calc(342*var(--u)); width: calc(300*var(--u)); height: calc(330*var(--u)); border-radius: calc(24*var(--u)); overflow: hidden; }
.s13-photo img { width: 100%; height: 100%; object-fit: cover; }

.s13-list { left: calc(560*var(--u)); top: calc(120*var(--u)); width: calc(840*var(--u)); }
.s13-item { position: relative; border-top: 1px solid rgba(255,255,255,.16); }
.s13-end { border-top: 1px solid rgba(255,255,255,.16); }
.s13-head { display: block; position: relative; width: 100%; height: calc(81*var(--u)); text-align: left; }
.s13-n { position: absolute; left: 0; top: calc(39*var(--u)); font-size: calc(12*var(--u)); font-weight: 700; letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,.5); line-height: normal; transition: color .3s; }
.s13-q { position: absolute; left: calc(44*var(--u)); top: calc(29*var(--u)); font-size: calc(26*var(--u)); font-weight: 400; letter-spacing: calc(-1.2*var(--u)); color: rgba(255,255,255,.85); white-space: nowrap; line-height: normal; transition: color .3s; }
.s13-head:hover .s13-q { color: #fff; }
.s13-open .s13-n { color: rgba(255,122,26,.95); }
.s13-open .s13-q { color: #fff; font-weight: 600; letter-spacing: calc(-1.25*var(--u)); }
.s13-pm { position: absolute; left: calc(816*var(--u)); top: calc(38*var(--u)); width: calc(17*var(--u)); height: calc(17*var(--u)); transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.s13-pm::before, .s13-pm::after { content: ''; position: absolute; left: 0; top: calc(7.5*var(--u)); width: calc(17*var(--u)); height: calc(2*var(--u)); background: #fff; border-radius: calc(1*var(--u)); transition: background .3s, transform .45s cubic-bezier(.2,.7,.2,1); }
.s13-pm::after { transform: rotate(90deg); }
.s13-open .s13-pm { transform: rotate(180deg); }
.s13-open .s13-pm::before { background: #ff2b2b; }
.s13-open .s13-pm::after { transform: rotate(0deg); background: #ff2b2b; }
.s13-body { height: calc(18*var(--u)); overflow: hidden; transition: height .5s cubic-bezier(.2,.7,.2,1); }
.s13-open .s13-body { height: calc(128*var(--u)); }
.s13-in { padding: 0 0 0 calc(44*var(--u)); }
.s13-in p { width: calc(620*var(--u)); font-size: calc(18*var(--u)); line-height: 1.45; letter-spacing: calc(-.28*var(--u)); color: rgba(255,255,255,.7); opacity: 0; transition: opacity .4s; }
.s13-open .s13-in p { opacity: 1; transition-delay: .12s; }
.s13-lbl { left: calc(1338*var(--u)); top: calc(40*var(--u)); font-size: calc(12*var(--u)); font-weight: 700; letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,.95); }
.s13-grain { background: url(../img/13-grain.png) top left / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .s13-body, .s13-pm, .s13-pm::before, .s13-pm::after, .s13-in p { transition: none; } }

/* == 13-questions.m390.css == */
@media (max-width: 599px) {
/* Секция 13 · телефон · макет 41:2251 (390 x 685) */
.s13 { height: calc(685*var(--u)); overflow: hidden; overflow: clip; }
.s13-glow { left: calc(140*var(--u)); top: calc(299*var(--u)); width: calc(500*var(--u)); height: calc(480*var(--u)); background: url(../img/13-glow-m390.svg) 0 0 / 100% 100% no-repeat; }
.s13-glow img { display: none; }
.s13-title { left: calc(18*var(--u)); top: calc(56*var(--u)); font-size: calc(32*var(--u)); letter-spacing: calc(3.3*var(--u)); }
.s13-sub { left: calc(20*var(--u)); top: calc(97*var(--u)); width: calc(350*var(--u)); font-size: calc(15*var(--u)); letter-spacing: calc(-.1*var(--u)); }
.s13-btn { left: calc(20*var(--u)); top: calc(135*var(--u)); width: calc(235*var(--u)); height: calc(50*var(--u)); border-radius: calc(25*var(--u)); }
.s13-btn-t { left: calc(28*var(--u)); top: calc(16*var(--u)); font-size: calc(14*var(--u)); }
.s13-btn-c { left: calc(191*var(--u)); top: calc(6*var(--u)); width: calc(38*var(--u)); height: calc(38*var(--u)); }
.s13-btn-ar { left: calc(201*var(--u)); top: calc(10.5*var(--u)); font-size: calc(22*var(--u)); }
.s13-photo { display: none; }

.s13-list { left: calc(20*var(--u)); top: calc(221*var(--u)); width: calc(350*var(--u)); }
.s13-head { height: auto; padding: calc(18*var(--u)) 0 calc(17*var(--u)); min-height: calc(57*var(--u)); }
.s13-n { left: 0; top: calc(24*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s13-q { position: relative; display: block; left: 0; top: 0; margin: 0 calc(40*var(--u)) 0 calc(30*var(--u)); font-size: calc(17*var(--u)); line-height: calc(22*var(--u)); letter-spacing: calc(-.5*var(--u)); white-space: normal; }
.s13-open .s13-q { letter-spacing: calc(-.5*var(--u)); }
.s13-pm { left: calc(331*var(--u)); top: calc(22*var(--u)); width: calc(12*var(--u)); height: calc(12*var(--u)); }
.s13-pm::before, .s13-pm::after { top: calc(5*var(--u)); width: calc(12*var(--u)); }
.s13-body { height: 0; transition: height .5s cubic-bezier(.2,.7,.2,1), margin-top .5s cubic-bezier(.2,.7,.2,1); }
.s13-open .s13-body { height: calc(80*var(--u)); margin-top: calc(-6*var(--u)); }
.s13-in { padding: 0 0 calc(19*var(--u)) calc(30*var(--u)); }
.s13-in p { width: calc(284*var(--u)); font-size: calc(14*var(--u)); letter-spacing: 0; }
.s13-lbl { left: calc(318*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }
.s13-grain { height: calc(685*var(--u)); }

}
/* == 13-questions.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
/* Секция 13 · планшет · макет 41:1153 (768 x 806) */
.s13 { height: calc(806*var(--u)); overflow: hidden; overflow: clip; }
.s13-glow { left: calc(398*var(--u)); top: calc(276*var(--u)); width: calc(720*var(--u)); height: calc(660*var(--u)); background: url(../img/13-glow-m768.svg) 0 0 / 100% 100% no-repeat; }
.s13-glow img { display: none; }
.s13-title { left: calc(38*var(--u)); top: calc(80*var(--u)); font-size: calc(58*var(--u)); letter-spacing: calc(9.1*var(--u)); }
.s13-sub { left: calc(40*var(--u)); top: calc(150*var(--u)); width: calc(380*var(--u)); font-size: calc(17*var(--u)); letter-spacing: calc(-.25*var(--u)); }
.s13-btn { left: calc(40*var(--u)); top: calc(195*var(--u)); width: calc(251*var(--u)); height: calc(56*var(--u)); border-radius: calc(28*var(--u)); }
.s13-btn-t { left: calc(28*var(--u)); top: calc(18*var(--u)); font-size: calc(15*var(--u)); }
.s13-btn-c { left: calc(201*var(--u)); top: calc(6*var(--u)); width: calc(44*var(--u)); height: calc(44*var(--u)); }
.s13-btn-ar { left: calc(214*var(--u)); top: calc(13.5*var(--u)); font-size: calc(22*var(--u)); }
.s13-photo { left: calc(508*var(--u)); top: calc(80*var(--u)); width: calc(220*var(--u)); height: calc(171*var(--u)); border-radius: calc(20*var(--u)); }

.s13-list { left: calc(40*var(--u)); top: calc(299*var(--u)); width: calc(688*var(--u)); }
.s13-head { height: auto; padding: calc(22*var(--u)) 0 calc(21*var(--u)); min-height: calc(72*var(--u)); }
.s13-n { left: 0; top: calc(30*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s13-q { position: relative; display: block; left: 0; top: 0; margin: 0 calc(56*var(--u)) 0 calc(40*var(--u)); font-size: calc(22*var(--u)); line-height: calc(29*var(--u)); letter-spacing: calc(-.93*var(--u)); white-space: normal; }
.s13-open .s13-q { letter-spacing: calc(-.95*var(--u)); }
.s13-pm { left: calc(668*var(--u)); top: calc(30*var(--u)); width: calc(14*var(--u)); height: calc(14*var(--u)); }
.s13-body { height: 0; transition: height .5s cubic-bezier(.2,.7,.2,1), margin-top .5s cubic-bezier(.2,.7,.2,1); }
.s13-open .s13-body { height: calc(68*var(--u)); margin-top: calc(-6*var(--u)); }
.s13-in { padding: 0 0 calc(24.5*var(--u)) calc(40*var(--u)); }
.s13-in p { width: calc(612*var(--u)); font-size: calc(15*var(--u)); letter-spacing: calc(-.4*var(--u)); }
.s13-lbl { left: calc(671*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }
.s13-grain { height: calc(806*var(--u)); }

}
/* == 14-lead.css == */
.s14 { height: calc(1000*var(--u)); }
.s14-photo { object-fit: cover; }
.s14-gl1 { left: calc(920*var(--u)); top: calc(-440*var(--u)); width: calc(1120*var(--u)); height: calc(920*var(--u)); mix-blend-mode: screen; pointer-events: none; }
.s14-gl2 { left: calc(-550*var(--u)); top: calc(390*var(--u)); width: calc(980*var(--u)); height: calc(760*var(--u)); mix-blend-mode: screen; pointer-events: none; }
.s14-gl1 img, .s14-gl2 img { width: 100%; height: 100%; }
.s14-fade { left: 0; top: calc(760*var(--u)); width: calc(1440*var(--u)); height: calc(100*var(--u)); background: linear-gradient(to top, #0a0a0a, rgba(10,10,10,0)); }

.s14-formwrap { left: calc(40*var(--u)); top: calc(80*var(--u)); width: calc(660*var(--u)); height: calc(700*var(--u)); perspective: calc(1800*var(--u)); }
.s14-form { position: absolute; inset: 0; transform-style: preserve-3d; transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.s14-form.s14-sent { transform: rotateY(180deg); }
.s14-face { position: absolute; inset: 0; border-radius: calc(40*var(--u)); background: rgba(10,10,10,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); -webkit-backdrop-filter: blur(calc(8*var(--u))); backdrop-filter: blur(calc(8*var(--u))); backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.s14-back { transform: rotateY(180deg); background: rgba(10,10,10,.5); }
.s14-h { left: calc(40*var(--u)); top: calc(44*var(--u)); font-size: calc(46*var(--u)); letter-spacing: calc(5.1*var(--u)); font-weight: 900; line-height: calc(43.2*var(--u)); color: #fff; }
.s14-f { left: calc(40*var(--u)); width: calc(580*var(--u)); height: calc(72*var(--u)); border-radius: calc(36*var(--u)); border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.12); padding: 0 calc(27*var(--u)) calc(4*var(--u)); font: 400 calc(17*var(--u)) var(--f-text); color: #fff; outline: none; transition: background .25s, border-color .25s; }
.s14-f::placeholder { color: rgba(255,255,255,.6); }
.s14-f:focus { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.5); }
.s14-hp { position: absolute; left: calc(-9999*var(--u)); width: calc(1*var(--u)); height: calc(1*var(--u)); opacity: 0; }
.s14-agree { left: calc(40*var(--u)); top: calc(512*var(--u)); width: calc(560*var(--u)); height: calc(40*var(--u)); cursor: pointer; display: block; }
.s14-agree input { position: absolute; opacity: 0; width: calc(1*var(--u)); height: calc(1*var(--u)); }
.s14-box { position: absolute; left: 0; top: 0; width: calc(24*var(--u)); height: calc(24*var(--u)); border-radius: calc(7*var(--u)); background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.4); }
.s14-box svg { display: block; opacity: 0; width: calc(24*var(--u)); height: calc(24*var(--u)); }
.s14-agree input:checked + .s14-box { background: rgba(255,255,255,.9); border-color: transparent; }
.s14-agree input:checked + .s14-box svg { opacity: 1; }
.s14-agree input:focus-visible + .s14-box { outline: 2px solid #ff7a1a; outline-offset: 2px; }
.s14-agree-t { position: absolute; left: calc(40*var(--u)); top: 0; width: calc(520*var(--u)); font-size: calc(14*var(--u)); line-height: 1.4; color: rgba(255,255,255,.6); }
.s14-send { left: calc(40*var(--u)); top: calc(590*var(--u)); width: calc(195*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); background: #fff; overflow: hidden; transition: opacity .3s, transform .3s, filter .3s; }
.s14-send:not(:disabled):hover { transform: translateY(calc(-2*var(--u))); }
.s14-send:disabled { opacity: .35; cursor: not-allowed; }
.s14-send-t { position: absolute; left: calc(28*var(--u)); top: calc(21*var(--u)); font-size: calc(17*var(--u)); font-weight: 500; color: #0a0a0a; line-height: normal; }
.s14-send-c { left: calc(137*var(--u)); top: calc(6*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); }
.s14-send-ar { left: calc(154*var(--u)); top: calc(17.5*var(--u)); font-size: calc(22*var(--u)); font-weight: 500; color: #fff; line-height: normal; }
.s14-err { left: calc(259*var(--u)); top: calc(598*var(--u)); width: calc(360*var(--u)); font-size: calc(14*var(--u)); line-height: 1.4; color: #ff6b6b; }
.s14-f.s14-bad { border-color: #ff2b2b; }
.s14-done-ic { left: calc(40*var(--u)); top: calc(90*var(--u)); width: calc(72*var(--u)); height: calc(72*var(--u)); border-radius: calc(36*var(--u)); background: #ff2b2b; display: flex; align-items: center; justify-content: center; }
.s14-done-p { left: calc(40*var(--u)); top: calc(360*var(--u)); width: calc(520*var(--u)); font-size: calc(18*var(--u)); line-height: 1.45; color: rgba(255,255,255,.75); }

.s14-contacts { left: calc(760*var(--u)); top: calc(520*var(--u)); width: calc(640*var(--u)); height: calc(260*var(--u)); border-radius: calc(40*var(--u)); background: rgba(10,10,10,.16); box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); -webkit-backdrop-filter: blur(calc(8*var(--u))); backdrop-filter: blur(calc(8*var(--u))); }
.s14-c-l { left: calc(36*var(--u)); top: calc(32*var(--u)); font-size: calc(14*var(--u)); font-weight: 500; letter-spacing: calc(.14*var(--u)); color: rgba(255,255,255,.6); }
.s14-phone { left: calc(36*var(--u)); top: calc(62*var(--u)); font-size: calc(52*var(--u)); font-weight: 600; line-height: .94; letter-spacing: calc(-3.9*var(--u)); color: #fff; }
.s14-cb { top: calc(158*var(--u)); width: calc(64*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.25); transition: background .25s, transform .25s; }
.s14-cb:hover { background: rgba(255,255,255,.34); transform: translateY(calc(-2*var(--u))); }
.s14-max { left: calc(12*var(--u)); top: calc(21.5*var(--u)); font-size: calc(16*var(--u)); font-weight: 700; letter-spacing: calc(.64*var(--u)); color: #fff; }
.s14-c-t { top: calc(182*var(--u)); font-size: calc(14*var(--u)); font-weight: 500; letter-spacing: calc(.14*var(--u)); color: rgba(255,255,255,.75); }

.s14-line { left: calc(40*var(--u)); top: calc(900*var(--u)); width: calc(1360*var(--u)); height: 1px; background: rgba(255,255,255,.15); }
.s14-logo { left: calc(40*var(--u)); top: calc(924*var(--u)); width: calc(168.571*var(--u)); height: calc(40*var(--u)); border-radius: calc(5.714*var(--u)); background: #fff; overflow: hidden; }
.s14-lg-b { left: calc(2.14*var(--u)); top: calc(2.14*var(--u)); width: calc(164.286*var(--u)); height: calc(35.714*var(--u)); border-radius: calc(4.286*var(--u)); border: calc(1.429*var(--u)) solid #0a0a0a; }
.s14-lg-n { left: calc(13.43*var(--u)); top: calc(13.21*var(--u)); font-size: calc(15*var(--u)); font-weight: 900; letter-spacing: calc(2.3*var(--u)); line-height: 1; color: #0a0a0a; text-transform: none; }
.s14-lg-d { left: calc(127.14*var(--u)); top: calc(2.14*var(--u)); width: calc(1.429*var(--u)); height: calc(35.714*var(--u)); background: #0a0a0a; }
.s14-lg-77 { left: calc(133.5*var(--u)); top: calc(3.6*var(--u)); font-size: calc(16*var(--u)); font-weight: 900; letter-spacing: calc(3*var(--u)); line-height: 1; color: #0a0a0a; }
.s14-lg-rus { left: calc(132.86*var(--u)); top: calc(28.57*var(--u)); font-size: calc(5.714*var(--u)); font-weight: 700; letter-spacing: calc(.3429*var(--u)); color: #0a0a0a; }
.s14-fl { left: calc(148.71*var(--u)); width: calc(10*var(--u)); height: calc(2.143*var(--u)); }
.s14-fl-b { left: calc(148.71*var(--u)); top: calc(28.86*var(--u)); width: calc(10*var(--u)); height: calc(6.429*var(--u)); border: calc(.75*var(--u)) solid rgba(10,10,10,.5); }
.s14-tag { left: calc(226*var(--u)); top: calc(936*var(--u)); font-size: calc(14*var(--u)); color: rgba(255,255,255,.5); }
.s14-legal { right: calc(40*var(--u)); top: calc(930*var(--u)); font-size: calc(14*var(--u)); color: rgba(255,255,255,.5); }
.s14-legal a { transition: color .25s; }
.s14-legal a:hover { color: #fff; }
.s14-lbl { left: calc(1336*var(--u)); top: calc(40*var(--u)); font-size: calc(12*var(--u)); font-weight: 700; letter-spacing: calc(1.68*var(--u)); color: rgba(255,122,26,.95); }
.s14-grain { background: url(../img/14-grain.png) top left / calc(128*var(--u)) calc(128*var(--u)); opacity: .9; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .s14-form, .s14-send, .s14-cb { transition: none; } }

/* == 14-lead.m390.css == */
@media (max-width: 599px) {
/* Секция 14 · телефон · макет 41:2283 (390 x 878) */
.s14 { height: calc(878*var(--u)); overflow: hidden; overflow: clip; }
.s14-photo { inset: auto !important; left: 0; top: 0; width: calc(390*var(--u)); height: calc(698*var(--u)) !important; }
.s14-gl1 { left: calc(90*var(--u)); top: calc(-280*var(--u)); width: calc(600*var(--u)); height: calc(560*var(--u)); background: url(../img/14-glow-a-m390.svg) 0 0 / 100% 100% no-repeat; }
.s14-gl2 { left: calc(-290*var(--u)); top: calc(348*var(--u)); width: calc(540*var(--u)); height: calc(500*var(--u)); background: url(../img/14-glow-b-m390.svg) 0 0 / 100% 100% no-repeat; }
.s14-gl1 img, .s14-gl2 img { display: none; }
.s14-fade { left: 0; top: calc(618*var(--u)); width: calc(390*var(--u)); height: calc(80*var(--u)); }

.s14-formwrap { left: calc(20*var(--u)); top: calc(40*var(--u)); width: calc(350*var(--u)); height: calc(440*var(--u)); }
.s14-face { border-radius: calc(28*var(--u)); }
.s14-h { left: calc(22*var(--u)); top: calc(28*var(--u)); font-size: calc(26*var(--u)); letter-spacing: calc(1.3*var(--u)); line-height: calc(23.04*var(--u)); }
.s14-f { left: calc(22*var(--u)) !important; width: calc(306*var(--u)); height: calc(56*var(--u)); border-radius: calc(28*var(--u)); padding: 0 calc(20*var(--u)) calc(2*var(--u)); font: 400 max(16px, calc(15*var(--u))) var(--f-text); }
.s14-f1 { top: calc(96*var(--u)) !important; } .s14-f2 { top: calc(164*var(--u)) !important; } .s14-f3 { top: calc(232*var(--u)) !important; }
.s14-agree { left: calc(22*var(--u)); top: calc(308*var(--u)); width: calc(306*var(--u)); height: calc(34*var(--u)); }
.s14-box { width: calc(22*var(--u)); height: calc(22*var(--u)); border-radius: calc(6*var(--u)); }
.s14-box svg { width: calc(22*var(--u)); height: calc(22*var(--u)); }
.s14-agree-t { left: calc(34*var(--u)); top: 0; width: calc(272*var(--u)); font-size: calc(12*var(--u)); line-height: 1.4; }
.s14-send { left: calc(22*var(--u)); top: calc(366*var(--u)); width: calc(173*var(--u)); height: calc(52*var(--u)); border-radius: calc(26*var(--u)); }
.s14-send-t { left: calc(28*var(--u)); top: calc(16*var(--u)); font-size: calc(15*var(--u)); }
.s14-send-c { left: calc(127*var(--u)); top: calc(6*var(--u)); width: calc(40*var(--u)); height: calc(40*var(--u)); }
.s14-send-ar { left: calc(138*var(--u)); top: calc(11.5*var(--u)); font-size: calc(22*var(--u)); }
.s14-err { left: calc(205*var(--u)); top: calc(364*var(--u)); width: calc(123*var(--u)); height: calc(56*var(--u)); display: flex; align-items: center; font-size: calc(11*var(--u)); line-height: 1.25; }
.s14-done-ic { left: calc(22*var(--u)); top: calc(28*var(--u)); width: calc(52*var(--u)); height: calc(52*var(--u)); border-radius: calc(26*var(--u)); }
.s14-done-ic svg { width: calc(30*var(--u)); height: calc(30*var(--u)); }
.s14-h-done { top: calc(104*var(--u)) !important; }
.s14-done-p { left: calc(22*var(--u)); top: calc(180*var(--u)); width: calc(306*var(--u)); font-size: calc(15*var(--u)); }

.s14-contacts { left: calc(20*var(--u)); top: calc(496*var(--u)); width: calc(350*var(--u)); height: calc(162*var(--u)); border-radius: calc(28*var(--u)); }
.s14-c-l { left: calc(22*var(--u)); top: calc(22*var(--u)); font-size: calc(12*var(--u)); letter-spacing: calc(.12*var(--u)); }
.s14-phone { left: calc(22*var(--u)); top: calc(46*var(--u)); font-size: calc(30*var(--u)); letter-spacing: calc(-2.3*var(--u)); }
.s14-cb { top: calc(90*var(--u)); width: calc(50*var(--u)); height: calc(50*var(--u)); border-radius: calc(25*var(--u)); }
.s14-cb-tg { left: calc(22*var(--u)) !important; } .s14-cb-wa { left: calc(84*var(--u)) !important; } .s14-cb-max { left: calc(146*var(--u)) !important; }
.s14-cb-ph { display: block !important; left: calc(208*var(--u)); }
.s14-ic { width: calc(23*var(--u)) !important; height: calc(23*var(--u)) !important; }
.s14-ic-tg { left: calc(12.5*var(--u)) !important; top: calc(13.5*var(--u)) !important; }
.s14-ic-wa { left: calc(13.5*var(--u)) !important; top: calc(13.5*var(--u)) !important; }
.s14-cb-ph .s14-ic { width: calc(22*var(--u)) !important; height: calc(22*var(--u)) !important; left: calc(14*var(--u)); top: calc(14*var(--u)); }
.s14-max { left: calc(8.5*var(--u)); top: calc(16.5*var(--u)); font-size: calc(13*var(--u)); letter-spacing: calc(.52*var(--u)); }
.s14-c-t { display: none; }

.s14-line { left: calc(20*var(--u)); top: calc(714*var(--u)); width: calc(350*var(--u)); }
.s14-logo { left: calc(20*var(--u)); top: calc(738*var(--u)); width: calc(143.286*var(--u)); height: calc(34*var(--u)); border-radius: calc(4.857*var(--u)); }
.s14-lg-b { left: calc(1.82*var(--u)); top: calc(1.82*var(--u)); width: calc(139.643*var(--u)); height: calc(30.357*var(--u)); border-radius: calc(3.643*var(--u)); border-width: calc(1.214*var(--u)); }
.s14-lg-n { left: calc(13.96*var(--u)); top: calc(11.61*var(--u)); font-size: calc(12*var(--u)); letter-spacing: calc(1.9*var(--u)); }
.s14-lg-d { left: calc(108.07*var(--u)); top: calc(1.82*var(--u)); width: calc(1.214*var(--u)); height: calc(30.357*var(--u)); }
.s14-lg-77 { left: calc(113.38*var(--u)); top: calc(3.64*var(--u)); font-size: calc(12*var(--u)); letter-spacing: calc(2.2*var(--u)); }
.s14-lg-rus { left: calc(112.93*var(--u)); top: calc(24.29*var(--u)); font-size: calc(4.857*var(--u)); letter-spacing: calc(.2914*var(--u)); }
.s14-fl { left: calc(126.36*var(--u)); width: calc(8.5*var(--u)); height: calc(1.821*var(--u)); }
.s14-fl1 { top: calc(24.55*var(--u)) !important; } .s14-fl2 { top: calc(26.38*var(--u)) !important; } .s14-fl3 { top: calc(28.2*var(--u)) !important; }
.s14-fl-b { left: calc(126.36*var(--u)); top: calc(24.55*var(--u)); width: calc(8.5*var(--u)); height: calc(5.464*var(--u)); }
.s14-tag { left: calc(20*var(--u)); top: calc(788*var(--u)); font-size: calc(12*var(--u)); }
.s14-legal { right: auto; left: calc(20*var(--u)); top: calc(814*var(--u)); width: calc(350*var(--u)); font-size: calc(12*var(--u)); white-space: normal; }
.s14-lbl { left: calc(317*var(--u)); top: calc(22*var(--u)); font-size: calc(10*var(--u)); letter-spacing: calc(1.4*var(--u)); }

}
/* == 14-lead.m768.css == */
@media (min-width: 600px) and (max-width: 1023px) {
/* Секция 14 · планшет · макет 41:1187 (768 x 1022) */
.s14 { height: calc(1022*var(--u)); overflow: hidden; overflow: clip; }
.s14-photo { inset: auto !important; left: 0; top: 0; width: calc(768*var(--u)); height: calc(869*var(--u)) !important; }
.s14-gl1 { left: calc(298*var(--u)); top: calc(-390*var(--u)); width: calc(940*var(--u)); height: calc(800*var(--u)); background: url(../img/14-glow-a-m768.svg) 0 0 / 100% 100% no-repeat; }
.s14-gl2 { left: calc(-410*var(--u)); top: calc(399*var(--u)); width: calc(800*var(--u)); height: calc(680*var(--u)); background: url(../img/14-glow-b-m768.svg) 0 0 / 100% 100% no-repeat; }
.s14-gl1 img, .s14-gl2 img { display: none; }
.s14-fade { left: 0; top: calc(769*var(--u)); width: calc(768*var(--u)); height: calc(100*var(--u)); }

.s14-formwrap { left: calc(40*var(--u)); top: calc(64*var(--u)); width: calc(688*var(--u)); height: calc(528*var(--u)); }
.s14-face { border-radius: calc(36*var(--u)); }
.s14-h { left: calc(32*var(--u)); top: calc(38*var(--u)); font-size: calc(52*var(--u)); letter-spacing: calc(2.2*var(--u)); line-height: calc(46.08*var(--u)); }
.s14-f { left: calc(32*var(--u)) !important; width: calc(624*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); padding: 0 calc(24*var(--u)) calc(2*var(--u)); font: 400 max(16px, calc(16*var(--u))) var(--f-text); }
.s14-f1 { top: calc(158*var(--u)) !important; } .s14-f2 { top: calc(234*var(--u)) !important; } .s14-f3 { top: calc(310*var(--u)) !important; }
.s14-agree { left: calc(32*var(--u)); top: calc(394*var(--u)); width: calc(624*var(--u)); height: calc(22*var(--u)); }
.s14-box { width: calc(22*var(--u)); height: calc(22*var(--u)); border-radius: calc(6*var(--u)); }
.s14-box svg { width: calc(22*var(--u)); height: calc(22*var(--u)); }
.s14-agree-t { left: calc(34*var(--u)); top: 0; width: calc(590*var(--u)); font-size: calc(13*var(--u)); line-height: 1.4; }
.s14-send { left: calc(32*var(--u)); top: calc(436*var(--u)); width: calc(186*var(--u)); height: calc(60*var(--u)); border-radius: calc(30*var(--u)); }
.s14-send-t { left: calc(28*var(--u)); top: calc(19.5*var(--u)); font-size: calc(16*var(--u)); }
.s14-send-c { left: calc(132*var(--u)); top: calc(6*var(--u)); width: calc(48*var(--u)); height: calc(48*var(--u)); }
.s14-send-ar { left: calc(147*var(--u)); top: calc(15.5*var(--u)); font-size: calc(22*var(--u)); }
.s14-err { left: calc(238*var(--u)); top: calc(440*var(--u)); width: calc(418*var(--u)); height: calc(52*var(--u)); display: flex; align-items: center; font-size: calc(13*var(--u)); }
.s14-done-ic { left: calc(32*var(--u)); top: calc(40*var(--u)); width: calc(64*var(--u)); height: calc(64*var(--u)); border-radius: calc(32*var(--u)); }
.s14-h-done { top: calc(134*var(--u)) !important; }
.s14-done-p { left: calc(32*var(--u)); top: calc(262*var(--u)); width: calc(560*var(--u)); font-size: calc(17*var(--u)); }

.s14-contacts { left: calc(40*var(--u)); top: calc(608*var(--u)); width: calc(688*var(--u)); height: calc(205*var(--u)); border-radius: calc(36*var(--u)); }
.s14-c-l { left: calc(32*var(--u)); top: calc(32*var(--u)); font-size: calc(13*var(--u)); letter-spacing: calc(.13*var(--u)); }
.s14-phone { left: calc(32*var(--u)); top: calc(56*var(--u)); font-size: calc(44*var(--u)); letter-spacing: calc(-3.3*var(--u)); }
.s14-cb { top: calc(117*var(--u)); width: calc(56*var(--u)); height: calc(56*var(--u)); border-radius: calc(28*var(--u)); }
.s14-cb-tg { left: calc(32*var(--u)) !important; } .s14-cb-wa { left: calc(232*var(--u)) !important; } .s14-cb-max { left: calc(432*var(--u)) !important; }
.s14-ic { width: calc(25.76*var(--u)) !important; height: calc(25.76*var(--u)) !important; }
.s14-ic-tg { left: calc(14.12*var(--u)) !important; top: calc(15.12*var(--u)) !important; }
.s14-ic-wa { left: calc(15.12*var(--u)) !important; top: calc(15.12*var(--u)) !important; }
.s14-max { left: calc(10.5*var(--u)); top: calc(19*var(--u)); font-size: calc(14*var(--u)); letter-spacing: calc(.56*var(--u)); }
.s14-c-t { top: calc(137*var(--u)); font-size: calc(14*var(--u)); }
.s14-c-t-tg { left: calc(100*var(--u)) !important; } .s14-c-t-wa { left: calc(300*var(--u)) !important; } .s14-c-t-max { left: calc(500*var(--u)) !important; }

.s14-line { left: calc(40*var(--u)); top: calc(885*var(--u)); width: calc(688*var(--u)); }
.s14-logo { left: calc(40*var(--u)); top: calc(909*var(--u)); }
.s14-lg-77 { top: calc(4.6*var(--u)); font-size: calc(14*var(--u)); letter-spacing: calc(2.6*var(--u)); }
.s14-tag { left: calc(226*var(--u)); top: calc(921*var(--u)); font-size: calc(13*var(--u)); }
.s14-legal { right: auto; left: calc(40*var(--u)); top: calc(965*var(--u)); font-size: calc(13*var(--u)); }
.s14-lbl { left: calc(670*var(--u)); top: calc(32*var(--u)); font-size: calc(11*var(--u)); letter-spacing: calc(1.54*var(--u)); }

}