@font-face{
  font-family:'Inter';
  src:url('../fonts/inter-600-cyrillic.woff2') format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face{
  font-family:'Inter';
  src:url('../fonts/inter-600-latin.woff2') format('woff2');
  font-weight:600;
  font-style:normal;
  font-display:swap;
  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:'Graphik LC Web';

  src:url('../fonts/graphik-lc-web-medium.woff2') format('woff2');
  font-weight:500;
  font-style:normal;
  font-display:swap;
}

:root{

  --white:#FFFFFF;
  --ink-btn:#323232;
  --ink-chip:#272727;
  --bg-fallback:#94939F;
  --bg-fit:#94939F;
  --ink:#2A2A2A;

  --ease-settle:cubic-bezier(.16,1,.3,1);
  --tick-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M6%2010.75L9.63636%2013L14%207%27%20stroke%3D%27white%27%20stroke-width%3D%272.5%27/%3E%3C/svg%3E");

  --tick-blue:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M6%2010.75L9.63636%2013L14%207%27%20stroke%3D%27%233B8BEB%27%20stroke-width%3D%272.5%27/%3E%3C/svg%3E");

  --font-display:'Graphik LC Web','Inter','Segoe UI',system-ui,-apple-system,sans-serif;

  --video-dim:.96;
  --scrim:12,14,22;

  --video-zoom:1.29;
  --video-x:57;
  --video-y:140;
  --font-ui:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%}

body{
  margin:0;
  background:var(--bg-fallback);
  color:var(--white);
  font-family:var(--font-ui);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{display:block;max-width:100%}
ul,ol{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:inherit}
h1{margin:0;font-weight:500}
p{margin:0}

:focus-visible{outline:2px solid var(--white);outline-offset:3px}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:50;
  padding:12px 20px;background:#fff;color:#111;font-size:14px;
}
.skip-link:focus{left:0}

.hero{
  --u:min(calc(100vw / 1728), calc(100vh / 1064));
  --u:min(calc(100vw / 1728), calc(100svh / 1064));

  position:sticky;
  top:0;
  z-index:0;
  height:100vh;
  height:100svh;
  min-height:600px;
  overflow:hidden;
  isolation:isolate;
}

video::-webkit-media-controls,
video::-webkit-media-controls-enclosure,
video::-webkit-media-controls-panel,
video::-webkit-media-controls-overlay-play-button,
video::-webkit-media-controls-start-playback-button{
  display:none !important;
  -webkit-appearance:none;
  appearance:none;
  opacity:0;
}

.hero__photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
  border:0;
  transform-origin:50% 50%;
  transform:translate(calc(var(--video-x) * var(--u)), calc(var(--video-y) * var(--u)))
            scale(var(--video-zoom));
  filter:brightness(var(--video-dim)) contrast(1.02);
  background:var(--bg-fallback);
}

.hero__dim{
  position:absolute;
  inset:0;
  z-index:5;
  pointer-events:none;
  background:#0B0D14;
  opacity:0;

  will-change:opacity;
}

.hero__scrim{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:

    linear-gradient(180deg,
      rgba(var(--scrim),.46) 0,
      rgba(var(--scrim),.26) calc(60 * var(--u)),
      rgba(var(--scrim),0)   calc(210 * var(--u))),

    linear-gradient(90deg,
      rgba(var(--scrim),.32) 0%,
      rgba(var(--scrim),.27) 30%,
      rgba(var(--scrim),.15) 55%,
      rgba(var(--scrim),.04) 75%,
      rgba(var(--scrim),0)   90%);
}

.header{
  position:absolute;
  inset:0 0 auto 0;
  z-index:3;
  height:calc(79 * var(--u));
}

.logo{
  position:absolute;

  left:4.0509%;
  top:calc(20 * var(--u));
  display:flex;
  align-items:center;
}

.logo__mark,
.logo__word{transform:scaleY(-1)}

.logo__mark--ink,
.logo__word--ink{display:none}
.logo__mark{
  width:calc(32.667 * var(--u));
  height:calc(32 * var(--u));
}
.logo__word{
  width:calc(200.503 * var(--u));
  height:calc(23.641 * var(--u));
  margin-left:calc(8.703 * var(--u));
}

.nav{
  position:absolute;
  left:0;
  right:0;
  top:calc(29 * var(--u));
}
.nav__link{
  position:absolute;
  top:0;
  font-family:var(--font-ui);
  font-size:calc(14 * var(--u));
  font-weight:600;
  line-height:calc(19 * var(--u));
  color:var(--white);
  white-space:nowrap;
  transition:opacity .18s ease;
}
.nav__link:hover{opacity:.7}

.nav__link:nth-child(1){left:calc(381 * var(--u))}
.nav__link:nth-child(2){left:calc(544 * var(--u))}
.nav__link:nth-child(3){left:calc(722 * var(--u))}
.nav__link:nth-child(4){left:calc(847 * var(--u))}

.nav > .nav__link--contacts,
.nav > .nav__cta{display:none}

.contacts{
  position:absolute;

  right:calc(4.0509% + 187 * var(--u));
  top:calc(30 * var(--u));
  font-family:var(--font-ui);
  font-size:calc(14 * var(--u));
  font-weight:600;
  line-height:calc(19 * var(--u));
  color:var(--white);
  white-space:nowrap;
  transition:opacity .18s ease;
}
.contacts:hover{opacity:.7}

