.stfm{--navy:#0F1628;
  --red1:#ED2C2F;
  --red2:#FF6F72;
  --reddark:#DD2A1B;
  --gray:#F3F3F4;
  --gold:#F0A731;
  --grad:linear-gradient(90deg,#ED2C2F 0%,#FF6F72 100%);
  --grad-icon:linear-gradient(135deg,#ED2C2F 0%,#FF6F72 100%);
  --font:inherit;}
.stfm *{margin:0;padding:0;box-sizing:border-box;}
.stfm{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;
  
  -webkit-tap-highlight-color:transparent;}
.stfm{font-family:var(--font);color:var(--navy);background:#fff;font-weight:400;overflow-x:hidden;}
.stfm img{display:block;max-width:100%;}
.stfm a{text-decoration:none;color:inherit;}
.stfm button{font-family:inherit;cursor:pointer;border:none;background:none;}
.stfm input{font-family:inherit;}
.stfm ul{list-style:none;}
.stfm .page{position:relative;width:100%;margin:0 auto;overflow:hidden;}
.stfm .container{width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 16px;}
.stfm .deco{position:absolute;left:0;width:1920px;z-index:0;pointer-events:none;}
.stfm .deco--top{top:0;height:1776px;object-fit:fill;opacity:37%;}
.stfm .hero,.stfm .stats,.stfm .section,.stfm .quiz,.stfm .production,.stfm .form-sec,.stfm .footer{position:relative;z-index:1;}
.stfm .page{padding-top:109px;}
.stfm .pill{display:inline-flex;align-items:center;gap:20px;height:44px;padding:0 20px;border-radius:999px;
  background:rgba(255,255,255,.55);border:1px solid rgba(15,22,40,.10);box-shadow:0 0 0 rgba(15,22,40,.05);
  font-size:16px;font-weight:500;text-transform:uppercase;color:var(--navy);letter-spacing:.2px;white-space:nowrap;width:fit-content;}
.stfm .pill--light{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.25);color:#fff;box-shadow:none;}
.stfm .dot{width:7px;height:7px;border-radius:50%;background:var(--grad);flex:none;}
.stfm .dot--ring{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--grad);position:relative;}
.stfm .dot--ring::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff;}
.stfm .h2{font-size:52px;line-height:61px;font-weight:500;color:var(--navy);letter-spacing:-.5px;}
.stfm .h2--light{color:#fff;}
.stfm .lead{font-size:16px;line-height:19px;font-weight:400;color:var(--navy);max-width:1033px;}
.stfm .lead--light{color:rgba(255,255,255,.9);}
.stfm .head{display:flex;flex-direction:column;gap:30px;margin-bottom:40px;}
.stfm .head--mb{gap:30px;margin-bottom:40px;}
.stfm .head__text{display:flex;flex-direction:column;gap:35px;max-width:1050px;}
.stfm .section{margin-top:100px;}
.stfm .section__cta{display:flex;justify-content:center;margin-top:40px;}
.stfm .from{font-size:14px;line-height:17px;font-weight:500;color:var(--navy);}
.stfm .price-grad{font-weight:500;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.stfm .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:15px;font-weight:500;font-size:16px;white-space:nowrap;transition:.15s;}
.stfm .btn--primary{background:var(--grad);color:#fff;height:42px;padding:0 33px;}
.stfm .btn--red{background:var(--red1);color:#fff;height:55px;padding:0 20px;border-radius:15px;}
.stfm .section__cta .btn--red{background:var(--grad);}
.stfm .btn--outline{border:1px solid var(--navy);color:var(--navy);height:51px;padding:0 30px;}
.stfm .quiz__nav .btn--outline{border: 0px solid var(--navy); color: var(--navy);  height: 51px; padding: 0 30px; background: #F3F3F4;}
.stfm .btn--sm{height:42px;max-width:153px;}
.stfm .btn--lg{height:55px;padding:7px 7px 7px 20px;gap:9px;border-radius:15px;font-weight:500;}
.stfm .btn--calc{padding-right:7px;}
.stfm .btn__calc{width:41px;height:41px;flex:none;}
.stfm .btn:hover{filter:brightness(1.03);}
.stfm .header{position:fixed;top:0;left:0;right:0;z-index:1000;padding-top:24px;height:109px;
  transition:background-color .25s ease,box-shadow .25s ease,border-radius .25s ease;}
.stfm .header--scrolled{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 8px 24px rgba(15,22,40,.06);}
.stfm .header--scrolled .header__bar{background:transparent;border-color:transparent;backdrop-filter:none;}
.stfm .header__bar{width:100%;max-width:1400px;margin:0 auto;height:85px;display:flex;align-items:center;justify-content:space-between;
  padding:15px 15px 15px 40px;border-radius:20px;background:rgba(242,242,242,.75);}
.stfm .header__logo img,.stfm .header__logo svg{height:46px;width:auto;}
.stfm .menu{display:flex;align-items:center;}
.stfm .menu__item{display:inline-flex;align-items:center;gap:10px;height:53px;padding:0 25px;border-radius:15px;font-size:16px;font-weight:500;color:var(--navy);}
.stfm .menu__item--active{background:linear-gradient(90deg,#ED2C2F 0%,#FF6F72 100%) text,#fff padding-box;-webkit-background-clip:text,padding-box;background-clip:text,padding-box;-webkit-text-fill-color:transparent;color:transparent;}
.stfm .menu__dropdown.is-open .menu__trigger{background:linear-gradient(90deg,#ED2C2F 0%,#FF6F72 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.stfm .menu__item--active .menu__chevron path,.stfm .menu__dropdown.is-open .menu__chevron path{stroke:url(styles.css?ver=1.4.9);}
.stfm .menu__dropdown{position:relative;}
.stfm .menu__trigger{border:none;background:none;cursor:pointer;font-family:inherit;text-decoration:none;}
.stfm .menu__chevron{flex:none;transition:transform .25s ease;}
.stfm .menu__dropdown.is-open .menu__chevron{transform:rotate(180deg);}
.stfm .menu__submenu{list-style:none;position:absolute;top:calc(100% + 8px);left:0;min-width:240px;padding:8px;background:#fff;border-radius:15px;
  border:1px solid rgba(177,177,177,.2);box-shadow:0 12px 32px rgba(15,22,40,.1);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:20;}
.stfm .menu__dropdown.is-open .menu__submenu{opacity:1;visibility:visible;transform:translateY(0);}
.stfm .menu__sublink{display:block;padding:12px 16px;border-radius:10px;font-size:15px;font-weight:500;color:var(--navy);transition:background .2s ease;}
.stfm .menu__sublink:hover{background:var(--gray);}
@media (min-width:1200px){
.stfm .header{position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    padding-top:10px;
    height:109px;
    transition:background-color .25s ease,box-shadow .25s ease,border-radius .25s ease;}
.stfm .menu__dropdown:hover .menu__submenu{opacity:1;visibility:visible;transform:translateY(0);}
}
.stfm .header__right{display:flex;align-items:center;gap:40px;}
.stfm .header__socials{display:flex;gap:8px;}
.stfm .soc{width:41px;height:41px;display:block;}
.stfm .soc img{width:41px;height:41px;}
.stfm .header__phone{display:flex;flex-direction:column;gap:2px;}
.stfm .header__phone-num{font-size:21px;font-weight:500;color:var(--navy);line-height:25px;}
.stfm .header__phone-sub{font-size:12px;font-weight:400;color:rgba(15,22,40,.65);line-height:14px;}
.stfm .header .btn--calc{height:55px;padding:7px 7px 7px 20px;border-radius:15px;}
.stfm .header__phone-mobile,.stfm .header__burger,.stfm .header__mobile-extra{display:none;}
.stfm .header__phone-mobile{align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;transition:background .2s;}
.stfm .header__burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;border-radius:12px;transition:background .2s;}
.stfm .header__phone-mobile:hover,.stfm .header__burger:hover{background:rgba(15,22,40,.06);}
@media (hover:none){
.stfm .header__phone-mobile:hover,.stfm .header__burger:hover{background:transparent;}
}
.stfm .header__phone-mobile:active,.stfm .header__burger:active{background:rgba(15,22,40,.10);}
.stfm .header__burger-line{display:block;width:22px;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s,opacity .25s;}
.stfm .header--open .header__burger-line:nth-child(1){transform:translateY(7px) rotate(45deg);}
.stfm .header--open .header__burger-line:nth-child(2){opacity:0;}
.stfm .header--open .header__burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.stfm .hero{margin-top:17px;}
.stfm .hero__inner{position:relative;width:100%;max-width:1400px;margin:0 auto;min-height:594px;}
.stfm .hero__content{width:700px;display:flex;flex-direction:column;gap:40px;padding-top:55px;}
.stfm .hero__text{display:flex;flex-direction:column;gap:40px;}
.stfm .hero__title{font-size:64px;line-height:68px;font-weight:500;letter-spacing:-1.5px;max-width:653px;}
.stfm .hero__title .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.stfm .hero__meta{display:flex;flex-direction:column;gap:20px;}
.stfm .hero__process,.stfm .hero__features{display:flex;align-items:center;font-size:16px;color:var(--navy);}
.stfm .hero__process{gap:10px;}
.stfm .hero__process .ic{width:21px;height:14px;}
.stfm .hero__features{gap:50px;}
.stfm .feat{display:inline-flex;align-items:center;gap:10px;}
.stfm .feat .ic{width:21px;height:21px;}
.stfm .arrow-line{width: 20px;
    height: 0;
    border-top: 1.5px solid var(--navy);
    margin: 0 0;
    position: relative;}
.stfm .arrow-line::after{content:"";position:absolute;right:0;top:-4px;width:6px;height:6px;border-top:1.5px solid var(--navy);border-right:1.5px solid var(--navy);transform:rotate(45deg);}
.stfm .hero__btns{display:flex;align-items:center;gap:50px;}
.stfm .hero__cta{display:flex;flex-direction:column;gap:10px;}
.stfm .hero__note{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#000;padding-left:6px;}
.stfm .hero__explore{position:relative;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  height:55px;padding:0 25px;border-radius:15px;font-size:16px;font-weight:500;color:var(--navy);
  transition:background .25s ease,color .25s ease;}
.stfm .hero__explore::before{content:"";position:absolute;inset:0;border-radius:15px;padding:1px;
  background:linear-gradient(90deg,#FF6F72 0%,#ED2C2F 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  pointer-events:none;transition:opacity .25s ease;}
.stfm .hero__explore svg{flex:none;}
.stfm .hero__explore path{transition:stroke .25s ease;}
.stfm .hero__explore:hover{background:var(--grad);color:#fff;}
.stfm .hero__explore:hover::before{opacity:0;}
.stfm .hero__explore:hover path{stroke:#fff;}
/* Фото добирает всё, что осталось от текстовой колонки: полотно 1400 на десктопе и 72vw на 2K. */
.stfm .hero__image{position:absolute;top:0;right:0;width:calc(100% - 740px);height:594px;}
.stfm .hero__slider{width:100%;height:100%;position:relative;overflow:hidden;border-radius:20px;}
.stfm .hero__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;pointer-events:none;}
.stfm .hero__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;}
.stfm .hero__slide img{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block;}
.stfm .hero__image>img{width:100%;height:594px;object-fit:cover;border-radius:20px;}
.stfm .hero__dots{display:none;align-items:center;gap:8px;}
.stfm .hdot{width:12px;height:12px;padding:0;border:none;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .25s ease,transform .25s ease;}
.stfm .hdot--active{background:var(--grad);}
.stfm .hero__badge{position:absolute;right:23px;bottom:23px;display:flex;align-items:center;justify-content:space-between;gap:30px;}
.stfm .hero__badge-main{display:flex;align-items:center;gap:30px;height:55px;padding:0 10px 0 30px;border-radius:15px;
  background:rgba(15,22,40,.35);border:1px solid rgba(177,177,177,.18);backdrop-filter:blur(6px);color:#fff;font-size:16px;font-weight:400;}
.stfm .hero__badge-arrow{width:35px;height:35px;border-radius:10px;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.stfm .stats{margin-top:50px;}
.stfm .stats__row{display:flex;gap:25px;padding:0;}
.stfm .stat{flex:1;height:149px;padding:30px 20px;border-radius:20px;background:rgba(255,255,255,.5);border:1px solid rgba(15,22,40,.2);
  display:flex;flex-direction:column;gap:20px;}
.stfm .stat__top{display:flex;align-items:center;gap:10px;}
.stfm .stat__num{font-size:72px;line-height:50px;font-weight:500;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:2px;}
.stfm .stat__unit{font-size:16px;line-height:30px;font-weight:500;color:var(--navy);align-self:flex-start;margin-top:10px;}
.stfm .stat__label{font-size:16px;line-height:19px;color:rgba(15,22,40,.6);}
.stfm .products__grid{display:flex;gap:25px;}
.stfm .pcard{flex:1;background:var(--gray);border-radius:20px;padding:10px 10px 20px;display:flex;flex-direction:column;gap:20px;}
.stfm .pcard--light{background:#fff;border:1px solid rgba(15,22,40,.06);}
.stfm .pcard__img{height:176px;border-radius:15px;overflow:hidden;background:#fff;}
.stfm .pcard__img img{width:100%;height:100%;object-fit:cover;}
.stfm .pcard__body{padding:0 10px;display:flex;flex-direction:column;gap:20px;flex:1;justify-content:space-between;}
.stfm .pcard__text{display:flex;flex-direction:column;gap:10px;}
.stfm .pcard__title{font-size:21px;line-height:25px;font-weight:500;}
.stfm .pcard__price{display:flex;align-items:center;gap:10px;font-size:21px;}
.stfm .pcard__desc{font-size:14px;line-height:23px;color:rgba(0,0,0,.63);}
.stfm .pcard__btns{display:flex;gap:5px;}
.stfm .pcard__btns--wide{}
.stfm .btn--grow{flex:1;}
.stfm .iconbtn{width:43px;height:43px;border-radius:15px;background:transparent;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .25s ease;}
.stfm .iconbtn::before{content:"";position:absolute;inset:0;border-radius:15px;padding:1px;
  background:linear-gradient(90deg,#FF6F72 0%,#ED2C2F 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .25s ease;}
.stfm .iconbtn path{transition:stroke .25s ease;}
.stfm .iconbtn--grad{background:var(--grad);}
.stfm .iconbtn--grad::before{display:none;}
.stfm .pcard__btns:hover .iconbtn{background:var(--grad);}
.stfm .pcard__btns:hover .iconbtn::before{opacity:0;}
.stfm .pcard__btns:hover .iconbtn path{stroke:#fff;}
.stfm .production{padding:100px 0;color:#fff;overflow:hidden;}
.stfm .production__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.stfm .production__grad{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fd1400 0%,#ED2C2F 100%);opacity:.65;pointer-events:none;
  -webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);}
.stfm .production__inner{position:relative;z-index:1;}
.stfm .tech__grid{display:flex;gap:25px;}
.stfm .tcard{flex:1;background:#fff;border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:20px;transition:background .25s ease;}
.stfm .tcard__icon{width:65px;height:65px;}
.stfm .tcard__icon img{width:65px;height:65px;}
.stfm .tcard__body{display:flex;flex-direction:column;gap:20px;}
.stfm .tcard__text{display:flex;flex-direction:column;gap:10px;}
.stfm .tcard__title{font-size:21px;line-height:25px;font-weight:500;color:var(--navy);transition:color .25s ease;}
.stfm .tcard__title--light{color: var(--navy);}
.stfm .tcard__desc{font-size:14px;line-height:23px;color: var(--navy);transition:color .25s ease;}
.stfm .tcard__desc--dark{color:rgba(15,22,40,.7);}
.stfm .tcard__price{display:flex;align-items:center;gap:10px;font-size:21px;margin-top:4px;flex-wrap: wrap;}
.stfm .from_out{gap: 10px; display: flex; align-items: center;}
.stfm .from--light{color: var(--navy);transition:color .25s ease;}
.stfm .tcard__meta{font-size:14px;font-weight:500;color:var(--navy);transition:color .25s ease;}
.stfm .tcard__meta--light{color: var(--navy);}
.stfm .tcard:hover .tcard__meta--light{color:var(--navy);}
.stfm .tcard__more{font-size:16px;font-weight:500;color: var(--navy);transition:color .25s ease;}
.stfm .tcard__more--dark{color:var(--navy);}
.stfm .tcard:hover .tcard__more{color:var(--navy);}
.stfm .work__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.stfm .work{background:var(--gray);border-radius:20px;padding:10px;display:flex;flex-direction:column;gap:20px;}
.stfm .work__img{height:260px;border-radius:15px;overflow:hidden;background:#fff;}
.stfm .work__img img{width:100%;height:100%;object-fit:cover;}
.stfm .work__text{padding:0 10px 10px;display:flex;flex-direction:column;gap:15px;}
.stfm .badges{display:flex;gap:5px;flex-wrap:wrap;}
.stfm .badge{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:5px;background:rgba(15,22,40,.05);
  font-size:12px;font-weight:400;text-transform:uppercase;color:var(--navy);letter-spacing:.3px;}
.stfm .work__title{font-size:21px;line-height:25px;font-weight:500;color:#0F1628;}
.stfm .work__foot{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid rgba(15,22,40,.1);}
.stfm .work__term{display:inline-flex;align-items:center;gap:7px;font-size:14px;line-height:23px;color:rgba(0,0,0,.63);}
.stfm .ic-clock,.stfm .ic-cal{width:20px;height:20px;flex:none;}
.stfm .work__price{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:500;color:var(--navy);}
.stfm .reasons{overflow:hidden;}
.stfm .reasons__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:37%;z-index:0;pointer-events:none;}
.stfm .blog{overflow:hidden;}
.stfm .blog__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:37%;z-index:0;pointer-events:none;
  /* перелив растворяется к краям, иначе внизу резкая кромка над волнами */
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 65%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 65%,transparent 100%);}
.stfm .blog .container{position:relative;z-index:1;}
.stfm .reasons .container{position:relative;z-index:1;}
.stfm .reasons__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.stfm .reason{position:relative;padding-top:60px;}
.stfm .reason__num{position:absolute;top:-20px;left:14px;font-size:96px;line-height:96px;font-weight:500;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;z-index:0;}
.stfm .reason__card{position:relative;z-index:1;background:#fff;border:1px solid rgba(237,44,47,.6);border-radius:20px;padding:24px 30px 30px;display:flex;flex-direction:column;gap:10px;min-height:110px;}
.stfm .reason__title{font-size:21px;line-height:25px;font-weight:500;}
.stfm .reason__desc{font-size:14px;line-height:23px;color:rgba(15,22,40,.6);}
.stfm .quiz{margin-top:100px;padding:90px 0;overflow:hidden;}
.stfm .quiz__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.stfm .quiz__grad{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fd1400 0%,#ED2C2F 100%);opacity:.65;pointer-events:none;
  -webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);}
.stfm .quiz__inner{position:relative;z-index:1;}
.stfm .quiz__inner .head__text{max-width:none;}
.stfm .quiz__card{background:#fff;border-radius:30px;padding:40px;margin-top:0;}
.stfm .quiz__q{display:flex;flex-direction:column;gap:30px;}
.stfm .quiz__qhead{display:flex;align-items:flex-start;gap:15px;}
.stfm .quiz__step{width:42px;height:42px;border-radius:50%;background:var(--grad);color:#fff;font-size:16px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;flex:none;}
.stfm .quiz__qtext{flex:1;display:flex;flex-direction:column;gap:6px;}
.stfm .quiz__title{font-size:21px;line-height:25px;font-weight:500;}
.stfm .quiz__sub{font-size:14px;line-height:20px;color:rgba(15,22,40,.6);}
.stfm .quiz__progress{display:flex;align-items:center;gap:20px;padding-top:12px;min-width:710px;justify-content:flex-end;}
.stfm .quiz__bar{width:600px;height:8px;border-radius:4px;background:#EDEDEF;overflow:hidden;}
.stfm .quiz__bar span{display:block;height:100%;background:var(--grad);border-radius:4px;}
.stfm .quiz__num{font-size:14px;font-weight:500;text-transform:uppercase;color:var(--navy);white-space:nowrap;}
.stfm .quiz__options{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;}
.stfm .opt{display:flex;align-items:center;gap:12px;height:56px;padding:0 20px;border-radius:12px;background:var(--gray);
  font-size:16px;color:var(--navy);cursor:pointer;border:1px solid transparent;}
.stfm .opt--active{background:#fff;border-color:var(--red1);}
.stfm .opt__box{width:30px;height:30px;border-radius:7px;background:#fff;border:0px solid rgba(15,22,40,.15);flex:none;display:inline-flex;align-items:center;justify-content:center;}
.stfm .opt--active .opt__box{background:var(--red1);border-color:var(--red1);  border-color: #E31E24;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 10' width='12' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;}
.stfm .quiz__nav{display:flex;justify-content:space-between;margin-top:40px;align-items:center;gap:12px;}
.stfm .quiz__panels{min-height:120px;}
.stfm .quiz__step-panel{display:none;}
.stfm .quiz__step-panel.is-active{display:block;}
.stfm .quiz__step-panel--form .quiz__form{margin-top:0;}
.stfm .quiz__card.is-form-step .quiz__nav-next,.stfm .quiz__card.is-form-step .quiz__nav-skip{display:none;}
.stfm .quiz__nav-back[hidden]{display:none!important;}
.stfm .reviews__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.stfm .reviews__yandex{width:100%;max-width:560px;margin:0 auto;}
.stfm .reviews__yandex > div{width:100%;max-width:560px;margin:0 auto;}
@media (max-width:640px){
.stfm .reviews__yandex > div{height:70vh;max-height:800px;}
}
.stfm .review__head{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #0F16281A padding-bottom: 15px;}
.stfm .review__head{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(15, 22, 40, 0.1); padding-bottom: 15px; margin-bottom: 15px;}
.stfm .review__who{display:flex;align-items:center;gap:15px;}
.stfm .avatar{width:46px;height:46px;border-radius:50%;background:var(--red1);color:#fff;font-size:15px;font-weight:500;
  display:inline-flex;align-items:center;justify-content:center;flex:none;}
.stfm .review__name{font-size: 16px; font-weight: 500; color: var(--navy);}
.stfm .review__src{font-size:14px;color:rgba(15,22,40,.6);margin-top:5px;}
.stfm .stars{color:var(--gold);font-size:18px;letter-spacing:2px;}
.stfm .review__text{font-size:14px;line-height:23px;color:rgba(0,0,0,.63);}
.stfm .review{background: #F3F3F4; border-radius: 20px; padding: 30px;}
.stfm .faq__bg{position:absolute;left:0;top:-140px;width:100%;height:calc(100% + 140px);object-fit:fill;opacity:37%;z-index:0;pointer-events:none;}
.stfm .faq__inner{position:relative;z-index:1;display:flex;gap:30px;flex-direction: column;}
.stfm .faq__left{flex:none;display:flex;flex-direction:column;gap:30px;}
.stfm .faq__list{flex:1; gap: 15px; display: flex;flex-direction: column;}
.stfm .faq__item{border-bottom:0px solid rgba(15,22,40,.12); background: #fff;border-radius: 20px;}
.stfm .faq__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding: 28px 30px;
  font-size:16px;font-weight:500;color:var(--navy);text-align:left;}
.stfm .faq__sign{font-size:26px;font-weight:400;color:var(--navy);line-height:1;flex:none;}
.stfm .faq__item{transition: border-color 0.3s ease, border-radius 0.3s ease;
  margin-bottom: 8px; 
  border:1px solid #F3F3F4;
  border-radius:20px;}
.stfm .faq__item--open{border: 1px solid rgba(237, 44, 47, .6);
  border-radius: 16px;}
.stfm .faq__item--open .faq__q{padding-bottom: 8px;}
.stfm .faq__item--open .faq__sign{color: var(--red1, #ed2c2f);}
.stfm .faq__a{max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease;
  padding: 0 24px;
  font-size: 14px;
  line-height: 23px;
  color: rgba(15, 22, 40, .7);}
.stfm .faq__item--open .faq__a{max-height: 500px;
  padding-bottom: 26px;}
.stfm .faq__q{width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 28px 24px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  color: rgba(15, 22, 40, .9);
  transition: color 0.2s ease;}
.stfm .faq__q:hover{color: var(--red1, #ed2c2f);}
.stfm .blog__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.stfm .post{display:flex;flex-direction:column;gap:20px;}
.stfm .post__img{position:relative;height:260px;border-radius:15px;overflow:hidden;background:#fff;}
.stfm .post__img img{width:100%;height:100%;object-fit:cover;}
.stfm .badge--onimg{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.55);backdrop-filter:blur(4px);}
.stfm .post__title{font-size:21px;line-height:25px;font-weight:500;padding-right:30px;}
.stfm .post__meta{display:flex;gap:20px;}
.stfm .post__mi{display:inline-flex;align-items:center;gap:7px;font-size:14px;line-height:23px;color:rgba(0,0,0,.63);}
.stfm .form-sec{padding:100px 0;overflow:hidden;margin-top: 100px;}
.stfm .form-sec__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.stfm .form-sec__grad{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#FF6F72 0%,#ED2C2F 100%);opacity:.55;pointer-events:none;
  -webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);}
.stfm .form-sec__inner{position:relative;z-index:1;display:flex;gap:80px;align-items:flex-start;}
.stfm .form-sec__left{width:700px;flex:none;display:flex;flex-direction:column;gap:35px;}
.stfm .form-sec__list{display:flex;flex-direction:column;gap:16px;}
.stfm .form-sec__list li{display:flex;align-items:center;gap:15px;font-size:16px;color:#fff;}
.stfm .chk{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center;flex:none;}
.stfm .form-card{flex:1;background:#fff;border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:24px;}
.stfm .form{display:flex;flex-direction:column;gap:20px;}
.stfm .form__row{display:flex;gap:20px;}
.stfm .field{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;}
.stfm .field label{font-size:16px;font-weight:500;color:var(--navy);}
.stfm .field input{height:56px;border-radius:12px;background:var(--gray);border:1px solid transparent;padding:0 22px;font-size:16px;color:var(--navy);}
.stfm .field input::placeholder{color:rgba(15,22,40,.4);}
.stfm .form__attach{display:flex;align-items:center;gap:14px;height:64px;border-radius:12px;background:var(--gray);padding:0 22px;
  border:0;cursor:pointer;width:100%;font:inherit;text-align:left;font-size:16px;color:rgba(15,22,40,.7);}
.stfm .form__attach-wrap{display:flex;flex-direction:column;gap:8px;}
.stfm .form__file-name{font-size:13px;color:rgba(15,22,40,.6);padding-left:4px;}
.stfm .form__attach-text{flex:1;}
.stfm .form__clip{width:36px;height:36px;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.stfm .form__submit{display:flex;align-items:center;justify-content: flex-end;gap:20px;margin-top:4px;}
.stfm .agree input{display:none;}
.stfm .agree input[type="checkbox"]{position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;}
.stfm .agree{font-size: 13px;
    color: rgba(15, 22, 40, .6);
    max-width: 470px;
    line-height: 1.4;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;}
.stfm .agree__box{width: 20px;
    height: 20px;
    border-radius: 5px;
    background: var(--gray, #f0f0f0);
    border: 1px solid rgba(15, 22, 40, .15);
    flex: none;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    
    display: flex;
    align-items: center;
    justify-content: center;}
.stfm .agree:hover .agree__box{border-color: rgba(15, 22, 40, .3);}
.stfm .agree input[type="checkbox"]:checked + .agree__box{background-color: #E31E24;
    border-color: #E31E24;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.93869 10L0 6.00386L1.79493 4.18275L3.93869 6.36422L10.2051 0L12 1.82111L3.93869 10Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 10px;}
.stfm .agree input[type="checkbox"]:focus-visible + .agree__box{outline: 2px solid #E31E24;
    outline-offset: 2px;}
.stfm .agree a{text-decoration: underline;
    color: rgba(15, 22, 40, .7);
    transition: color 0.2s ease;}
.stfm .agree a:hover{color: #E31E24;}
.stfm .form-card__msg{text-align:center;font-size:16px;font-weight:500;color:var(--navy);}
.stfm .form-card__btns{display:flex;gap:20px;}
.stfm .mbtn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;border-radius:14px;color:#fff;font-size:16px;font-weight:500;}
.stfm .mbtn img{width:22px;height:22px;}
.stfm .mbtn--tg{background: #00A2E6A6;}
.stfm .mbtn--max{background:#3D58FBA6;}
.stfm .seo .h2{margin-bottom:35px;}
.stfm .seo__text{display:flex;flex-direction:column;gap:20px;max-width:1400px;}
.stfm .seo__text p{font-size:16px;line-height:26px;color:rgba(15,22,40,.85);}
.stfm .footer{background:var(--navy);color:#fff;margin-top:100px;padding:80px 0 40px;}
.stfm .footer__inner{display:flex;flex-direction:column;gap:60px;}
.stfm .footer__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;}
.stfm .footer__logo{height:70px;width:auto;margin-bottom:24px;}
.stfm .footer__tagline{font-size:14px;line-height:22px;color:rgba(255,255,255,.7);margin-bottom:24px;}
.stfm .footer__socials{display:flex;gap:12px;}
.stfm .footer__h{font-size:21px;font-weight:700;margin-bottom:34px;}
.stfm .footer__col{display:flex;flex-direction:column;}
.stfm .footer__col a{font-size:16px;color:rgba(255,255,255,.8);padding:12px 0;}
.stfm .footer__col a:hover{color:#fff;}
.stfm .footer__h{padding-top:12px;}
.stfm .footer__col--contacts .footer__phone{font-size:32px;font-weight:500;color:#fff;padding:0;margin-bottom:14px;}
.stfm .footer__muted{font-size:16px;color:rgba(255,255,255,.55);margin-bottom:26px;}
.stfm .footer__mail{font-size:20px! important;color:#fff;padding:0;margin-bottom:26px;display:inline-block;}
.stfm .footer__hours{font-size:20px;line-height:30px;color:#fff;}
.stfm .footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:40px;border-top:1px solid rgba(255,255,255,.12);}
.stfm .footer__copy{font-size:15px;color:rgba(255,255,255,.6);}
.stfm .footer__legal{display:flex;gap:40px;}
.stfm .footer__legal a{font-size:15px;color:rgba(255,255,255,.6);text-decoration:underline;}
.stfm .footer__legal a:hover{color:#fff;}
.stfm .footer_menu li{padding:12px 0px;}
.stfm .stat__label.onmob{display: none;}
@media (max-width: 1620px){
.stfm .header{padding: 0px 15px;
        margin-top: 10px;}
.stfm .hero__title{font-size: 55px;}
.stfm .hero{margin-top: 17px;
		padding: 0px 15px;}
.stfm .stats{padding: 0px 15px;}
.stfm .hero__btns{display: flex;
		align-items: center;
		gap: 10px;}
}
@media (max-width: 1500px){
.stfm .header__right{gap: 15px;}
.stfm .hero__explore{max-width: 180px;}
}
@media (max-width: 1440px){
.stfm .container{max-width: 1200px;
        padding: 0 32px;}
.stfm .menu__item{padding: 0 12px;}
.stfm .header__logo img,.stfm .header__logo svg{height: 30px;
    width: auto;}
.stfm .soc img{width: 32px;
    height: 32px;}
.stfm .soc{width: 32px;
    height: 32px;}
.stfm .header__phone-num{font-size: 17px;}
.stfm .hero__process,.stfm .hero__features{max-width: 510px;
        flex-wrap: wrap;}
.stfm .hero__btns{gap: 12px;}
.stfm .products__grid{flex-wrap: wrap;}
.stfm .footer__col--contacts .footer__phone{font-size: 24px;}
.stfm .footer_menu li{padding: 6px 0px;}
.stfm .footer__logo{height: 45px;}
.stfm .footer__tagline{max-width: 250px;}
.stfm .footer__muted{margin-bottom: 0px;}
.stfm .footer__mail{margin-bottom: 0px;}
.stfm .header__bar{max-width: 1200px;
        padding: 15px 15px 15px 30px;}
.stfm .hero__inner{max-width: 1200px;}
.stfm .hero__content{width: 650px;}
.stfm .hero__title{font-size: 52px;
        line-height: 58px;
        max-width: 550px;}
.stfm .hero__image{width: 650px;
        height: 500px;}
.stfm .hero__slide img,.stfm .hero__image > img{width: 650px;
        height: 500px;}
.stfm .h2{font-size: 44px;
        line-height: 52px;}
.stfm .stat__num{font-size: 60px;
        line-height: 45px;}
.stfm .quiz__options{grid-template-columns: repeat(4, 1fr);}
.stfm .quiz__bar{width: 450px;}
.stfm .quiz__progress{min-width: 550px;}
.stfm .reasons__grid{grid-template-columns: repeat(3, 1fr);}
.stfm .blog__grid{grid-template-columns: repeat(3, 1fr);}
.stfm .form-sec__inner{gap: 40px;}
.stfm .form-sec__left{width: 500px;}
.stfm .footer__top{grid-template-columns: 1.2fr 1fr 1fr 1fr;
        gap: 30px;}
.stfm .form-card{flex: 1;
        background: #fff;
        border-radius: 24px;
        padding: 40px;
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%;}
}
@media (max-width: 1440px) and (min-width: 1025px){
.stfm .container.stats__row{padding: 0;}
}
@media (max-width: 1399px){
.stfm .form-sec__inner{flex-direction: column;
        gap: 50px;}
.stfm .form-sec__left{width: 100%;}
}
@media (max-width: 1280px){
.stfm .container{max-width: 1240px;
        padding: 0 24px;}
.stfm .header__bar{max-width: 1240px;
        padding: 12px 12px 12px 24px;}
.stfm .hero__inner{max-width: 1240px;
        min-height: 500px;}
.stfm .hero__content{width: 520px;
        padding-top: 40px;}
.stfm .hero__title{font-size: 44px;
        line-height: 50px;
        max-width: 450px;}
.stfm .hero__image{width: 550px;
        height: 450px;}
.stfm .hero__slide img,.stfm .hero__image > img{width: 550px;
        height: 450px;}
.stfm .h2{font-size: 38px;
        line-height: 46px;}
.stfm .stat__num{font-size: 52px;
        line-height: 40px;}
.stfm .stat__label{font-size: 14px;
        line-height: 18px;}
.stfm .products__grid{flex-wrap: wrap;}
.stfm .pcard{flex: 1 1 calc(33.333% - 17px);
        min-width: 280px;}
.stfm .tech__grid{flex-wrap: wrap;}
.stfm .tcard{flex: 1 1 calc(33.333% - 17px);
        min-width: 280px;}
.stfm .work__grid{grid-template-columns: repeat(2, 1fr);}
.stfm .quiz__options{grid-template-columns: repeat(3, 1fr);}
.stfm .quiz__bar{width: 350px;}
.stfm .quiz__progress{min-width: 450px;}
.stfm .reviews__grid{grid-template-columns: repeat(4, 1fr);}
.stfm .reasons__grid{grid-template-columns: repeat(4, 1fr);}
.stfm .blog__grid{grid-template-columns: repeat(4, 1fr);}
.stfm .form-sec__inner{flex-direction: column;
        gap: 50px;}
.stfm .form-sec__left{width: 100%;}
.stfm .header__right{gap: 20px;}
.stfm .header{height: 90px;}
.stfm .footer__top{grid-template-columns: repeat(4, 1fr);
        gap: 15px;}
.stfm .footer__col--contacts .footer__phone{font-size: 22px;}
.stfm .footer__hours{font-size: 18px;}
.stfm .footer__legal{gap: 15px;}
.stfm .footer__copy{font-size: 12px;
    max-width: 195px;}
}
@media (max-width: 1170px){
.stfm .menu__item{padding: 0 7px;}
.stfm .header__right{gap: 15px;}
}
@media (max-width: 1120px){
.stfm .page{padding-top: 96px;}
.stfm .header{height: auto;
        padding: 16px 15px;
		margin-top:0px;}
.stfm .header__bar{position: relative;
        display: grid;
        grid-template-columns: 44px 1fr 44px;
        grid-template-rows: auto;
        align-items: center;
        gap: 0;
        height: auto;
        min-height: 60px;
        padding: 10px 16px;
        flex-wrap: nowrap;}
.stfm .header__phone-mobile,.stfm .header__burger{display: flex;}
.stfm .header__phone-mobile{grid-column: 1;
        grid-row: 1;}
.stfm .header__logo{grid-column: 2;
        grid-row: 1;
        justify-self: center;}
.stfm .header__logo img,.stfm .header__logo svg{height: 36px;}
.stfm .header__burger{grid-column: 3;
        grid-row: 1;
        justify-self: end;}
.stfm .header__right{display: none;}
.stfm .header__mobile-extra{display: none;
        grid-column: 1 / -1;
        grid-row: 3;
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 0 0 8px;}
.stfm .menu{display: none;
        grid-column: 1 / -1;
        grid-row: 2;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        order: unset;
        overflow: visible;
        gap: 4px;
        padding: 12px 0 0;}
.stfm .menu__item{height: auto;
        min-height: 48px;
        padding: 12px 8px;
        font-size: 16px;
        white-space: normal;
        border-radius: 12px;
        text-align: center;
        justify-content: center;
        box-shadow: 0px 8px 22px rgba(0, 0, 0, 0.03);}
.stfm .menu__item--active{background: linear-gradient(90deg, #ED2C2F 0%, #FF6F72 100%) text, rgba(255, 255, 255, .85) padding-box;
        -webkit-background-clip: text, padding-box;
        background-clip: text, padding-box;
        -webkit-text-fill-color: transparent;
        color: transparent;}
.stfm .menu__dropdown.is-open .menu__trigger{background: linear-gradient(90deg, #ED2C2F 0%, #FF6F72 100%);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;}
.stfm .menu__dropdown{width: 100%;
        display: flex;
        flex-direction: column;
        align-items: stretch;}
.stfm .menu__trigger{width: 100%;
        justify-content: center;}
.stfm .menu__submenu{position: static;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: none;
        min-width: 0;
        width: 100%;
        padding: 4px 0 8px;
        background: transparent;
        border: none;
        box-shadow: none;
        gap: 4px;}
.stfm .menu__dropdown.is-open .menu__submenu{display: flex;
        flex-direction: column;}
.stfm .menu__sublink{text-align: center;
        padding: 10px 8px;
        font-size: 15px;}
.stfm .header--open .menu,.stfm .header--open .header__mobile-extra{display: flex;}
.stfm .header__mobile-extra .header__phone{align-items: center;
        text-align: center;
        padding: 8px 0;
        margin-top: 25px;}
.stfm .header__mobile-extra .header__phone-num{font-size: 20px;}
.stfm .header__mobile-extra .header__phone-sub{display: block;
        font-size: 13px;}
.stfm .header__mobile-extra .header__socials{justify-content: center;
		margin-top: -10px;}
.stfm .header__mobile-extra .btn--calc-mobile{width: 100%;
        justify-content: center;
        height: 52px;}
.stfm .header.header--open{max-height: 100vh;
        max-height: 100dvh;
        padding-bottom: 20px;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;}
.stfm .footer__top{grid-template-columns: repeat(2, 1fr);
        gap: 15px;}
.stfm .reviews__grid{grid-template-columns: repeat(3, 1fr);}
.stfm .blog__grid{grid-template-columns: repeat(2, 1fr);}
.stfm .reasons__grid{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 1199px) and (min-width: 769px){
.stfm .header--open .header__bar{background: rgba(242, 242, 242, .96);
        -webkit-backdrop-filter: blur(18px);
        backdrop-filter: blur(18px);
        box-shadow: 0 18px 40px rgba(15, 22, 40, .12);}
}
@media (max-width: 1100px){
.stfm .hero__text{display: flex;
        flex-direction: column;
        gap: 40px;
        max-width: 470px;}
}
@media (max-width: 1024px){
.stfm .container{max-width: 100%;
        padding: 0 20px;}
.stfm .hero{margin-top: 0px;}
.stfm .hero__inner{min-height: auto;
        display: flex;
        flex-direction: column;}
.stfm .hero__content{width: 100%;
        padding-top: 30px;
        gap: 30px;
        order: 2;}
.stfm .hero__title{font-size: 38px;
        line-height: 44px;
        max-width: 100%;}
.stfm .hero__image{position: relative;
        width: 100%;
        height: 400px;
        margin-top: 0px;}
.stfm .hero__slide img,.stfm .hero__image > img{width: 100%;
        height: 100%;}
.stfm .hero__badge{right: 20px;
        bottom: 20px;}
.stfm .hero__btns{flex-direction: column;
        align-items: flex-start;
        gap: 20px;}
.stfm .hero__features{flex-wrap: wrap;
        gap: 20px;}
.stfm .h2{font-size: 32px;
        line-height: 40px;}
.stfm .lead{font-size: 15px;
        line-height: 22px;}
.stfm .stats__row{flex-wrap: wrap;}
.stfm .stat{flex: 1 1 calc(50% - 13px);
        min-width: 250px;
        height: auto;
        padding: 25px 20px;}
.stfm .stat__num{font-size: 48px;
        line-height: 38px;}
.stfm .products__grid{gap: 20px;}
.stfm .pcard{flex: 1 1 calc(50% - 10px);
        min-width: 260px;}
.stfm .tech__grid{gap: 20px;}
.stfm .tcard{flex: 1 1 calc(50% - 10px);
        min-width: 260px;}
.stfm .work__grid{gap: 20px;}
.stfm .work__img{height: 220px;}
.stfm .quiz{padding: 60px 0;}
.stfm .quiz__card{padding: 30px;}
.stfm .quiz__options{grid-template-columns: repeat(2, 1fr);
        gap: 12px;}
.stfm .quiz__progress{flex-direction: column;
        align-items: flex-end;
        min-width: auto;
        gap: 10px;
        padding-top: 0;
        min-width: 40%;}
.stfm .quiz__bar{width: 100%;
        max-width: 400px;}
.stfm .quiz__nav{margin-top: 80px;
        flex-wrap: wrap;
        gap: 15px;}
.stfm .reviews__grid{gap: 20px;}
.stfm .review__head{flex-wrap: wrap;
        gap: 10px;}
.stfm .faq__inner{flex-direction: column;
        gap: 40px;}
.stfm .faq__left{width: 100%;}
.stfm .reasons__grid{gap: 20px;}
.stfm .reason__num{font-size: 72px;
        line-height: 72px;
        top: -15px;}
.stfm .blog__grid{gap: 20px;}
.stfm .post__img{height: 220px;}
.stfm .form-sec{padding: 60px 0;}
.stfm .form-card{padding: 30px;}
.stfm .form__row{flex-direction: column;
        gap: 15px;}
.stfm .form__submit{flex-direction: column;
        align-items: stretch;
        gap: 15px;}
.stfm .form-card__btns{flex-direction: column;}
.stfm .footer{padding: 60px 0 30px;}
.stfm .footer__top{gap: 30px;}
.stfm .footer__bottom{flex-direction: column;
        gap: 20px;
        align-items: flex-start;}
.stfm .footer__legal{flex-direction: column;
        gap: 15px;}
.stfm .mbtn{height: 51px ! important;
        font-size: 15px;
        display: flex;
        padding: 15px 0px;}
}
@media (max-width: 768px){
.stfm .page{padding-top: 75px;}
.stfm .hero__cta{position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        align-items: center;
        padding: 12px 15px calc(12px + env(safe-area-inset-bottom));
        background: #fff;
        box-shadow: 0 -6px 20px rgba(15, 22, 40, .12);}
.stfm .hero__cta .hero__note{display: none;}
.stfm .hero__cta .btn--lg{width: 100%;
        max-width: none;}
.stfm .hero{z-index: 800;}
.stfm body:has(.hero__cta) .footer{padding-bottom: 100px;}
.stfm .hero__title{font-size: 32px;
        line-height: 38px;}
.stfm .hero__image{height: 300px;}
.stfm .hero__meta{gap: 15px;}
.stfm .header__bar{background: none;
        border: 0px;}
.stfm .header__phone-mobile{grid-column: 1;
        grid-row: 1;
        box-shadow: 0px 15px 22px #00000008;
        width: 55px;
        height: 55px;}
.stfm .header{padding: 0px 15px 0px;
		background: #fff;}
.stfm .hero{margin-top: 17px;
        padding: 0px 0px;}
.stfm .hero__content{padding: 30px 15px;
        gap: 30px;
        order: 2;}
.stfm .header__burger{box-shadow: 0px 15px 22px #00000008;
        width: 55px;
        height: 55px;}
.stfm .h2{font-size: 28px;
        line-height: 34px;}
.stfm .section{margin-top: 60px;}
.stfm .head{gap: 20px;
        margin-bottom: 30px;}
.stfm .stat{flex: 1 1 100%;}
.stfm .stat__num{font-size: 42px;
        line-height: 34px;}
.stfm .pcard{flex: 1 1 100%;}
.stfm .tcard{flex: 1 1 100%;}
.stfm .work__grid{grid-template-columns: 1fr;}
.stfm .quiz__options{grid-template-columns: 1fr;}
.stfm .opt{height: 50px;
        padding: 0 16px;
        font-size: 15px;}
.stfm .opt__box{width: 26px;
        height: 26px;}
.stfm .reviews__grid{grid-template-columns: 1fr;}
.stfm .faq__q{padding: 20px;
        font-size: 15px;}
.stfm .faq__sign{font-size: 22px;}
.stfm .faq__a{padding: 0 20px;
        font-size: 14px;}
.stfm .faq__item--open .faq__a{padding-bottom: 20px;}
.stfm .reasons__grid{grid-template-columns: 1fr;}
.stfm .reason__num{font-size: 60px;
        line-height: 60px;
        top: -10px;
        left: 10px;}
.stfm .blog__grid{grid-template-columns: 1fr;}
.stfm .post__img{height: 200px;}
.stfm .form-sec{padding: 50px 0;}
.stfm .form-card{padding: 25px;
        gap: 20px;}
.stfm .field input{height: 50px;
        font-size: 15px;}
.stfm .form__attach{height: 56px;
        font-size: 15px;}
.stfm .mbtn{height: 46px;
        font-size: 15px;}
.stfm .footer__top{grid-template-columns: 1fr;
        gap: 30px;}
.stfm .footer__col--contacts .footer__phone{font-size: 24px;}
.stfm .footer__mail{font-size: 18px !important;}
.stfm .footer__hours{font-size: 18px;
        line-height: 26px;}
}
@media (max-width: 640px){
.stfm .container{padding: 0 16px;}
.stfm .reviews__grid{display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 12px;
        margin-left: 0;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        grid-template-columns: unset;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        cursor: grab;}
.stfm .reviews__grid.reviews__grid--dragging{cursor: grabbing;
        user-select: none;}
.stfm .reviews__grid::-webkit-scrollbar{display: none;}
.stfm .reviews__grid .review{flex: 0 0 calc(100% - 44px);
        scroll-snap-align: start;
        scroll-snap-stop: always;}
.stfm .blog__grid{display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 12px;
        margin-left: 0;
        margin-right: -16px;
        padding-left: 16px;
        padding-right: 16px;
        grid-template-columns: unset;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        cursor: grab;}
.stfm .blog__grid.blog__grid--dragging{cursor: grabbing;
        user-select: none;}
.stfm .blog__grid::-webkit-scrollbar{display: none;}
.stfm .blog__grid .post{flex: 0 0 calc(100% - 44px);
        scroll-snap-align: start;
        scroll-snap-stop: always;}
.stfm .form-sec__list li img{content: url('../../etalon/assets/v2/icons/ico_white.svg');}
.stfm .stat__label.ondesc{display: none;}
.stfm .stat__label.onmob{display: block;}
.stfm .hero__title{font-size: 28px;
        line-height: 34px;}
.stfm .hero__image{height: 250px;}
.stfm .hero__badge{gap: 20px;}
.stfm .hero__badge-main{height: 45px;
        padding: 0 8px 0 20px;
        font-size: 14px;}
.stfm .hero__badge-arrow{width: 30px;
        height: 30px;}
.stfm .h2{font-size: 24px;
        line-height: 30px;}
.stfm .lead{font-size: 14px;
        line-height: 20px;}
.stfm .pill{height: 50px;
        padding: 0 16px;
        font-size: 14px;}
.stfm .reason__num{font-size: 96px;
        line-height: 75px;
        top: -10px;
        left: 10px;}
.stfm .quiz{margin-top: 50px;
    padding: 50px 0;
    overflow: hidden;}
.stfm .btn--primary,.stfm .btn--red,.stfm .btn--outline{height: 46px;
        font-size: 15px;
        padding: 0 20px;}
.stfm .iconbtn{width: 42px;
    height: 42px;}
.stfm .production{padding: 50px 0;}
.stfm .btn--sm{height: 42px! important;
	max-width: 265px! important;
	width: 100%! important;}
.stfm .btn--lg{height: 55px;
        padding: 5px 5px 5px 15px;}
.stfm .hero{margin-top: 0;
        padding: 0px 0px;}
.stfm .stat{padding: 20px 16px;
        gap: 15px;}
.stfm .stat__num{font-size: 36px;
        line-height: 30px;}
.stfm .stat__unit{font-size: 14px;
        line-height: 15px;
        margin-top: 0;}
.stfm .deco--top{top: 0;
    height: 1776px;
    object-fit: fill;
    opacity: 80%;}
.stfm .stats__row{display: flex;
    gap: 10px;}
.stfm .stat{border: 0px solid rgba(15, 22, 40, .2);}
.stfm .pcard__img{height: 175px;}
.stfm .pcard__title{font-size: 18px;
        line-height: 22px;}
.stfm .pcard__price{font-size: 18px;}
.stfm .tcard{padding: 20px;}
.stfm .tcard__icon{width: 50px;
        height: 50px;}
.stfm .tcard__icon img{width: 50px;
        height: 50px;}
.stfm .tcard__title{font-size: 18px;
        line-height: 22px;}
.stfm .work__img{height: 200px;}
.stfm .work__title{font-size: 18px;
        line-height: 22px;}
.stfm .quiz__card{padding: 20px;
        border-radius: 20px;}
.stfm .quiz__title{font-size: 21px;
        line-height: 22px;}
.stfm .opt__box{width: 30px;
        height: 30px;}
.stfm .opt{height: 50px;
        padding: 0 16px;
        font-size: 16px;}
.stfm .quiz__nav{margin-top: 20px;
        flex-wrap: wrap;
        gap: 15px;}
.stfm .quiz__step{width: 49px;
        height: 49px;
        font-size: 14px;}
.stfm .review__name{font-size: 15px;}
.stfm .review__text{font-size: 14px;
        line-height: 23px;}
.stfm .faq__q{padding: 18px 20px;
        font-size: 16px;
        gap: 12px;
        line-height: 22px;}
.stfm .faq__list{gap: 5px;}
.stfm .faq__sign{font-size: 30px;}
.stfm .faq__inner{gap: 20px;}
.stfm .reason__card{padding: 20px;}
.stfm .reason__title{font-size: 21px;
        line-height: 22px;}
.stfm .mbtn{height: 51px ! important;
        font-size: 15px;
        display: flex;
        padding: 15px 0px;}
.stfm .form-card__btns{display: flex;
    gap: 10px;}
.stfm .mbtn{height: 51px ! important;
        font-size: 15px;
        display: flex;
        padding: 15px 0px;}
.stfm .post__title{font-size: 18px;
        line-height: 22px;}
.stfm .form-card{padding: 20px;
        border-radius: 20px;}
.stfm .form-card__msg{font-size: 15px;
        border-top: 1px solid rgba(15, 22, 40, 0.1);
        padding-top: 20px;}
.stfm .footer{padding: 40px 0 25px;}
.stfm .footer__logo{height: auto;
        margin-bottom: 16px;}
.stfm .footer__tagline{font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 24px;}
.stfm .footer__tagline br{display:none;}
.stfm .soc{width: 41px;
        height: 41px;}
.stfm .soc img{width: 41px;
        height: 41px;}
.stfm .footer__h{font-size: 24px;
        margin-bottom: 24px;
        font-weight: 500;}
.stfm .form-sec{margin-top: 50px;}
.stfm .footer__col a{font-size: 16px;
        padding: 10px 0;}
.stfm .footer__col--contacts .footer__phone{font-size: 33px;}
.stfm .footer__mail{font-size: 21px !important;
        margin-bottom: 20px;}
.stfm .footer__hours{font-size: 21px;
        line-height: 30px;}
.stfm .footer__inner{gap: 35px;}
.stfm .footer__bottom{padding-top: 30px;}
.stfm .footer__copy{font-size: 14px;
        color: #fff;
        max-width: 180px;}
.stfm .footer__legal a{font-size: 14px;}
}
@media (max-width: 480px){
.stfm .header__bar{padding: 10px 12px;
        border-radius: 15px;}
.stfm .section{margin-top: 50px;}
.stfm .arrow-line{width: 30px;
        flex: 0 0 30px;
        flex-shrink: 0;}
.stfm .stars{order: 1;
    margin-top: 0;
    align-self: flex-end;
    margin-left: auto;}
.stfm .review__who{order: 2;
        margin-top: 15px;
        max-width: 230px;}
.stfm .review__head{flex-wrap: wrap;}
.stfm .review{padding: 20px;}
.stfm .section__cta{margin-top: 20px;}
.stfm .menu__item{font-size: 16px;
        min-height: 53px;
        padding: 10px 6px;}
.stfm .quiz__qtext{order: 3;}
.stfm .quiz__progress{flex-direction: row;
        align-items: flex-end;
        min-width: auto;
        gap: 10px;
        padding-top: 0;
        display: flex;
        width: 100%;}
.stfm .hero__text{display: flex;
    flex-direction: column;
    gap: 25px;}
.stfm .hero__cta{width: 100%;}
.stfm .hero__explore{margin: 0 auto;}
.stfm .hero__content{padding: 30px 15px 0px;}
.stfm .header__mobile-extra .header__phone-num{font-size: 18px;}
.stfm .hero__title{font-size: 32px;
        line-height: 35px;}
.stfm .hero__image{height: 315px;}
.stfm .hero__slider{height: 100%;}
.stfm .hero__slide img{width: 100%;
        height: 100%;}
.stfm .hero__badge{left: 15px;
        right: 10px;
        width: auto;
        justify-content: space-between;
        gap: 12px;}
.stfm .hero__badge-main{gap: 20px;
        flex: none;
        height: 45px;
        padding: 0 10px 0 20px;
        font-size: 14px;}
.stfm .hero__badge-arrow{width: 30px;
        height: 30px;}
.stfm .hero__dots{display: flex;
        flex-direction: row;
        align-items: center;
        gap: 10px;
        margin-left: auto;
        flex: none;}
.stfm button.hdot.hdot--active{background: var(--grad);}
.stfm .hdot{width: 9px;
        height: 9px;
        background: #fff;}
.stfm .h2{font-size: 27px;
        line-height: 30px;}
.stfm .head__text{gap: 20px;}
.stfm .stat__num{font-size: 48px;
        line-height: 35px;}
.stfm .quiz__qhead{flex-direction: column;
        gap: 10px;}
.stfm .quiz__nav{flex-direction: row;}
.stfm .quiz__nav .btn{width: 100%;
        max-width: 133px ! important;}
.stfm ul.footer_menu{display: flex;
    flex-wrap: wrap;
    gap: 20px;}
.stfm .footer_menu li{padding: 0px 0px;}
.stfm .post__img{height: 260px;}
.stfm .badge--onimg{right: 16px;
        width: fit-content;
        left: auto;}
.stfm .btn--outline{width: 100%;}
.stfm .header__mobile-extra .btn--calc-mobile{width: 100%;
	justify-content: space-between;
	height: 52px;}
}
.stfm .production__bg,.stfm .quiz__bg,.stfm .form-sec__bg{pointer-events:none;}
@keyframes logoSpin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.stfm .logo__crescent{transform-box:view-box;}
.stfm .header__logo svg{display:block;aspect-ratio:207/51;}
.stfm .header__logo:hover .logo__o1,.stfm .header__logo:focus-visible .logo__o1,.stfm .logo__o1.is-spin{transform-origin:67.716px 28.225px;
  animation:logoSpin 1.5s cubic-bezier(.4,0,.2,1);}
.stfm .header__logo:hover .logo__o2,.stfm .header__logo:focus-visible .logo__o2,.stfm .logo__o2.is-spin{transform-origin:108.8508px 28.225px;
  animation:logoSpin 1.5s cubic-bezier(.4,0,.2,1);}
.stfm .footer__logo{display:block;max-width:100%;aspect-ratio:545/121;}
.stfm .footer__logo:hover .flogo__o1,.stfm .flogo__o1.is-spin{transform-origin:178.2543px 74.2442px;
  animation:logoSpin 1.5s cubic-bezier(.4,0,.2,1);}
.stfm .footer__logo:hover .flogo__o2,.stfm .flogo__o2.is-spin{transform-origin:286.5563px 74.2442px;
  animation:logoSpin 1.5s cubic-bezier(.4,0,.2,1);}
.stfm .work__text{flex:1;}
.stfm .work__foot{margin-top:auto;}
.stfm .work__order{width:100%;}
.stfm .post > .post__meta{margin-top:auto;}
.stfm .modal{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:133px 24px 24px;}
.stfm .modal[hidden]{display:none;}
.stfm .modal__overlay{position:absolute;inset:0;background:rgba(15,22,40,.65);}
.stfm .modal__dialog{position:relative;z-index:1;width:100%;max-width:640px;max-height:100%;overflow-y:auto;
  background:#fff;border-radius:24px;padding:40px;display:flex;flex-direction:column;gap:24px;
  animation:modalIn .2s cubic-bezier(.4,0,.2,1);}
@keyframes modalIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.stfm .modal__close{position:absolute;top:20px;right:20px;width:40px;height:40px;flex:none;border-radius:12px;
  background:var(--gray);display:inline-flex;align-items:center;justify-content:center;transition:.15s;}
.stfm .modal__close:hover{background:#e6e6e9;}
.stfm .modal__head{display:flex;flex-direction:column;gap:14px;padding-right:52px;}
.stfm .modal__title{font-size:34px;line-height:39px;}
.stfm .modal__lead{font-size:16px;line-height:23px;color:rgba(15,22,40,.7);}
.stfm .modal__work{font-size:15px;line-height:22px;color:var(--navy);background:var(--gray);
  border-radius:12px;padding:12px 16px;}
.stfm .modal__work b{font-weight:500;}
.stfm body.is-modal-open{overflow:hidden;}
@media (max-width: 640px){
.stfm .modal{padding:87px 12px 12px;align-items:flex-end;}
.stfm .modal__dialog{padding:20px 16px;border-radius:20px;gap:16px;}
.stfm .modal__head{padding-right:44px;gap:8px;}
.stfm .modal__title{font-size:22px;line-height:26px;}
.stfm .modal__lead{font-size:14px;line-height:20px;}
.stfm .modal__close{top:14px;right:14px;width:36px;height:36px;}
.stfm .modal .form__row{flex-direction:column;}
.stfm .modal .form__submit{flex-direction:column;align-items:stretch;gap:16px;}
.stfm .modal .form-card__btns{flex-direction:column;gap:12px;}
}
.stfm .quiz__card[hidden]{display:none;}
.stfm .quiz__done{background:#fff;border-radius:30px;padding:60px 40px;min-height:420px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:26px;
  animation:quizDoneIn .25s cubic-bezier(.4,0,.2,1);}
.stfm .quiz__done[hidden]{display:none;}
@keyframes quizDoneIn{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.stfm .quiz__done-icon{width:88px;height:88px;flex:none;border-radius:50%;background:var(--grad);
  display:inline-flex;align-items:center;justify-content:center;}
.stfm .quiz__done-text{display:flex;flex-direction:column;gap:14px;align-items:center;}
.stfm .quiz__done-title{font-size:34px;line-height:39px;font-weight:500;color:var(--navy);}
.stfm .quiz__done-lead{font-size:16px;line-height:23px;color:rgba(15,22,40,.7);max-width:560px;}
.stfm .quiz__done .btn--sm{height:42px;max-width:175px;}
.stfm .quiz__error{margin-bottom:20px;padding:14px 18px;border-radius:12px;
  background:rgba(237,44,47,.08);border:1px solid rgba(237,44,47,.25);
  font-size:15px;line-height:22px;color:var(--red1);}
.stfm .quiz__error[hidden]{display:none;}
@media (max-width: 768px){
.stfm .quiz__done{padding:36px 20px;min-height:0;gap:20px;border-radius:20px;}
.stfm .quiz__done-icon{width:68px;height:68px;}
.stfm .quiz__done-icon svg{width:32px;height:32px;}
.stfm .quiz__done-title{font-size:24px;line-height:30px;}
.stfm .quiz__done-lead{font-size:15px;line-height:22px;}
}

/* 2K и шире: полотно тянется за экраном (~72% ширины), а не стоит столбиком 1400. */
@media (min-width: 2000px){
.stfm .container,
.stfm .header__bar,
.stfm .hero__inner,
.stfm .seo__text{max-width:72vw;}
}