/* Screenshot-aligned native homepage blocks and richer delivery infographic. */
.tt-native-benefits.wrapper_inner.front{
  max-width:none!important;
  padding:0!important;
}
.tt-native-benefits .front_tizers>.maxwidth-theme{
  width:calc(100% - 80px)!important;
  max-width:1680px!important;
  margin:0 auto!important;
  padding:38px 0 62px!important;
}
.tt-native-benefits .front_tizers h1{
  margin:0 0 35px!important;
  font-size:40px!important;
  line-height:1.2!important;
}
.tt-native-benefits .front_tizers h1+br{display:none}
.tt-native-benefits .item-views.tizers .row{margin-left:0;margin-right:0}
.tt-native-benefits .item-views.tizers .item-wrapper:first-child{padding-left:0}
.tt-native-benefits .item-views.tizers .item-wrapper:last-child{padding-right:0}
.tt-native-benefits .item-views.tizers .item .inner-text{max-width:none!important}
.tt-native-benefits .item-views.tizers .value{max-width:360px;line-height:1.55}

.tt-steps{gap:24px;align-items:stretch}
.tt-steps:before{display:none!important}
.tt-steps article{
  position:relative;
  min-height:235px;
  padding:28px 25px 24px;
  overflow:visible;
  border:1px solid #383d43;
  border-radius:5px;
  background:linear-gradient(145deg,#24282d 0%,#191c20 100%);
  text-align:left;
  box-shadow:0 16px 35px rgba(0,0,0,.14);
}
.tt-steps article:before{
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  width:68%;
  height:4px;
  background:linear-gradient(90deg,var(--tt-orange),rgba(244,123,32,0));
}
.tt-steps article:not(:last-child):after{
  content:"→";
  position:absolute;
  z-index:4;
  top:48%;
  right:-28px;
  width:32px;
  color:var(--tt-orange);
  font-size:30px;
  font-weight:300;
  line-height:1;
  text-align:center;
  transform:translateY(-50%);
}
.tt-steps article>svg{
  position:relative;
  z-index:2;
  width:58px;
  height:58px;
  padding:14px;
  border:0;
  border-radius:0;
  background:rgba(244,123,32,.14);
  color:var(--tt-orange);
  clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);
}
.tt-steps i{
  top:25px;
  right:22px;
  color:rgba(255,255,255,.13);
  font-size:31px;
  font-weight:700;
}
.tt-steps h3{margin:21px 0 10px;font-size:20px}
.tt-steps p{font-size:13px;line-height:1.55}

.tt-native-company.wrapper_inner.front{
  max-width:none!important;
  padding:42px 0 38px!important;
  background:var(--black_bg_black)!important;
}
.tt-native-company .front_company>.maxwidth-theme.wide{
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
.tt-native-company .item-views.company{
  width:calc(100% - 80px);
  max-width:1508px;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:1100px){
  .tt-native-benefits .front_tizers>.maxwidth-theme{width:calc(100% - 40px)!important}
  .tt-native-company .item-views.company{width:calc(100% - 40px)}
  .tt-steps{grid-template-columns:1fr 1fr}
  .tt-steps article:nth-child(2):after{display:none}
}
@media(max-width:767px){
  .tt-native-benefits .front_tizers>.maxwidth-theme{width:calc(100% - 30px)!important;padding:30px 0 42px!important}
  .tt-native-benefits .front_tizers h1{font-size:29px!important;margin-bottom:25px!important}
  .tt-native-benefits .item-views.tizers .item-wrapper{padding-left:0!important;padding-right:0!important}
  .tt-steps{grid-template-columns:1fr;gap:30px}
  .tt-steps article{min-height:205px}
  .tt-steps article:nth-child(2):after{display:block}
  .tt-steps article:not(:last-child):after{content:"↓";top:auto;right:auto;bottom:-30px;left:50%;transform:translateX(-50%)}
  .tt-native-company.wrapper_inner.front{padding:32px 0 28px!important}
  .tt-native-company .item-views.company{width:calc(100% - 30px)}
}