.btn{
  position:absolute;
  right:4.0509%;
  top:calc(19 * var(--u));
  display:flex;
  align-items:center;
  justify-content:center;
  width:calc(145 * var(--u));
  height:calc(41 * var(--u));
  border-radius:calc(2 * var(--u));
  background:var(--white);
  color:var(--ink-btn);
  font-family:var(--font-ui);
  font-size:calc(13 * var(--u));
  font-weight:600;
  white-space:nowrap;
  transition:background-color .18s ease, color .18s ease;
}
.btn:hover{background:#EDEDED}

.burger{display:none}

.stage{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:calc(1064 * var(--u));
  z-index:2;

  transform:translateY(calc(-50% + var(--par, 0px)));
  will-change:transform;
}

.hero__title{
  position:absolute;
  left:4.0509%;
  top:calc(164 * var(--u));
  width:calc(1089 * var(--u));
  font-family:var(--font-display);
  font-size:calc(64 * var(--u));
  font-weight:500;
  line-height:1;
  letter-spacing:calc(-3.2 * var(--u));
  color:var(--white);
}

.hero__lead{
  position:absolute;
  left:4.0509%;
  top:calc(391 * var(--u));
  width:calc(485 * var(--u));
  font-family:var(--font-display);
  font-size:calc(21 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--white);
}

.chip{
  position:absolute;
  left:4.0509%;
  top:calc(942 * var(--u));
  display:flex;
  align-items:center;
  justify-content:center;
  width:calc(283 * var(--u));
  height:calc(58 * var(--u));
  background:var(--white);
  color:var(--ink-chip);
  font-family:var(--font-display);
  font-size:calc(14 * var(--u));
  font-weight:500;
  line-height:1.4;
  white-space:nowrap;
  transition:background-color .18s ease;
}
.chip:hover{background:#EDEDED}

.stats{
  position:absolute;
  right:4.0509%;
  top:0;
  width:calc(380 * var(--u));
  margin:0;
}
.stats__item{
  position:absolute;
  left:0;
  width:100%;
}
.stats__item:nth-child(1){top:calc(139 * var(--u))}
.stats__item:nth-child(2){top:calc(252 * var(--u))}
.stats__item:nth-child(3){top:calc(370 * var(--u))}

.stats__value{
  margin:0;
  color:var(--white);
  font-family:var(--font-display);
  font-weight:500;
  font-size:calc(36 * var(--u));
  line-height:1;
  letter-spacing:calc(-1.8 * var(--u));
  white-space:nowrap;
}
.stats__label{
  margin:calc(7 * var(--u)) 0 0;
  color:var(--white);
  font-family:var(--font-display);
  font-weight:500;
  font-size:calc(16 * var(--u));
  line-height:1.2;
}
.stats__item:nth-child(3) .stats__label{margin-top:calc(5 * var(--u))}

.stats__item:nth-child(2)::before,
.stats__item:nth-child(3)::before{
  content:"";
  position:absolute;
  left:0;
  width:100%;
  height:max(1px, calc(1 * var(--u)));
  background:rgba(255,255,255,.28);
}
.stats__item:nth-child(2)::before{top:calc(-15 * var(--u))}
.stats__item:nth-child(3)::before{top:calc(-19 * var(--u))}

.bar{
  position:fixed;
  left:4.0509%;
  right:calc(4.0509% + var(--sbw, 0px));
  top:17px;
  z-index:50;
  display:flex;
  align-items:center;
  height:72px;
  padding:0 16px 0 28px;
  background:var(--white);
  border-radius:12px;
  box-shadow:0 1px 20px rgba(13,23,51,.08);
  transform:translateY(calc(-100% - 17px));
  opacity:0;
  visibility:hidden;
  transition:
    transform .42s var(--ease-settle),
    opacity   .3s ease,
    visibility .42s;
}
.bar.is-on{
  transform:none;
  opacity:1;
  visibility:visible;
}

.bar__logo{
  flex:none;
  display:flex;
  align-items:center;
  gap:6.33px;
}

.bar__mark,
.bar__word{transform:scaleY(-1)}
.bar__mark{width:23.77px;height:23.285px}
.bar__word{width:145.897px;height:17.202px}

.bar__nav{
  display:flex;
  align-items:center;
  gap:54px;
  margin-left:90px;
}
.bar__link{
  font-family:var(--font-ui);
  font-size:14px;
  font-weight:600;
  line-height:19px;
  color:#323232;
  white-space:nowrap;
  transition:color .18s ease;
}
.bar__link:hover{color:#3B8BEB}

.bar__contacts{
  flex:none;
  margin-left:auto;
  margin-right:42px;
  font-family:var(--font-ui);
  font-size:13px;
  font-weight:600;
  color:#323232;
  white-space:nowrap;
  transition:color .18s ease;
}
.bar__contacts:hover{color:#3B8BEB}

.bar__btn{
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  width:145px;
  height:41px;
  border-radius:2px;
  background:#3B8BEB;
  color:var(--white);
  font-family:var(--font-ui);
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
  transition:background-color .18s ease;
}
.bar__btn:hover{background:#2F79D2}

@media (max-width:1400px){
  .bar__nav{gap:34px;margin-left:76px}
  .bar__contacts{margin-right:26px}
}
@media (max-width:1120px){
  .bar__nav{gap:24px;margin-left:40px}
}

.tick,
.ptick{
  position:absolute;
  width:calc(21 * var(--u));
  height:calc(21 * var(--u));
}
.tick::before,
.tick::after,
.ptick::before,
.ptick::after{content:"";position:absolute}
.tick::before,
.ptick::before{
  left:50%;
  top:0;
  width:max(1px, calc(1 * var(--u)));
  height:100%;
  transform:translateX(-50%);
}
.tick::after,
.ptick::after{
  top:50%;
  left:0;
  height:max(1px, calc(1 * var(--u)));
  width:100%;
  transform:translateY(-50%);
}
.tick::before,
.tick::after{background:var(--white)}
.ptick::before,
.ptick::after{background:#83BBFF}

.tick--1{left:1.1574%;  top:calc(20 * var(--u))}
.tick--2{right:1.7361%; top:calc(20 * var(--u))}
.tick--3{left:1.1574%;  top:calc(424 * var(--u))}
.tick--4{right:1.7361%; top:calc(424 * var(--u))}

.fit{

  --u:calc(100vw / 1728);
  position:relative;
  z-index:1;
  background:var(--bg-fit);
  overflow:hidden;
}
.fit__inner{
  position:relative;
  width:100%;
  min-height:calc(1482 * var(--u));
  transform:translateY(var(--par, 0px));
}

.fit__title{
  position:absolute;
  left:4.0509%;
  top:calc(141 * var(--u));
  width:46.9907%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(48 * var(--u));
  font-weight:500;
  line-height:1;
  letter-spacing:calc(-2.4 * var(--u));
  color:var(--white);
}
.fit__title-alt{color:#F8F8F8}

.fit__lead{
  position:absolute;
  left:4.0509%;
  top:calc(326 * var(--u));
  width:26.5046%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--white);
}

.cards{
  position:absolute;
  left:4.0509%;
  top:calc(479 * var(--u));
  width:91.8981%;
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  gap:calc(11.5 * var(--u));
}
.card{
  position:relative;
  height:calc(475 * var(--u));
  background:var(--white);
  border-radius:12px;
  overflow:hidden;
}

.card__media,
.card__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.card__media img{
  object-fit:cover;
  object-position:50% 12%;
}

.card__video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 12%;
  opacity:0;
  transition:opacity .35s ease;
}
.card:hover .card__video,
.card:focus-within .card__video{opacity:1}

.cards .card,
.fit.is-anim .cards.is-in .card{
  transition:
    transform .35s var(--ease-settle),
    opacity   .7s ease-out,
    box-shadow .35s ease;
}
.cards .card:hover,
.fit.is-anim .cards.is-in .card:hover{
  transform:translateY(calc(-10 * var(--u)));
  box-shadow:0 calc(14 * var(--u)) calc(30 * var(--u)) rgba(20,22,34,.16);
  transition-delay:0s;
}

.card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:calc(150 * var(--u));
  background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.92) 62%, #fff 100%);
  pointer-events:none;
}
.card__title{
  position:absolute;
  z-index:1;
  left:calc(27 * var(--u));
  right:calc(27 * var(--u));
  bottom:calc(24 * var(--u));
  margin:0;
  font-family:var(--font-display);
  font-size:calc(16 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}

.who{
  position:absolute;
  left:4.0509%;
  top:calc(1022 * var(--u));
  width:91.8981%;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:calc(11.5 * var(--u));
}
.who__card{
  position:relative;
  height:calc(392 * var(--u));
  background:var(--white);
  border-radius:18px;
  overflow:hidden;
}
.who__title{
  position:absolute;
  left:calc(46 * var(--u));
  top:calc(38 * var(--u));
  margin:0;
  font-family:var(--font-display);
  font-size:calc(32 * var(--u));
  font-weight:500;
  line-height:1;
  letter-spacing:calc(-1.6 * var(--u));
  color:#646A71;
}
.who__list{
  position:absolute;
  left:calc(46 * var(--u));
  right:calc(46 * var(--u));
  top:calc(106 * var(--u));
}

.who__list li{
  display:flex;
  align-items:flex-start;
  gap:calc(17 * var(--u));
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:2.1;
  color:var(--ink);
}
.who__list li::before{
  content:"";
  flex:none;
  width:calc(21 * var(--u));
  height:calc(21 * var(--u));
  margin-top:calc(9 * var(--u));
  background:url(../img/check.svg) center / contain no-repeat;
}
.who__note{
  position:absolute;
  left:calc(46 * var(--u));
  top:calc(329 * var(--u));
  width:calc(430 * var(--u));
  margin:0;
  font-family:var(--font-display);
  font-size:calc(13 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#7C7C7C;
}

.fit__title .w,
.price__title .w,
.method__title .w,
.comfort__title .w,
.care__title .w,
.partner__title .w,
.cta__title .w{
  display:inline-block;
  overflow:hidden;
  vertical-align:bottom;
  padding:.08em 0 .18em;
  margin:-.08em 0 -.18em;
}
.fit__title .w__i,
.price__title .w__i,
.method__title .w__i,
.comfort__title .w__i,
.care__title .w__i,
.partner__title .w__i,
.cta__title .w__i{
  display:inline-block;
  will-change:transform,opacity,filter;
}
.fit.is-anim .fit__title .w__i,
.price.is-anim .price__title .w__i,
.method.is-anim .method__title .w__i,
.comfort.is-anim .comfort__title .w__i,
.care.is-anim .care__title .w__i,
.partner.is-anim .partner__title .w__i,
.cta.is-anim .cta__title .w__i{
  transform:translateY(105%) rotate(4deg);
  opacity:0;
  filter:blur(6px);
}
.fit.is-anim .fit__title.is-in .w__i,
.price.is-anim .price__title.is-in .w__i,
.method.is-anim .method__title.is-in .w__i,
.comfort.is-anim .comfort__title.is-in .w__i,
.care.is-anim .care__title.is-in .w__i,
.partner.is-anim .partner__title.is-in .w__i,
.cta.is-anim .cta__title.is-in .w__i{
  transform:translateY(0) rotate(0deg);
  opacity:1;
  filter:blur(0);
  transition:
    transform .85s cubic-bezier(.22,1,.36,1),
    opacity   .65s ease-out,
    filter    .65s ease-out;
  transition-delay:var(--d,0s);
}

.fit.is-anim .fit__lead,
.price.is-anim .price__lead,
.method.is-anim .method__lead,
.care.is-anim .care__lead,
.partner.is-anim .partner__lead{
  opacity:0;
  transform:translateY(calc(14 * var(--u)));
}
.fit.is-anim .fit__lead.is-in,
.price.is-anim .price__lead.is-in,
.method.is-anim .method__lead.is-in,
.care.is-anim .care__lead.is-in,
.partner.is-anim .partner__lead.is-in{
  opacity:1;
  transform:none;
  transition:
    transform .9s var(--ease-settle),
    opacity   .7s ease-out;
  transition-delay:.34s;
}

.fit.is-anim .card{
  opacity:0;
  transform:translateY(calc(30 * var(--u)));
}
.fit.is-anim .cards.is-in .card{
  opacity:1;
  transform:none;
  transition:
    transform 1s var(--ease-settle),
    opacity   .75s ease-out,
    box-shadow .35s ease;
  transition-delay:var(--d, 0s);
}
.cards .card:nth-child(1){--d:.48s}
.cards .card:nth-child(2){--d:.56s}
.cards .card:nth-child(3){--d:.64s}
.cards .card:nth-child(4){--d:.72s}
.cards .card:nth-child(5){--d:.80s}

.who.is-anim .who__card{
  opacity:0;
  transform:translateY(calc(28 * var(--u)));
}
.who.is-anim.is-in .who__card{
  opacity:1;
  transform:none;
  transition:
    transform 1s var(--ease-settle),
    opacity   .75s ease-out;
  transition-delay:var(--d, 0s);
}
.who .who__card:nth-child(1){--d:.04s}
.who .who__card:nth-child(2){--d:.14s}

.partner.is-anim .plogo{
  opacity:0;
  transform:translateY(calc(24 * var(--u)));
}
.partner.is-anim .plogos.is-in .plogo{
  opacity:1;
  transform:none;
  transition:
    transform .95s var(--ease-settle),
    opacity   .7s ease-out;
  transition-delay:var(--d, 0s);
}
.plogos .plogo:nth-child(1){--d:.46s}
.plogos .plogo:nth-child(2){--d:.52s}
.plogos .plogo:nth-child(3){--d:.58s}
.plogos .plogo:nth-child(4){--d:.64s}
.plogos .plogo:nth-child(5){--d:.70s}
.plogos .plogo:nth-child(6){--d:.76s}
.plogos .plogo:nth-child(7){--d:.82s}
.plogos .plogo:nth-child(8){--d:.88s}

.care.is-anim .care__card{
  opacity:0;
  transform:translateY(calc(30 * var(--u)));
}
.care.is-anim .care__cards.is-in .care__card{
  opacity:1;
  transform:none;
  transition:
    transform 1s var(--ease-settle),
    opacity   .75s ease-out;
  transition-delay:var(--d, 0s);
}
.care__cards .care__card:nth-child(1){--d:.46s}
.care__cards .care__card:nth-child(2){--d:.56s}
.care__cards .care__card:nth-child(3){--d:.66s}

.comfort.is-anim .comfort__photo{
  opacity:0;
  transform:translateY(calc(24 * var(--u)));
}
.comfort.is-anim .comfort__photo.is-in{
  opacity:1;
  transform:none;
  transition:
    transform 1s var(--ease-settle),
    opacity   .75s ease-out;
  transition-delay:.24s;
}
.comfort.is-anim .comfort__list li,
.comfort.is-anim .comfort__nums li{
  opacity:0;
  transform:translateY(calc(22 * var(--u)));
}
.comfort.is-anim .comfort__list.is-in li,
.comfort.is-anim .comfort__nums.is-in li{
  opacity:1;
  transform:none;
  transition:
    transform .95s var(--ease-settle),
    opacity   .7s ease-out;
  transition-delay:var(--d, 0s);
}
.comfort__list li:nth-child(1){--d:.34s}
.comfort__list li:nth-child(2){--d:.42s}
.comfort__list li:nth-child(3){--d:.50s}
.comfort__list li:nth-child(4){--d:.58s}
.comfort__nums li:nth-child(1){--d:.44s}
.comfort__nums li:nth-child(2){--d:.52s}
.comfort__nums li:nth-child(3){--d:.60s}

.price.is-anim .price__card,
.price.is-anim .price__note{
  opacity:0;
  transform:translateY(calc(26 * var(--u)));
}
.price.is-anim .price__cards.is-in .price__card,
.price.is-anim .price__note.is-in{
  opacity:1;
  transform:none;
  transition:
    transform 1s var(--ease-settle),
    opacity   .75s ease-out;
  transition-delay:var(--d, 0s);
}
.price__cards .price__card:nth-child(1){--d:.40s}
.price__cards .price__card:nth-child(2){--d:.50s}
.price__note{--d:.62s}

.price.is-anim .price__over{
  opacity:0;
  transform:translateY(calc(12 * var(--u)));
}
.price.is-anim.is-in .price__over{
  opacity:1;
  transform:none;
  transition:
    transform .8s var(--ease-settle),
    opacity   .55s ease-out;
  transition-delay:.08s;
}

.price.is-anim .price__band{
  opacity:0;
  transform:translateY(calc(26 * var(--u)));
}
.price.is-anim .price__band.is-in{
  opacity:1;
  transform:none;
  transition:
    transform 1s var(--ease-settle),
    opacity   .75s ease-out;
  transition-delay:.2s;
}

.method.is-anim .method__card,
.method.is-anim .method__sum,
.method.is-anim .method__proof{
  opacity:0;
  transform:translateY(calc(26 * var(--u)));
}
.method.is-anim .method__cards.is-in .method__card,
.method.is-anim .method__sum.is-in,
.method.is-anim .method__proof.is-in{
  opacity:1;
  transform:none;
  transition:
    transform 1s var(--ease-settle),
    opacity   .75s ease-out;
  transition-delay:var(--d, 0s);
}
.method__cards .method__card:nth-child(1){--d:.38s}
.method__cards .method__card:nth-child(2){--d:.46s}
.method__cards .method__card:nth-child(3){--d:.54s}
.method__sum{--d:.30s}
.method__proof{--d:.24s}

.cta.is-anim .opt,
.cta.is-anim .cta__ask,
.cta.is-anim .cta__note,
.cta.is-anim .field,
.cta.is-anim .cta__btn,
.cta.is-anim .consent{
  opacity:0;
  transform:translateY(calc(20 * var(--u)));
}
.cta.is-anim.is-in .opt,
.cta.is-anim.is-in .cta__ask,
.cta.is-anim.is-in .cta__note,
.cta.is-anim.is-in .field,
.cta.is-anim.is-in .cta__btn,
.cta.is-anim.is-in .consent{
  opacity:1;
  transform:none;
  transition:
    transform .9s var(--ease-settle),
    opacity   .65s ease-out;
  transition-delay:var(--d, 0s);
}
.cta.is-anim .cta__ask   {--d:.30s}
.cta.is-anim .cta__note  {--d:.36s}
.cta.is-anim .opt--1     {--d:.42s}
.cta.is-anim .opt--2     {--d:.50s}
.cta.is-anim .opt--3     {--d:.58s}
.cta.is-anim .field      {--d:.46s}
.cta.is-anim .field--2   {--d:.52s}
.cta.is-anim .cta__btn   {--d:.60s}
.cta.is-anim .consent    {--d:.66s}

.cta.is-anim .opt__circle{transform:scale(.86)}
.cta.is-anim.is-in .opt__circle{
  transform:none;
  transition:transform 1s var(--ease-settle);
  transition-delay:var(--d, 0s);
}

.foot.is-anim .foot__logo{
  opacity:0;
  -webkit-clip-path:inset(0 100% 0 0);
  clip-path:inset(0 100% 0 0);
  transform:translateY(var(--par, 0px));
}
.foot.is-anim.is-in .foot__logo{
  opacity:1;
  -webkit-clip-path:inset(0 0 0 0);
  clip-path:inset(0 0 0 0);
  transition:
    clip-path 1.25s var(--ease-settle),
    -webkit-clip-path 1.25s var(--ease-settle),
    opacity .5s ease-out;
  transition-delay:.06s;
}

.foot.is-anim .foot__legal,
.foot.is-anim .foot__req,
.foot.is-anim .foot__offer,
.foot.is-anim .foot__phones,
.foot.is-anim .foot__mail,
.foot.is-anim .foot__copy,
.foot.is-anim .foot__doc,
.foot.is-anim .foot__rits{
  opacity:0;
  transform:translateY(calc(18 * var(--u)));
}
.foot.is-anim.is-in .foot__legal,
.foot.is-anim.is-in .foot__req,
.foot.is-anim.is-in .foot__offer,
.foot.is-anim.is-in .foot__phones,
.foot.is-anim.is-in .foot__mail,
.foot.is-anim.is-in .foot__copy,
.foot.is-anim.is-in .foot__doc,
.foot.is-anim.is-in .foot__rits{
  opacity:1;
  transform:none;
  transition:
    transform .9s var(--ease-settle),
    opacity   .65s ease-out;
  transition-delay:var(--d, 0s);
}
.foot.is-anim .foot__phones{--d:.40s}
.foot.is-anim .foot__legal {--d:.48s}
.foot.is-anim .foot__mail  {--d:.52s}
.foot.is-anim .foot__req   {--d:.56s}
.foot.is-anim .foot__offer {--d:.60s}
.foot.is-anim .foot__copy  {--d:.72s}
.foot.is-anim .foot__doc--1{--d:.78s}
.foot.is-anim .foot__doc--2{--d:.84s}
.foot.is-anim .foot__rits  {--d:.90s}

.foot.is-anim .foot__line{transform:scaleX(0);transform-origin:0 50%}
.foot.is-anim.is-in .foot__line{
  transform:none;
  transition:transform 1.1s var(--ease-settle);
  transition-delay:.66s;
}

.price{
  --u:calc(100vw / 1728);
  position:relative;
  z-index:1;
  background:var(--white);
  overflow:hidden;
}
.price__inner{
  position:relative;

  padding:calc(96 * var(--u)) 4.0509% calc(56 * var(--u));
  transform:translateY(var(--par, 0px));
}

.price__head{
  display:grid;
  grid-template-columns:812fr 524fr;
  gap:calc(252 * var(--u));
  align-items:start;
}
.price__over{
  margin:0 0 calc(22 * var(--u));
  font-family:var(--font-ui);
  font-size:calc(13 * var(--u));
  font-weight:600;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#7C7C7C;
}
.price__title{
  margin:0;
  font-family:var(--font-display);
  font-size:calc(48 * var(--u));
  font-weight:500;
  line-height:1.08;
  letter-spacing:calc(-2.4 * var(--u));
  color:var(--ink);
}
.price__lead{
  padding-top:calc(46 * var(--u));
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.5;
  color:#5D5D5D;
}
.price__lead p{margin:0}
.price__lead p + p{margin-top:calc(22 * var(--u))}

.price__cards{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:calc(11.5 * var(--u));
  margin-top:calc(84 * var(--u));
}
.price__card{
  padding:calc(46 * var(--u)) calc(45 * var(--u));
  border-radius:18px;
}
.price__card--off{background:#FAF9FE}
.price__card--on{background:#3B8BEB}

.price__cap{
  margin:0;
  font-family:var(--font-display);
  font-size:calc(24 * var(--u));
  font-weight:500;
  line-height:1.4;
  letter-spacing:calc(-.6 * var(--u));
}
.price__card--off .price__cap{color:var(--ink)}
.price__card--on  .price__cap{color:var(--white)}

.price__list{margin-top:calc(34 * var(--u))}

.price__list li{
  display:flex;
  align-items:flex-start;
  gap:calc(17 * var(--u));
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.5;
}
.price__list li::before{
  content:"";
  flex:none;
  width:calc(21 * var(--u));
  height:calc(21 * var(--u));
  margin-top:calc(3.6 * var(--u));
  background:center / contain no-repeat;
}

.price__card--off .price__list li::before{background-image:url(../img/minus.svg)}
.price__card--on  .price__list li::before{background-image:url(../img/check.svg)}
.price__list li + li{
  margin-top:calc(26 * var(--u));
  padding-top:calc(26 * var(--u));
  border-top:1px solid var(--white);
}

.price__card--off .price__list li + li{border-top-color:#E6E6EA}
.price__card--on  .price__list li + li{border-top-color:#539CF3}
.price__card--off .price__list li{color:#414141}
.price__card--on  .price__list li{color:#F2F2F5}

.price__band{
  position:relative;
  margin-top:calc(252 * var(--u));
}
.price__bg{
  position:absolute;
  left:-4.4082%;
  right:-4.4082%;
  top:calc(-56 * var(--u));
  bottom:calc(-56 * var(--u));
  overflow:hidden;
}
.price__bg img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
}
.price__fos{
  position:relative;
  display:grid;
  grid-template-columns:812fr 524fr;
  gap:calc(252 * var(--u));
  align-items:start;
  padding:calc(58 * var(--u)) calc(64 * var(--u)) calc(62 * var(--u));
  background:#3B8BEB;
  border-radius:18px;
}

.price__logo{
  display:flex;
  align-items:center;
  margin-bottom:calc(40 * var(--u));
}
.price__logo img{transform:scaleY(-1)}
.price__logo-mark{
  width:calc(32.667 * var(--u));
  height:calc(32 * var(--u));
}
.price__logo-word{
  width:calc(200.503 * var(--u));
  height:calc(23.641 * var(--u));
  margin-left:calc(8.703 * var(--u));
}

.price__ask{
  margin:0;
  font-family:var(--font-display);
  font-size:calc(32 * var(--u));
  font-weight:500;
  line-height:1.2;
  letter-spacing:calc(-1.6 * var(--u));
  color:var(--white);
}
.price__say{
  margin:calc(20 * var(--u)) 0 0;
  max-width:calc(560 * var(--u));
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.5;
  color:#DCEAFC;
}
.price__tiny{
  margin:calc(22 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(13 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#B5D7FF;
}

.price__form{margin-top:0}
.price__form .mfield{
  margin-top:calc(26 * var(--u));
  padding-bottom:calc(9 * var(--u));
  border-bottom:calc(2 * var(--u)) solid rgba(255,255,255,.45);
}
.price__form .mfield:first-child{margin-top:0}
.price__form .mfield:focus-within{border-bottom-color:var(--white)}
.price__form .mfield.is-bad{border-bottom-color:#FFD2CF}
.price__form .mfield__label,
.price__form .mfield__input{font-size:calc(18 * var(--u))}
.price__form .mfield__label{color:#CFE3FB}
.price__form .mfield__input{height:calc(26 * var(--u));color:var(--white)}

.price__form .mconsent{
  gap:calc(12 * var(--u));
  margin-top:calc(28 * var(--u));
}
.price__form .mconsent__box{
  width:calc(20 * var(--u));
  height:calc(20 * var(--u));
  background-color:rgba(255,255,255,.28);
}
.price__form .mconsent__input:checked + .mconsent__box{
  background-color:var(--white);
  background-image:var(--tick-blue);
}
.price__form .mconsent__input:focus-visible + .mconsent__box{outline-color:var(--white)}
.price__form .mconsent.is-bad .mconsent__box{box-shadow:0 0 0 2px #FFD2CF}
.price__form .mconsent__text{font-size:calc(12 * var(--u));color:#CFE3FB}

.price__form .mform__btn{
  height:calc(56 * var(--u));
  margin-top:calc(30 * var(--u));
  font-size:calc(13 * var(--u));
  background:var(--white);
  color:#2F79D2;
}
.price__form .mform__btn:hover{background:#EDEDED}
.price__form .form-msg{
  margin-top:calc(16 * var(--u));
  font-size:calc(13 * var(--u));
  color:#FFD2CF;
}

.price__note{
  max-width:calc(1090 * var(--u));
  margin:calc(46 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.5;
  color:#5D5D5D;
}

.method{
  --u:calc(100vw / 1728);
  position:relative;
  z-index:1;
  background:var(--bg-fit);
  overflow:hidden;
}
.method__inner{
  position:relative;
  padding:calc(96 * var(--u)) 4.0509% calc(110 * var(--u));
  transform:translateY(var(--par, 0px));
}

.method__head{
  display:grid;
  grid-template-columns:812fr 524fr;
  gap:calc(252 * var(--u));
  align-items:start;
}
.method__title{
  margin:0;
  font-family:var(--font-display);
  font-size:calc(48 * var(--u));
  font-weight:500;
  line-height:1.08;
  letter-spacing:calc(-2.4 * var(--u));
  color:var(--white);
}
.method__lead{
  margin:0;
  padding-top:calc(8 * var(--u));
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.5;
  color:var(--white);
}

.method__cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:calc(11.5 * var(--u));
  margin-top:calc(76 * var(--u));
}
.method__card{
  padding:calc(46 * var(--u)) calc(45 * var(--u));
  background:var(--white);
  border-radius:18px;
}
.method__num{
  display:block;
  font-family:var(--font-display);
  font-size:calc(36 * var(--u));
  font-weight:500;
  line-height:1;
  letter-spacing:calc(-1.8 * var(--u));
  color:#3B8BEB;
}
.method__name{
  margin:calc(38 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(24 * var(--u));
  font-weight:500;
  line-height:1.3;
  letter-spacing:calc(-.6 * var(--u));
  color:var(--ink);
}
.method__text{
  margin:calc(16 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(16 * var(--u));
  font-weight:500;
  line-height:1.5;
  color:#414141;
}

.method__sum{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:calc(60 * var(--u));
  margin-top:calc(72 * var(--u));
}
.method__sum p{
  margin:0;
  padding-top:calc(34 * var(--u));
  border-top:1px solid var(--white);
  font-family:var(--font-display);
  font-size:calc(24 * var(--u));
  font-weight:500;
  line-height:1.35;
  letter-spacing:calc(-.6 * var(--u));
  color:var(--white);
}

.method__proof{
  margin-top:calc(84 * var(--u));
  padding:calc(58 * var(--u)) calc(64 * var(--u)) calc(62 * var(--u));
  background:#3B8BEB;
  border-radius:18px;
}
.method__over{
  margin:0 0 calc(20 * var(--u));
  font-family:var(--font-ui);
  font-size:calc(13 * var(--u));
  font-weight:600;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#B5D7FF;
}
.method__claim{
  margin:0;
  max-width:calc(700 * var(--u));
  font-family:var(--font-display);
  font-size:calc(32 * var(--u));
  font-weight:500;
  line-height:1.2;
  letter-spacing:calc(-1.6 * var(--u));
  color:var(--white);
}
.method__nums{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:calc(28 * var(--u));
  margin-top:calc(54 * var(--u));
}
.method__nums li{
  padding-bottom:calc(20 * var(--u));
  border-bottom:1px solid var(--white);
}
.method__nums b{
  display:block;
  font-family:var(--font-display);
  font-size:calc(36 * var(--u));
  font-weight:500;
  line-height:1;
  letter-spacing:calc(-1.8 * var(--u));
  color:var(--white);
}
.method__nums span{
  display:block;
  margin-top:calc(10 * var(--u));
  font-family:var(--font-display);
  font-size:calc(16 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#DCEAFC;
}

.method__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:calc(232 * var(--u));
  height:calc(56 * var(--u));
  margin-top:calc(46 * var(--u));
  padding:0 calc(28 * var(--u));
  background:var(--white);
  color:#2F79D2;
  font-family:var(--font-ui);
  font-size:calc(13 * var(--u));
  font-weight:600;
  transition:background-color .18s ease;
}
.method__btn:hover{background:#EDEDED}

.comfort{

  --u:min(calc(100vw / 1728), calc(100vh / 1141));
  --u:min(calc(100vw / 1728), calc(100svh / 1141));
  position:relative;
  z-index:1;
  height:100vh;
  height:100svh;
  min-height:660px;
  background:#3B8BEB;
  overflow:hidden;
}

.comfort__inner{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:calc(1141 * var(--u));
  transform:translateY(calc(-50% + var(--par, 0px)));
}

.comfort__title{
  position:absolute;
  left:4.0509%;
  top:calc(112 * var(--u));
  width:34.3750%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(48 * var(--u));
  font-weight:500;
  line-height:1;
  letter-spacing:calc(-2.4 * var(--u));
  color:var(--white);
}

.comfort__photo{
  position:absolute;
  left:4.0509%;
  top:calc(260 * var(--u));
  width:53.9352%;
  height:calc(605 * var(--u));
  overflow:hidden;
}
.comfort__photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;

  object-position:39.8% 50%;
}

.comfort__list{
  position:absolute;
  right:4.0509%;
  top:calc(260 * var(--u));
  height:calc(605 * var(--u));
  width:32.0602%;
  display:flex;
  flex-direction:column;
}
.comfort__list li{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:calc(18 * var(--u)) 0;
}
.comfort__list li + li{
  border-top:1px solid rgba(255,255,255,.5);
}
.comfort__list h3{
  margin:0;
  font-family:var(--font-display);
  font-size:calc(26 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--white);
}
.comfort__list p{
  margin:calc(15 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(16 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--white);
}

.comfort__nums{
  position:absolute;
  left:4.0509%;
  top:calc(899 * var(--u));
  width:53.9352%;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:calc(24 * var(--u));
}
.comfort__nums li{
  display:grid;
  grid-template-columns:calc(28 * var(--u)) 1fr;
  column-gap:calc(14 * var(--u));
  padding-bottom:calc(21 * var(--u));
  border-bottom:1px solid var(--white);
}
.comfort__ic{
  grid-column:1;
  grid-row:1 / 3;
  width:calc(28 * var(--u));
  height:calc(28 * var(--u));
  margin-top:calc(4 * var(--u));
  fill:none;
  stroke:var(--white);
  stroke-width:1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.comfort__nums b{
  grid-column:2;
  grid-row:1;
  display:block;
  font-family:var(--font-display);
  font-size:calc(36 * var(--u));
  font-weight:500;
  line-height:1;
  letter-spacing:calc(-1.8 * var(--u));
  color:var(--white);
}
.comfort__nums span{
  grid-column:2;
  grid-row:2;
  display:block;
  margin-top:calc(5 * var(--u));
  font-family:var(--font-display);
  font-size:calc(21 * var(--u));
  font-weight:500;
  line-height:1;
  color:var(--white);
}

.care{
  --u:calc(100vw / 1728);
  position:relative;
  z-index:1;
  background:#3B8BEB;
  overflow:hidden;
}
.care__inner{
  position:relative;
  width:100%;
  min-height:calc(883 * var(--u));
  transform:translateY(var(--par, 0px));
}

.care__title{
  position:absolute;
  left:4.0509%;
  top:calc(76 * var(--u));
  width:34.3750%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(48 * var(--u));
  font-weight:500;
  line-height:1;
  letter-spacing:calc(-2.4 * var(--u));
  color:var(--white);
}

.care__lead{
  position:absolute;
  right:4.0509%;
  top:calc(80 * var(--u));
  width:30.3241%;
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--white);
}
.care__lead p{margin:0}
.care__lead p + p{margin-top:calc(25 * var(--u))}

.care__cards{
  position:absolute;
  left:4.0509%;
  top:calc(377 * var(--u));
  width:91.8981%;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:calc(11.5 * var(--u));
}
.care__card{
  position:relative;
  height:calc(447 * var(--u));
  padding:calc(42 * var(--u)) calc(45 * var(--u)) 0;
  background:var(--white);
  border-radius:18px;
  overflow:hidden;
}

.care__ic{
  display:grid;
  place-items:center;
  width:calc(85 * var(--u));
  height:calc(85 * var(--u));
  background:#E3F3FE;
  border-radius:50%;
}

.care__icon{
  width:calc(36 * var(--u));
  height:calc(36 * var(--u));
  fill:none;
  stroke:#3B8BEB;
  stroke-width:.85;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.care__name{
  width:calc(260 * var(--u));
  margin:calc(79 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--ink);
}
.care__text{
  width:calc(370 * var(--u));
  margin:calc(28 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(16 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#414141;
}

.partner{
  --u:calc(100vw / 1728);
  position:relative;
  z-index:1;

  height:100vh;
  height:100svh;
  min-height:660px;

  box-sizing:content-box;
  border-bottom:calc(120 * var(--u)) solid #3B8BEB;
  background:#3B8BEB;
  overflow:hidden;
}

.partner__inner{
  position:absolute;
  inset:0;
  transform:translateY(var(--par, 0px));
}
.partner__title{
  position:absolute;
  left:3.8773%;
  top:8.70%;
  width:46.9907%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(48 * var(--u));
  font-weight:500;
  line-height:calc(54 * var(--u));
  letter-spacing:calc(-2.4 * var(--u));
  color:var(--white);
}
.partner__lead{
  position:absolute;
  left:3.9352%;
  top:30.98%;
  width:30.1505%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#B5D7FF;
}

.ptick--11{left:1.9097%;top:46.74%}
.ptick--12{left:25.6366%;top:46.74%}
.ptick--13{left:49.3634%;top:46.74%}
.ptick--14{left:73.0903%;top:46.74%}
.ptick--15{left:96.8171%;top:46.74%}
.ptick--21{left:1.9097%;top:75.00%}
.ptick--22{left:25.6366%;top:75.00%}
.ptick--23{left:49.3634%;top:75.00%}
.ptick--24{left:73.0903%;top:75.00%}
.ptick--25{left:96.8171%;top:75.00%}
.ptick--31{left:1.9097%;top:95.65%}
.ptick--32{left:25.6366%;top:95.65%}
.ptick--33{left:49.3634%;top:95.65%}
.ptick--34{left:73.0903%;top:95.65%}
.ptick--35{left:96.8171%;top:95.65%}

.plogos{position:static}
.plogo{position:absolute}
.plogo img{width:100%;height:100%;object-fit:contain}
.plogo--1{left:6.7708%;top:52.93%;width:calc(248 * var(--u));height:calc(57 * var(--u))}
.plogo--2{left:31.7130%;top:53.37%;width:calc(230 * var(--u));height:calc(39 * var(--u))}
.plogo--3{left:57.0023%;top:52.18%;width:calc(190.927 * var(--u));height:calc(42.307 * var(--u))}
.plogo--4{left:80.6134%;top:52.93%;width:calc(201 * var(--u));height:calc(40 * var(--u))}
.plogo--5{left:6.4236%;top:83.04%;width:calc(235 * var(--u));height:calc(31 * var(--u))}
.plogo--6{left:32.1181%;top:79.02%;width:calc(230 * var(--u));height:calc(83 * var(--u))}
.plogo--7{left:56.1921%;top:81.20%;width:calc(209 * var(--u));height:calc(44 * var(--u))}
.plogo--8{left:81.0185%;top:80.76%;width:calc(194 * var(--u));height:calc(41 * var(--u))}

.cta{
  --u:calc(100vw / 1728);
  --parallax:calc(160 * var(--u));
  position:relative;
  z-index:1;
  height:calc(1079 * var(--u));
  background:#3B8BEB;
  overflow:hidden;
}

.cta__photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
.cta__photo img{
  position:absolute;
  left:0;
  top:calc(-1 * var(--parallax) / 2);
  width:100%;
  height:calc(100% + var(--parallax));
  object-fit:cover;
  object-position:50% 50%;
  transform:translate3d(0, var(--shift, 0px), 0);
  will-change:transform;
}

.cta__card{
  position:absolute;
  left:1.3310%;
  top:calc(545 * var(--u));
  width:97.2801%;
  height:calc(507 * var(--u));
  background:var(--white);
  border-radius:18px;
  transform:translateY(var(--par, 0px));
}

.cta__title{
  position:absolute;
  left:3.1529%;
  top:calc(39 * var(--u));
  width:37.7156%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(48 * var(--u));
  font-weight:500;
  line-height:calc(54 * var(--u));
  letter-spacing:calc(-2.4 * var(--u));
  color:#121212;
}

.opts{position:static}
.opt{position:absolute;top:calc(254 * var(--u))}
.opt--1{left:3.1529%}
.opt--2{left:17.7870%}
.opt--3{left:34.5033%}

.opt__circle{
  display:grid;
  place-items:center;
  width:calc(70 * var(--u));
  height:calc(70 * var(--u));
  border:max(1px, calc(1 * var(--u))) solid #DADADA;
  border-radius:50%;
}
.opt__icon{
  width:calc(30 * var(--u));
  height:calc(30 * var(--u));
  fill:none;
  stroke:#B5B5B5;
  stroke-width:1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.opt__title{
  margin:calc(20 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#151515;
  white-space:nowrap;
}
.opt--1 .opt__title{color:#414141}
.opt__text{
  margin:calc(15 * var(--u)) 0 0;
  font-family:var(--font-display);
  font-size:calc(14 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#7C7C7C;
}
.opt--1 .opt__text{width:calc(194 * var(--u))}
.opt--2 .opt__text{width:calc(246 * var(--u))}
.opt--3 .opt__text{width:calc(249 * var(--u))}

.cta__ask{
  position:absolute;
  left:64.4854%;
  top:calc(45 * var(--u));
  width:24.8661%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(32 * var(--u));
  font-weight:500;
  line-height:1.2;
  letter-spacing:calc(-1.6 * var(--u));
  color:#121212;
}
.cta__note{
  position:absolute;
  left:64.7829%;
  top:calc(137 * var(--u));
  margin:0;
  font-family:var(--font-display);
  font-size:calc(13 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#5D5D5D;
}

.cta__form{position:static}
.field{
  position:absolute;
  left:64.7829%;
  width:30.9340%;
  display:block;
  padding-bottom:calc(8 * var(--u));
  border-bottom:calc(2 * var(--u)) solid #D9D9D9;
}
.field{top:calc(195 * var(--u))}
.field--2{top:calc(263 * var(--u))}
.field__label{
  display:block;
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#757575;
  transition:opacity .15s ease;
}
.field__input{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:calc(26 * var(--u));
  padding:0;
  border:0;
  background:none;
  font-family:var(--font-display);
  font-size:calc(18 * var(--u));
  color:#121212;
  outline:none;
}
.field:focus-within .field__label,
.field__input:not(:placeholder-shown) ~ .field__label{opacity:0}

.cta__btn{
  position:absolute;
  left:64.7829%;
  top:calc(334 * var(--u));
  width:30.9340%;
  height:calc(56 * var(--u));
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  background:#3B8BEB;
  color:#FFFCFC;
  font-family:var(--font-ui);
  font-size:calc(13 * var(--u));
  font-weight:600;
  cursor:pointer;
  transition:background-color .18s ease;
}
.cta__btn:hover{background:#2F79D2}

.consent{
  position:absolute;
  left:64.7829%;
  top:calc(412 * var(--u));
  width:31.5%;
  display:flex;
  align-items:flex-start;
  gap:calc(12 * var(--u));
  cursor:pointer;
}
.consent__input{position:absolute;opacity:0;width:1px;height:1px}
.consent__box{
  flex:none;
  width:calc(20 * var(--u));
  height:calc(20 * var(--u));
  background:#D9D9D9 no-repeat center/72% 72%;
}
.consent__input:checked + .consent__box{
  background-color:#3B8BEB;
  background-image:var(--tick-svg);
}
.consent__input:focus-visible + .consent__box{outline:2px solid #3B8BEB;outline-offset:2px}
.field.is-bad{border-color:#D9534F}
.consent.is-bad .consent__box{box-shadow:0 0 0 2px #D9534F}
.consent__text{
  font-family:var(--font-display);
  font-size:calc(12 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#858585;
}

.foot{
  --u:calc(100vw / 1728);
  position:relative;
  z-index:1;
  height:calc(737 * var(--u));
  background:#91909C;
  overflow:hidden;
}

.foot__logo{
  position:absolute;
  left:2.3727%;
  top:calc(47 * var(--u));

  width:calc(1646 * var(--u));
  height:calc(217.768 * var(--u));
}

.foot__mark,
.foot__word{transform:scaleY(-1)}
.foot__mark{
  position:absolute;
  left:0;
  top:0;
  width:calc(222.305 * var(--u));
  height:calc(217.768 * var(--u));
}
.foot__word{
  position:absolute;
  left:calc(281.53 * var(--u));
  top:calc(28.59 * var(--u));
  width:calc(1364.469 * var(--u));
  height:calc(160.881 * var(--u));
}

.foot__legal,
.foot__offer{
  position:absolute;
  left:2.8935%;
  width:23.9583%;
  margin:0;
  font-family:var(--font-display);
  font-size:calc(14 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--white);
}
.foot__legal{top:calc(322 * var(--u))}
.foot__offer{top:calc(460 * var(--u))}

.foot__req{
  position:absolute;
  left:32.4074%;
  top:calc(322 * var(--u));
  width:30.0926%;
  font-family:var(--font-display);
  font-size:calc(13 * var(--u));
  font-weight:500;
  line-height:1.5;
  color:var(--white);
}
.foot__req p{margin:0}
.foot__req p + p{margin-top:calc(14 * var(--u))}
.foot__req-title{letter-spacing:.02em}

.foot__phones{
  position:absolute;
  left:80.6713%;
  top:calc(321 * var(--u));
  width:18.6921%;
  display:grid;
}
.foot__phones a{
  font-family:var(--font-display);
  font-size:calc(32 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--white);
  text-decoration:none;
  white-space:nowrap;
}
.foot__mail{
  position:absolute;
  left:80.6713%;
  top:calc(427 * var(--u));
  font-family:var(--font-display);
  font-size:calc(14 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:var(--white);
  text-decoration:none;
}
.foot__phones a:hover,
.foot__mail:hover{opacity:.75}

.foot__line{
  position:absolute;
  left:2.5463%;
  top:calc(664 * var(--u));
  width:95.0810%;
  height:max(1px, calc(1 * var(--u)));
  background:#E0E0E0;
}

.foot__copy,
.foot__doc{
  position:absolute;
  top:calc(688 * var(--u));
  margin:0;
  font-family:var(--font-display);
  font-size:calc(12 * var(--u));
  font-weight:500;
  line-height:1.4;
  color:#F6F6F6;
  text-decoration:none;
}
.foot__copy{left:2.5463%;   width:23.9583%}
.foot__doc--1{left:25.7523%; width:23.1481%}
.foot__doc--2{left:48.3796%; width:23.1481%}
.foot__doc:hover{opacity:.75}

.foot__rits{
  position:absolute;
  left:94.2708%;
  top:calc(684.44 * var(--u));
  width:calc(48.717 * var(--u));
  height:calc(24.932 * var(--u));
}
.foot__rits-mark{width:100%;height:100%}
.foot__rits-dot{
  position:absolute;
  left:calc(51.9 * var(--u));
  top:calc(5.52 * var(--u));
  width:calc(6.101 * var(--u));
  height:calc(6.101 * var(--u));
}
.foot__rits:hover{opacity:.75}

@keyframes ok-rise{
  from{opacity:0;transform:translateY(calc(12 * var(--u)))}
  to  {opacity:1;transform:none}
}
@keyframes ok-wipe{
  from{opacity:0;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}
  to  {opacity:1;-webkit-clip-path:inset(0 0 0 0);   clip-path:inset(0 0 0 0)}
}
@keyframes ok-drop{
  from{opacity:0;transform:translateY(calc(-10 * var(--u)))}
  to  {opacity:1;transform:none}
}
@keyframes ok-drop-cta{
  from{opacity:0;transform:translateY(calc(-10 * var(--u))) scale(.97)}
  to  {opacity:1;transform:none}
}

.hero__title .line{
  display:block;
  overflow:hidden;
  padding:.08em 0 .22em;
  margin:-.08em 0 -.22em;
}
.hero__title .w{
  display:inline-block;
  will-change:transform,opacity,filter;
}
.hero.is-anim .hero__title .w{
  transform:translateY(105%) rotate(4deg);
  opacity:0;
  filter:blur(6px);
}

.hero__title.is-done .w,
.fit__title.is-done .w__i,
.method__title.is-done .w__i,
.price__title.is-done .w__i,
.comfort__title.is-done .w__i,
.care__title.is-done .w__i,
.partner__title.is-done .w__i,
.cta__title.is-done .w__i{will-change:auto}

.hero.is-anim .hero__title.is-in .w{
  transform:translateY(0) rotate(0deg);
  opacity:1;
  filter:blur(0);
  transition:
    transform .85s cubic-bezier(.22,1,.36,1),
    opacity   .65s ease-out,
    filter    .65s ease-out;
  transition-delay:var(--d,0s);
}

.hero__title .u{
  position:relative;
  display:inline-block;
}
.hero__title .u::after{
  content:"";
  position:absolute;
  left:-.02em;
  right:-.09em;
  bottom:-.178em;
  height:.17em;
  background:url(../img/underline.svg) center / 100% 100% no-repeat;
  pointer-events:none;
}

.hero.is-anim .hero__title .u::after{
  clip-path:inset(0 100% 0 0);
}
.hero.is-anim .hero__title.is-in .u::after{
  clip-path:inset(0 0 0 0);
  transition:clip-path .8s var(--ease-settle);
  transition-delay:var(--d, 0s);
}

.logo{
  animation:ok-wipe 1.1s var(--ease-settle) backwards;
  animation-delay:.10s;
}
.nav > .nav__link,
.contacts,
.burger{animation:ok-drop .9s var(--ease-settle) backwards}
.header > .btn{animation:ok-drop-cta .95s var(--ease-settle) backwards}

.nav > .nav__link:nth-child(1){animation-delay:.70s}
.nav > .nav__link:nth-child(2){animation-delay:.79s}
.nav > .nav__link:nth-child(3){animation-delay:.87s}
.nav > .nav__link:nth-child(4){animation-delay:.94s}
.contacts                    {animation-delay:1.02s}
.burger                      {animation-delay:.70s}
.header > .btn               {animation-delay:1.12s}

.hero__lead{animation:ok-rise 1s var(--ease-settle) backwards;animation-delay:.88s}
.stats__item{animation:ok-rise .9s var(--ease-settle) backwards}
.stats__item:nth-child(1){animation-delay:1.00s}
.stats__item:nth-child(2){animation-delay:1.09s}
.stats__item:nth-child(3){animation-delay:1.18s}
.chip      {animation:ok-rise 1.05s var(--ease-settle) backwards;animation-delay:1.26s}

.modal[hidden]{display:none}
.modal{
  position:fixed;
  inset:0;
  z-index:200;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.modal__veil{
  position:fixed;
  inset:0;
  background:rgba(10,16,34,.62);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  opacity:0;
  transition:opacity .28s ease;
}

.modal__box{
  position:relative;
  min-height:100%;
  display:flex;
  justify-content:center;
  padding:32px 20px;
}
.modal__win{
  position:relative;

  margin:auto;
  width:100%;
  max-width:560px;
  padding:52px 56px 40px;
  background:var(--white);
  border-radius:18px;
  box-shadow:0 30px 80px rgba(10,16,34,.35);
  opacity:0;
  transform:translateY(18px) scale(.985);
  transition:
    opacity   .3s ease-out,
    transform .45s var(--ease-settle);
}
.modal.is-open .modal__veil{opacity:1}
.modal.is-open .modal__win{opacity:1;transform:none}

.modal__x{
  position:absolute;
  right:18px;
  top:18px;
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:none;
  color:#8A8A8A;
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease;
}
.modal__x:hover{background:#F1F1F4;color:#2A2A2A}
.modal__x svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
}

.modal__title{
  margin:0;
  font-family:var(--font-display);
  font-size:30px;
  font-weight:500;
  line-height:1.16;
  letter-spacing:-.03em;
  color:#121212;
}
.modal__lead{
  margin:16px 0 0;
  font-family:var(--font-display);
  font-size:16px;
  font-weight:500;
  line-height:1.45;
  color:#5D5D5D;
}
.modal__note{
  margin:10px 0 0;
  font-family:var(--font-display);
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  color:#8A8A8A;
}

.mform{margin-top:30px}
.mfield{
  position:relative;
  display:block;
  margin-top:22px;
  padding-bottom:9px;
  border-bottom:2px solid #D9D9D9;
  transition:border-color .18s ease;
}
.mfield:first-child{margin-top:0}
.mfield__label{
  display:block;
  font-family:var(--font-display);
  font-size:17px;
  font-weight:500;
  line-height:1.4;
  color:#757575;
  transition:opacity .15s ease;
}
.mfield__input{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:24px;
  padding:0;
  border:0;
  background:none;
  font-family:var(--font-display);
  font-size:17px;
  font-weight:500;
  color:#121212;
  outline:none;
}
.mfield:focus-within{border-color:#3B8BEB}
.mfield:focus-within .mfield__label,
.mfield__input:not(:placeholder-shown) ~ .mfield__label{opacity:0}
.mfield.is-bad{border-color:#D9534F}

.mconsent{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:26px;
  cursor:pointer;
}
.mconsent__input{position:absolute;opacity:0;width:1px;height:1px}
.mconsent__box{
  flex:none;
  width:20px;
  height:20px;
  background:#D9D9D9 no-repeat center/72% 72%;
  transition:background-color .18s ease, box-shadow .18s ease;
}
.mconsent__input:checked + .mconsent__box{
  background-color:#3B8BEB;
  background-image:var(--tick-svg);
}
.mconsent__input:focus-visible + .mconsent__box{outline:2px solid #3B8BEB;outline-offset:2px}
.mconsent.is-bad .mconsent__box{box-shadow:0 0 0 2px #D9534F}
.mconsent__text{
  font-family:var(--font-display);
  font-size:12px;
  font-weight:500;
  line-height:1.45;
  color:#858585;
}

.mform__btn{
  width:100%;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:28px;
  border:0;
  background:#3B8BEB;
  color:#FFFCFC;
  font-family:var(--font-ui);
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:background-color .18s ease;
}
.mform__btn:hover{background:#2F79D2}
.mform__btn--ghost{
  background:none;
  color:#3B8BEB;
  box-shadow:inset 0 0 0 1px #3B8BEB;
}
.mform__btn--ghost:hover{background:#EEF5FF;color:#2F79D2}

.modal--doc .modal__win{
  max-width:760px;
  max-height:86vh;
  max-height:86svh;
  display:flex;
  flex-direction:column;
  padding:52px 56px 40px;
}
.modal--doc .modal__title{flex:none;padding-right:calc(40px)}
.doc{
  flex:1;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  margin-top:22px;
  padding-right:18px;
}
.doc::-webkit-scrollbar{width:6px}
.doc::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:3px}
.doc::-webkit-scrollbar-thumb:hover{background:#C2C2CA}
.doc{scrollbar-width:thin;scrollbar-color:#D9D9D9 transparent}
.doc h3{
  margin:30px 0 0;
  font-family:var(--font-display);
  font-size:17px;
  font-weight:500;
  line-height:1.35;
  color:#121212;
}
.doc h3:first-child{margin-top:0}
.doc p{
  margin:14px 0 0;
  font-family:var(--font-display);
  font-size:15px;
  font-weight:500;
  line-height:1.6;
  color:#414141;
}
.doc h3 + p{margin-top:12px}
.doc ul{margin:12px 0 0}
.doc li{
  position:relative;
  padding-left:20px;
  font-family:var(--font-display);
  font-size:15px;
  font-weight:500;
  line-height:1.6;
  color:#414141;
}
.doc li + li{margin-top:7px}
.doc li::before{
  content:"";
  position:absolute;
  left:4px;
  top:11px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#3B8BEB;
}

.mconsent__text a,
.consent__text a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:2px;
  text-decoration-color:rgba(133,133,133,.6);
  transition:color .18s ease;
}
.mconsent__text a:hover,
.consent__text a:hover{color:#3B8BEB}
.price__form .mconsent__text a{text-decoration-color:rgba(255,255,255,.5)}
.price__form .mconsent__text a:hover{color:var(--white)}

.modal--done .modal__win{max-width:520px;text-align:center}
.modal__ok{
  display:flex;
  align-items:center;
  justify-content:center;
  width:64px;
  height:64px;
  margin:0 auto 24px;
  border-radius:50%;
  background:#DDF2ED;
}
.modal__ok svg{
  width:44px;
  height:44px;
  fill:none;
  stroke:#1C8486;
  stroke-width:2.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hp{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.form-msg{
  margin:16px 0 0;
  font-family:var(--font-display);
  font-size:13px;
  font-weight:500;
  line-height:1.4;
  color:#C0392B;
}
.form-msg[hidden]{display:none}

.cta__form .form-msg{
  position:absolute;
  left:64.7829%;
  top:calc(462 * var(--u));
  width:30.9340%;
  margin:0;
  font-size:calc(12 * var(--u));
}

.mform__btn[disabled],
.cta__btn[disabled]{
  opacity:.55;
  cursor:default;
}

body.is-locked{overflow:hidden}

@media (max-width:1199px){

  .hero{
    --u:1px;
    position:relative;
    top:auto;
    height:auto;
    min-height:100vh;
    min-height:100svh;
  }
  .hero__dim{display:none}

  .hero__photo{

    object-position:50% 50%;
    transform:none;
  }

  .hero__scrim{
    background:
      linear-gradient(180deg,
        rgba(var(--scrim),.45) 0%,
        rgba(var(--scrim),.24) 14%,
        rgba(var(--scrim),.10) 30%,
        rgba(var(--scrim),.24) 42%,
        rgba(var(--scrim),.52) 52%,
        rgba(var(--scrim),.74) 64%,
        rgba(var(--scrim),.86) 80%,
        rgba(var(--scrim),.90) 100%);
  }

  .hero{z-index:auto;isolation:auto}
  .hero__scrim{z-index:auto}
  .hero__dim{z-index:1}

  .header{
    --u:1px;
    position:fixed;
    z-index:60;
    transition:background-color .25s ease;
    height:auto;
    padding:16px 18px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px 16px;
  }

  .logo{position:static;align-items:center}
  .logo__mark{width:28px;height:27.4px}
  .logo__word{width:172px;height:20.3px;margin-left:8px}

  .nav{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:8px 18px 20px;
    background:#3B8BEB;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    transition:opacity .22s ease, transform .22s ease, visibility .22s;
  }
  .nav.is-open{opacity:1;visibility:visible;transform:none}

  .header.is-on{
    position:fixed;
    left:0;
    right:0;
    top:0;
    z-index:60;
  }

  .header.is-on:not(.is-menu){
    background:var(--white);
    box-shadow:0 1px 20px rgba(13,23,51,.08);
  }
  .header.is-on:not(.is-menu) .logo__mark:not(.logo__mark--ink),
  .header.is-on:not(.is-menu) .logo__word:not(.logo__word--ink){display:none}
  .header.is-on:not(.is-menu) .logo__mark--ink,
  .header.is-on:not(.is-menu) .logo__word--ink{display:block}
  .header.is-on:not(.is-menu) .burger span{background:#04020A}
  .header.is-on:not(.is-menu) > .btn{
    background:#3B8BEB;
    color:var(--white);
  }
  .header.is-menu{background:#3B8BEB}
  .nav__link,
  .nav__link:nth-child(1),
  .nav__link:nth-child(2),
  .nav__link:nth-child(3),
  .nav__link:nth-child(4){position:static;left:auto}
  .nav__link{
    font-size:16px;
    line-height:1;
    padding:14px 2px;
    border-bottom:1px solid rgba(255,255,255,.14);
  }
  .nav > .nav__link--contacts{display:block}

  .nav > .nav__cta{
    display:flex;
    position:static;
    right:auto;
    top:auto;
    width:100%;
    height:48px;
    margin-top:18px;
    font-size:14px;
    border-radius:2px;
  }

  .contacts{display:none}

  .header > .btn{
    order:3;
    display:none;
    position:static;
    right:auto;
    top:auto;
    width:100%;
    height:42px;
    font-size:13px;
    border-radius:2px;
  }

  .burger{
    display:block;
    flex:none;
    width:44px;
    height:44px;
    margin-right:-8px;
    padding:0;
    border:0;
    background:none;
    cursor:pointer;
  }
  .burger span{
    display:block;
    width:22px;
    height:2px;
    margin:5px auto;
    background:var(--white);
    transition:transform .22s ease, opacity .18s ease;
  }
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .stage{
    position:relative;
    inset:auto;
    min-height:100vh;
    min-height:100svh;
    height:auto;
    transform:translateY(var(--par, 0px));
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:96px 18px 36px;
    z-index:auto;
  }

  .hero__title{
    position:static;
    width:100%;
    max-width:none;

    margin-top:auto;
    font-size:clamp(30px,7.6vw,50px);
    letter-spacing:-.05em;
    line-height:1.04;
  }

  .hero__lead{
    position:static;
    width:100%;
    max-width:34ch;
    margin-top:20px;
    font-size:clamp(15px,4.1vw,18px);
  }

  .stats{
    position:static;
    right:auto;
    width:100%;
    max-width:none;
    margin-top:auto;
    padding-top:28px;

    display:none;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
    align-items:start;
  }
  .stats__item{
    position:static;
    width:auto;
  }
  .stats__item + .stats__item{
    margin-top:0;
    padding-top:0;
    border-top:0;
  }

  .stats__item:nth-child(2)::before,
  .stats__item:nth-child(3)::before{content:none}
  .stats__value{font-size:clamp(17px,4.8vw,24px);letter-spacing:-.05em;line-height:1}
  .stats__label{margin-top:6px;font-size:clamp(11px,3.2vw,13px);line-height:1.3}
  .stats__label br{display:none}

  .chip{
    position:static;
    width:100%;
    max-width:none;
    height:56px;
    margin-top:24px;
    font-size:14px;
  }

  [data-par]{--par:0px !important}

  .stage{--par:0px !important}

  .fit{--u:1px}
  .fit__inner{
    width:auto;
    min-height:0;
    padding:64px 18px 72px;
  }

  .fit__title{
    position:static;
    width:100%;
    max-width:none;
    font-size:clamp(26px,6.4vw,40px);
    letter-spacing:-.045em;
    line-height:1.06;
  }
  .fit__title br{display:none}

  .fit__lead{
    position:static;
    width:100%;
    max-width:38ch;
    margin-top:20px;
    font-size:clamp(15px,4.1vw,18px);
  }
  .fit__lead br{display:none}

  .bar{display:none}

  .method{--u:1px}
  .method__inner{padding:56px 18px 64px}
  .method__head{grid-template-columns:1fr;gap:18px}
  .method__title{
    font-size:clamp(24px,6vw,38px);
    line-height:1.12;
    letter-spacing:-.045em;
  }
  .method__title br{display:none}
  .method__lead{padding-top:0;max-width:46ch;font-size:clamp(15px,4vw,17px)}
  .method__cards{grid-template-columns:1fr;gap:14px;margin-top:30px}
  .method__card{padding:26px 20px;border-radius:14px}
  .method__num{font-size:26px}
  .method__name{margin-top:20px;font-size:clamp(18px,4.6vw,21px);letter-spacing:0}
  .method__text{margin-top:12px;font-size:15px}
  .method__sum{grid-template-columns:1fr;gap:20px;margin-top:32px}
  .method__sum p{padding-top:20px}
  .method__sum p{font-size:clamp(17px,4.6vw,20px);letter-spacing:0}
  .method__proof{margin-top:32px;padding:28px 20px 30px;border-radius:14px}
  .method__over{margin-bottom:12px;font-size:11px;letter-spacing:.12em}
  .method__claim{max-width:none;font-size:clamp(19px,5vw,24px);letter-spacing:-.03em}
  .method__nums{grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px 16px;margin-top:26px}
  .method__nums li{padding-bottom:12px}
  .method__nums b{font-size:clamp(22px,5.4vw,28px);letter-spacing:-.04em}
  .method__nums span{margin-top:7px;font-size:13px}
  .method__btn{width:100%;min-width:0;height:52px;margin-top:26px;font-size:14px}

  .price{--u:1px}
  .price__inner{padding:56px 18px 32px}
  .price__head{grid-template-columns:1fr;gap:20px}
  .price__over{margin-bottom:14px;font-size:11px;letter-spacing:.12em}
  .price__title{
    font-size:clamp(24px,6vw,38px);
    line-height:1.12;
    letter-spacing:-.045em;
  }
  .price__title br{display:none}
  .price__lead{padding-top:0;max-width:46ch;font-size:clamp(15px,4vw,17px)}
  .price__lead p + p{margin-top:14px}
  .price__cards{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .price__card{padding:28px 20px;border-radius:14px}
  .price__cap{font-size:clamp(18px,4.6vw,21px);letter-spacing:0}
  .price__list{margin-top:20px}
  .price__list li{font-size:15px;gap:12px}
  .price__list li::before{width:18px;height:18px;margin-top:3px}
  .price__list li + li{margin-top:18px;padding-top:18px}
  .price__note{max-width:52ch;margin-top:28px;font-size:15px}
  .price__band{margin-top:96px}
  .price__bg{top:-32px;bottom:-32px}
  .price__fos{
    grid-template-columns:1fr;
    gap:26px;
    padding:28px 20px 30px;
    border-radius:14px;
  }
  .price__logo{margin-bottom:22px}
  .price__logo-mark{width:26px;height:25.5px}
  .price__logo-word{width:160px;height:18.9px;margin-left:7px}
  .price__ask{font-size:clamp(19px,5vw,24px);letter-spacing:-.03em}
  .price__say{max-width:46ch;margin-top:14px;font-size:15px}
  .price__tiny{margin-top:14px;font-size:12px}
  .price__form .mfield{margin-top:20px;padding-bottom:8px;border-bottom-width:2px}
  .price__form .mfield__label,
  .price__form .mfield__input{font-size:16px}
  .price__form .mfield__input{height:22px}
  .price__form .mconsent{gap:10px;margin-top:20px}
  .price__form .mconsent__box{width:20px;height:20px}
  .price__form .mconsent__text{font-size:12px}
  .price__form .mform__btn{height:52px;margin-top:22px;font-size:14px}
  .price__form .form-msg{margin-top:12px;font-size:13px}

  .comfort{--u:1px;height:auto;min-height:0}
  .comfort__inner{position:static;height:auto;top:auto;padding:24px 18px 64px;transform:translateY(var(--par, 0px))}
  .comfort__title{
    position:static;
    width:auto;
    font-size:clamp(24px,6vw,38px);
    line-height:1.12;
    letter-spacing:-.045em;
  }
  .comfort__title br{display:none}
  .comfort__photo{
    position:static;
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:932 / 605;
    margin-top:40px;
    border-radius:12px;
  }
  .comfort__list{position:static;width:auto;height:auto;display:block;margin-top:32px}
  .comfort__list li{display:block;padding:0}
  .comfort__list li + li{margin-top:24px;padding-top:22px}
  .comfort__list h3{font-size:clamp(20px,5vw,23px)}
  .comfort__list p{margin-top:10px;max-width:52ch;font-size:15px}
  .comfort__nums{
    position:static;
    width:auto;
    margin-top:34px;
    grid-template-columns:repeat(auto-fit, minmax(170px, 1fr));
    gap:20px 18px;
  }
  .comfort__nums li{grid-template-columns:22px 1fr;column-gap:10px;padding-bottom:12px}
  .comfort__ic{width:22px;height:22px;margin-top:2px}
  .comfort__nums b{font-size:clamp(24px,5.6vw,30px);letter-spacing:-.045em}
  .comfort__nums span{margin-top:6px;font-size:14px}

  .care{--u:1px}
  .care__inner{position:static;min-height:0;padding:56px 18px 64px}
  .care__title{
    position:static;
    width:auto;
    font-size:clamp(24px,6vw,38px);
    line-height:1.12;
    letter-spacing:-.045em;
  }
  .care__title br{display:none}
  .care__lead{
    position:static;
    width:auto;
    max-width:44ch;
    margin-top:18px;
    font-size:clamp(15px,4vw,17px);
  }
  .care__lead p + p{margin-top:14px}
  .care__cards{
    position:static;
    width:100%;
    margin-top:32px;
    grid-template-columns:1fr;
    gap:14px;
  }
  .care__card{height:auto;padding:28px 20px 26px;border-radius:14px}
  .care__ic{width:56px;height:56px}
  .care__icon{width:24px;height:24px;stroke-width:1}
  .care__name{width:auto;max-width:26ch;margin-top:22px;font-size:17px}
  .care__text{width:auto;max-width:48ch;margin-top:14px;font-size:15px}

  .partner{--u:1px;height:auto;min-height:0;border-bottom:0;padding:56px 18px 104px}
  .partner__inner{position:static}

  .tick,
  .ptick{display:none}
  .partner__title{
    position:static;
    width:auto;
    font-size:clamp(24px,6vw,38px);
    line-height:1.12;
    letter-spacing:-.045em;
  }
  .partner__title br{display:none}
  .partner__lead{
    position:static;
    width:auto;
    max-width:40ch;
    margin-top:18px;
    font-size:clamp(15px,4.1vw,18px);
  }
  .partner__lead br{display:none}

  .plogos{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    align-items:center;
    gap:72px 22px;
    margin-top:44px;
  }

  .plogos{--logo-h:26px}
  .plogo{
    position:static;
    width:auto;
    height:auto;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .plogo picture{display:block;max-width:100%}
  .plogo img{
    display:block;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:var(--logo-h);
  }

  .cta{--u:1px;height:auto;position:relative}

  .cta__photo{
    position:absolute;
    inset:0;
    display:block;
    width:auto;
    height:auto;
    min-height:0;
    overflow:hidden;
  }
  .cta__photo img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:none;
  }

  .cta__card{
    position:relative;
    z-index:1;
    left:auto;
    top:auto;
    width:auto;
    height:auto;
    margin:40px 18px;
    padding:32px 20px 36px;
  }
  .cta__title{
    position:static;
    width:auto;
    font-size:clamp(24px,6vw,38px);
    line-height:1.1;
    letter-spacing:-.05em;
  }

  .opts{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
    margin-top:28px;
  }
  .opt{position:static}
  .opt__circle{width:40px;height:40px}
  .opt__icon{width:19px;height:19px}

  .opt__title{margin-top:10px;font-size:clamp(12px,3.4vw,14px);line-height:1.25;white-space:normal}
  .opt__text{margin-top:6px;font-size:clamp(10px,2.8vw,12px);line-height:1.35}
  .opt--1 .opt__text,
  .opt--2 .opt__text,
  .opt--3 .opt__text{width:auto;max-width:none}

  .cta__ask{
    position:static;
    width:auto;
    margin-top:40px;
    font-size:clamp(20px,5vw,28px);
    letter-spacing:-.04em;
  }
  .cta__note{position:static;margin-top:10px;font-size:13px}

  .field{
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    margin-top:24px;
    padding-bottom:8px;
    border-bottom-width:2px;
  }
  .field__label{font-size:16px}
  .field__input{height:24px;font-size:16px}

  .cta__btn{
    position:static;
    width:100%;
    height:52px;
    margin-top:28px;
    font-size:14px;
  }
  .cta__form .form-msg{
    position:static;
    width:auto;
    margin-top:14px;
    font-size:13px;
  }
  .consent{
    position:static;
    width:auto;
    margin-top:16px;
    gap:10px;
  }
  .consent__box{width:20px;height:20px}
  .consent__text{font-size:12px}

  .foot{--u:1px;height:auto;padding:40px 18px 28px}

  .foot__logo{
    position:static;
    width:auto;
    height:auto;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .foot__mark,
  .foot__word{position:static}
  .foot__mark{flex:none;width:40px;height:39.2px}
  .foot__word{width:auto;max-width:100%;height:29px;aspect-ratio:auto;margin-top:0}

  .foot__legal,
  .foot__req,
  .foot__offer,
  .foot__phones,
  .foot__mail,
  .foot__copy,
  .foot__doc{position:static;width:auto}

  .foot__legal{margin-top:32px;font-size:13px}
  .foot__offer{margin-top:16px;font-size:13px}
  .foot__req{margin-top:24px;font-size:13px;max-width:44ch}
  .foot__req p + p{margin-top:12px}
  .foot__phones{margin-top:28px;gap:4px}
  .foot__phones a{font-size:clamp(22px,6vw,30px)}
  .foot__mail{display:inline-block;margin-top:12px;font-size:14px}

  .foot__line{position:static;display:block;width:auto;margin:28px 0 0;height:1px}
  .foot__copy{margin-top:20px;font-size:12px}
  .foot__doc{display:block;margin-top:10px;font-size:12px}

  .foot__rits{position:relative;left:auto;top:auto;display:block;width:49px;height:25px;margin-top:24px}
  .foot__rits-dot{position:absolute;left:51.9px;top:5.5px;width:6px;height:6px}

  .cards{
    position:static;
    width:auto;
    margin:32px -18px 0;
    padding:0 18px;
    display:flex;
    gap:12px;
    overflow-x:auto;

    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scroll-padding-left:18px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .cards::-webkit-scrollbar{display:none}
  .cards{cursor:grab}
  .cards.is-drag{cursor:grabbing;scroll-behavior:auto}
  .cards.is-drag .card{pointer-events:none}

  .cards .card:hover,
  .fit.is-anim .cards.is-in .card:hover{
    transform:none;
    box-shadow:none;
  }
  .card{
    flex:0 0 calc((100% - 12px) / 1.5);
    scroll-snap-align:start;
    height:auto;
    aspect-ratio:326/475;
    min-height:0;
  }
  .card::after{height:110px}
  .card__title{
    left:14px;
    right:14px;
    bottom:14px;
    font-size:15px;
  }
  .card__title br{display:none}

  .who{
    position:static;
    width:100%;
    margin-top:28px;
    grid-template-columns:1fr;
    gap:14px;
  }
  .who__card{height:auto;padding:28px 20px 26px;border-radius:14px}
  .who__title{
    position:static;
    font-size:clamp(21px,5.4vw,27px);
    letter-spacing:-.04em;
  }
  .who__list{position:static;margin-top:18px}
  .who__list li{font-size:16px;line-height:1.9;gap:12px}
  .who__list li::before{width:19px;height:19px;margin-top:7px}
  .who__note{
    position:static;
    width:auto;
    max-width:46ch;
    margin-top:22px;
    font-size:12px;
  }
  .who__note br{display:none}
}

@media (max-width:1199px) and (min-height:620px){
  .hero{
    position:sticky;
    top:0;
    height:100vh;
    height:100svh;
    min-height:0;
  }
  .stage{
    min-height:0;
    height:100%;
  }
  .hero__dim{display:block}
}

@media (min-width:700px) and (max-width:1199px){

  .stage{padding:120px 40px 48px}
  .hero__title{font-size:clamp(42px,5.2vw,58px)}
  .hero__lead{max-width:44ch;font-size:19px;margin-top:24px}

  .stats{
    max-width:none;
    display:none;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:28px;
    padding-top:36px;
  }
  .stats__item + .stats__item{
    margin-top:0;
    padding-top:0;
    border-top:0;
  }
  .stats__value{font-size:30px}
  .stats__label{font-size:15px;max-width:22ch}

  .chip{max-width:360px;height:60px;font-size:15px;margin-top:36px}

  .header{padding:22px 40px}
  .logo__mark{width:32px;height:31.3px}
  .logo__word{width:196px;height:23.1px}

  .burger{display:none}
  .nav{
    position:static;
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:26px;
    width:auto;
    padding:0;
    margin-left:auto;
    margin-right:24px;
    background:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    opacity:1;
    visibility:visible;
    transform:none;
    box-shadow:none;
  }
  .nav__link{
    font-size:14px;
    line-height:1;
    padding:0;
    border-bottom:0;
  }
  .nav > .nav__link--contacts{display:none}
  .nav > .nav__cta{display:none}
  .contacts{
    display:block;
    position:static;
    font-size:14px;
    margin-right:20px;
  }
  .header > .btn{
    display:flex;
    position:static;
    width:145px;
    height:41px;
    font-size:13px;
  }

  .bar{
    display:flex;
    left:40px;
    right:calc(40px + var(--sbw, 0px));
    top:12px;
    padding:0 16px 0 20px;
    height:64px;
    transform:translateY(calc(-100% - 12px));
  }
  .bar.is-on{transform:none}
  .bar__nav,
  .bar__contacts{display:none}
  .bar__btn{margin-left:auto}

  .fit__inner{padding:96px 40px 104px}
  .fit__title{font-size:clamp(34px,4.4vw,46px)}
  .fit__lead{max-width:46ch;font-size:19px;margin-top:24px}

  .cards{
    gap:16px;
    margin:44px -40px 0;
    padding:0 40px;
  }
  .card{flex-basis:calc((100% - 32px) / 3)}
  .card__title{left:20px;right:20px;bottom:18px;font-size:16px}
  .card::after{height:130px}

  .who{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:16px;
    margin-top:40px;
  }
  .who__card{padding:36px 32px 32px}
  .who__title{font-size:clamp(24px,3.2vw,30px)}
  .who__list li{font-size:17px}
  .who__note{font-size:13px}

  .method__inner{padding:88px 40px 96px}
  .method__title{font-size:clamp(30px,4vw,42px)}
  .method__lead{max-width:52ch;font-size:18px}
  .method__cards{grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px;margin-top:44px}
  .method__card{padding:30px 24px}
  .method__num{font-size:30px}
  .method__name{margin-top:24px;font-size:20px}
  .method__text{font-size:15px}
  .method__sum{grid-template-columns:repeat(2, minmax(0, 1fr));gap:32px;margin-top:44px}
  .method__sum p{font-size:21px}
  .method__proof{margin-top:48px;padding:38px 34px 40px}
  .method__claim{max-width:none;font-size:26px}
  .method__nums{grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;margin-top:34px}
  .method__nums b{font-size:28px}
  .method__nums span{font-size:14px}
  .method__btn{width:auto;min-width:220px;height:54px}

  .price__inner{padding:88px 40px 40px}
  .price__title{font-size:clamp(30px,4vw,42px)}
  .price__lead{max-width:52ch;font-size:18px}
  .price__cards{grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;margin-top:48px}
  .price__card{padding:34px 28px}
  .price__cap{font-size:21px}
  .price__list li{font-size:16px;gap:14px}
  .price__list li::before{width:20px;height:20px;margin-top:4px}
  .price__note{max-width:70ch;font-size:17px}
  .price__band{margin-top:144px}
  .price__bg{top:-40px;bottom:-40px}
  .price__fos{
    grid-template-columns:1fr 1fr;
    gap:36px;
    padding:38px 34px 40px;
  }
  .price__logo{margin-bottom:30px}
  .price__logo-mark{width:29px;height:28.4px}
  .price__logo-word{width:178px;height:21px;margin-left:8px}
  .price__ask{font-size:26px}
  .price__say{max-width:none;font-size:17px}
  .price__form .mfield__label,
  .price__form .mfield__input{font-size:17px}

  .comfort__inner{padding:40px 40px 96px}
  .comfort__title{font-size:clamp(32px,4.2vw,44px)}
  .comfort__list{margin-top:44px}
  .comfort__list li + li{margin-top:28px;padding-top:26px}
  .comfort__list h3{font-size:24px}
  .comfort__list p{font-size:16px;max-width:58ch}
  .comfort__nums{grid-template-columns:repeat(3, minmax(0, 1fr));gap:24px;margin-top:44px}
  .comfort__nums b{font-size:32px}
  .comfort__ic{width:25px;height:25px;margin-top:3px}
  .comfort__nums span{font-size:16px}

  .care__inner{padding:88px 40px 96px}
  .care__title{font-size:clamp(32px,4.2vw,44px)}
  .care__lead{max-width:48ch;font-size:18px;margin-top:22px}

  .care__cards{
    grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
    gap:16px;
    margin-top:48px;
  }
  .care__card{padding:34px 28px 30px}
  .care__ic{width:64px;height:64px}
  .care__icon{width:27px;height:27px}
  .care__name{max-width:none;margin-top:26px;font-size:18px}
  .care__text{max-width:none;font-size:16px}

  .partner{padding:88px 40px 144px}
  .partner__title{font-size:clamp(32px,4.2vw,44px)}
  .partner__lead{max-width:48ch;font-size:19px;margin-top:22px}
  .plogos{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:44px 34px;
    margin-top:60px;
  }
  .plogos{--logo-h:28px}

  .cta__photo{height:34vw;min-height:260px}
  .cta__card{margin:-56px 40px 0;padding:48px 40px 52px}
  .cta__title{font-size:clamp(32px,4vw,44px)}
  .opts{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:32px;
    margin-top:44px;
  }
  .opt__circle{width:64px;height:64px}
  .opt__icon{width:28px;height:28px}
  .opt__text{max-width:none}

  .cta__ask{margin-top:52px;font-size:clamp(24px,3vw,30px)}
  .cta__form{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:28px;
    align-items:end;
  }
  .field{margin-top:28px}
  .cta__btn{grid-column:1/-1;width:100%;max-width:340px;height:56px}
  .consent{grid-column:1/-1;max-width:60ch}

  .foot{padding:64px 40px 40px}
  .foot__word{max-width:100%;margin-top:0}
  .foot__legal,
  .foot__offer{max-width:52ch;font-size:14px}
  .foot__phones{margin-top:40px}
  .foot__phones a{font-size:30px}
  .foot__mail{font-size:15px}
  .foot__line{margin-top:40px}
  .foot__doc{display:inline-block;margin-right:32px}
}

@media (max-width:600px){
  .modal__box{padding:16px 12px}
  .modal__win{padding:40px 22px 28px;border-radius:14px}
  .modal--doc .modal__win{max-height:88vh;max-height:88svh;padding:40px 16px 24px}
  .doc{padding-right:12px}
  .doc h3{font-size:16px}
  .doc p,.doc li{font-size:14px}
  .modal__x{right:8px;top:8px}
  .modal__title{font-size:24px}
  .modal__lead{font-size:15px}

  .card{min-height:180px}
  .plogos{--logo-h:24px}
}

@media (max-width:699px) and (orientation:landscape){
  .stage{padding-top:128px;padding-bottom:24px}
  .chip{height:48px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    transition-duration:.001ms !important;
    transition-delay:.001ms !important;
    animation-duration:.001ms !important;
    animation-delay:.001ms !important;
  }
}

@media print{
  .hero{height:auto;min-height:0}
  .nav,.burger{display:none !important}
  body{color:#000;background:#fff}
}