html,body{overflow-x:clip;background:#06131f}
.archive-detail-bg,.shell,.app{overflow:clip}
.archive-detail-bg:before,.shell:before,.app:before{bottom:0!important}

@media(max-width:1100px){
  .wrap,.container{width:min(100% - 32px,1840px)}
  .about-grid,.faq-layout,.contact-grid,.section-head{grid-template-columns:1fr}
  .section-head p{justify-self:start;max-width:none}
  .about-copy,.about-copy.glass{margin-left:0;margin-top:16px}
  .contact-form:before{left:24px;right:24px;top:0;bottom:auto;width:auto;height:1px}
  .form{grid-template-columns:1fr}
  .field.full,.form .btn,.form-note{grid-column:1}
  .news-grid{grid-template-columns:1fr;grid-template-rows:none;min-height:0}
  .news-card:first-child{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;min-height:0;height:auto}
}

@media(max-width:760px){
  .wrap,.container{width:calc(100% - 28px)}
  .page-hero{padding:28px 0 18px}
  .page-hero h1,.archive-en-hero>h1{font-size:clamp(32px,8.4vw,42px);line-height:1.12}
  .archive-en-hero{padding:28px 0 22px}
  .crumb ol,.archive-breadcrumb ol{flex-wrap:wrap;justify-content:center;row-gap:6px}
  .contact-copy,.contact-form{padding:22px 16px}
  .contact-item{overflow:visible;gap:12px;align-items:center}
  .contact-item span span{word-break:normal;overflow-wrap:break-word}
  .contact-items a:nth-child(1)>span:last-child>span,
  .contact-items a:nth-child(2)>span:last-child>span{white-space:nowrap}
  .field{display:grid;grid-auto-flow:row;gap:8px}
  .field label{order:0}
  .field input,.field textarea{order:1;width:100%}
  .form .btn,.cta .btn{width:100%;max-width:100%;min-width:0;justify-content:center}
  .form .btn,.contact-form .btn{height:60px;min-height:60px;max-height:60px;padding:0 16px;align-self:start;justify-self:stretch}
  .cta{min-height:0;padding:36px 22px;border-radius:22px;clip-path:none}
  .cta h2{font-size:clamp(32px,8.4vw,42px);max-width:none}
  .section-head,.about-copy,.contact-copy,.cta,.faq-intro,.measure-copy{text-align:center}
  .section-head{display:flex;flex-direction:column;align-items:center;gap:16px}
  .section-head p{justify-self:center;margin-left:auto;margin-right:auto;text-align:center}
  .section-head:before{left:0;transform:none}
  .cta{align-items:center;text-align:center}
  .cta p{margin-left:auto;margin-right:auto}
  .faq-intro{display:flex;flex-direction:column;align-items:center}
  .faq-stats{width:100%;grid-template-columns:1fr 1fr}
  .contact-item,.faq-q,.step,.step h3,.step p{text-align:left}
  .faq-intro{padding:24px 18px}
  .faq-q{grid-template-columns:36px 1fr auto;padding:14px 4px;gap:10px}
  .faq-q b{font-size:14px}
  .faq-a p{padding:0 12px 16px}
  .values{grid-template-columns:1fr 1fr}
  .experience{width:min(170px,70%);left:14px;bottom:14px;padding:14px}
  .about-visual{min-height:240px;max-height:none}
  .news-card:first-child .news-image,.news-image{height:140px;min-height:0;flex:none}
  .footer-row{flex-direction:column;align-items:flex-start;gap:12px}
  .product-grid{grid-template-columns:1fr}
  .logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .article-grid{grid-template-columns:1fr!important}
  .article-head h1{font-size:clamp(26px,7.2vw,36px)!important;word-break:break-word}
  .related-grid{grid-template-columns:1fr!important}
  .cover{height:200px!important;border-radius:18px!important}
}

@media(max-width:480px){
  .wrap,.container{width:calc(100% - 24px)}
  .values{grid-template-columns:1fr}
  .page-hero h1,.archive-en-hero>h1,.cta h2{font-size:32px}
}