@media (max-width:1180px){
  .nav button{font-size:.82rem;padding-inline:.4rem}
  .brand small{display:none}
}
@media (max-width:980px){
  .slide>*{flex:none!important;min-height:auto}
  .band{align-items:flex-start;padding-block:1.4rem}
  .band>.in,.d-feat>.in,.t-main>.in,.d-top .in{height:auto}
  .t-main,.d-top,.d-feat,.c-main{display:block}
  .hero,.dl,.who,.ct,.vm-wrap,.vals{height:auto}
  .svc-c .pic{flex:none;height:12rem;min-height:0}
  .flow,.tech,.three,.ben,.co,.two,.col{flex:none}
  .closing{min-height:9rem}.s-home .strip-band{padding-block:0 1.2rem}
  .c-top,.t-title{padding-block:1.2rem 0}
  .t-cta{margin-bottom:1.4rem}.d-bar{padding-block:0 1.4rem}
  .vm{height:auto}
  .nav{display:none;position:fixed;inset:var(--header-h) 0 auto 0;flex-direction:column;background:#fff;padding:.6rem 4vw 1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.18);gap:.2rem}
  .nav.open{display:flex}
  .nav button{padding:.85rem 1rem;font-size:1rem;text-align:right;min-height:3rem}
  .nav button.active::after{inset:auto auto .5rem 1rem;width:1.6rem}
  .burger{display:inline-flex}
  .pager{top:auto;bottom:34px;translate:none;width:2.7rem;height:2.7rem}
  .band{padding-block:1.2rem}
  .hero,.who,.dl,.ct,.dl-row{grid-template-columns:minmax(0,1fr)}
  .hero-ph{order:-1;height:auto}.hero-ph img{max-height:22rem}
  .dl-pic{height:auto}.dl-pic img{max-height:20rem}
  .strip{grid-template-columns:repeat(2,1fr)}
  .strip li:nth-child(n+3){border-top:1px solid var(--line)}.strip li:nth-child(odd){border-inline-start:0}
  .who img{height:14rem}
  .vm-wrap{grid-template-columns:1fr}.vm{max-height:none}
  .vals{grid-template-columns:1fr 1fr;row-gap:1.4rem}.val:nth-child(3){border-inline-start:0}
  .svc{grid-template-columns:1fr 1fr}.svc-c .pic{min-height:11rem}
  .steps{grid-template-columns:1fr 1fr;row-gap:1rem}.step.arrow-r::after{display:none}
  .ben{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}
  .flow{grid-template-columns:repeat(3,1fr);row-gap:1.4rem}.flow li::after{display:none}
  .tech{grid-template-columns:1fr 1fr}
  .feat{grid-template-columns:repeat(3,1fr);row-gap:1rem}.feat>div:nth-child(4){border-inline-start:0}
  .footer-in{grid-template-columns:1fr;text-align:center}.f-brand,.f-app{justify-content:center}
  .s-home{background-position:30% 50%}
}
@media (max-width:640px){
  :root{--container:92vw}
  .slide{padding-bottom:0}
  .btns .btn{flex:1 1 100%}
  .strip{grid-template-columns:1fr}.strip li{border-inline-start:0!important;border-top:1px solid var(--line)}.strip li:first-child{border-top:0}
  .svc,.ben,.tech,.vals,.two{grid-template-columns:1fr}.vals{row-gap:1rem}.val+.val{border-inline-start:0;border-top:1px solid var(--line);padding-top:1rem}
  .steps{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr;gap:1.8rem}
  .flow li:not(:last-child)::before,.step:not(:last-child)::before{content:"";position:absolute;left:50%;bottom:-1.4rem;width:1.2rem;height:1rem;translate:-50% 0;background:var(--cyan);clip-path:polygon(35% 0,65% 0,65% 55%,100% 55%,50% 100%,0 55%,35% 55%)}
  .step{position:relative}
  .feat{grid-template-columns:1fr}.feat>div+div{border-inline-start:0;border-top:1px solid var(--line);padding-top:.8rem}
  .tbar{grid-template-columns:1fr;gap:.5rem}.tbar>div+div{border-inline-start:0}
  .form{grid-template-columns:1fr}
  .co li{flex-wrap:wrap}
  .cta{flex-direction:column;text-align:center}
  .t-cta .cardx{flex-direction:column;text-align:center}
}
@media (max-width:980px){.a-hero{background:linear-gradient(180deg,rgba(244,250,255,.9),rgba(244,250,255,.8)),url(../images/hero-boat.webp) 30% 55%/cover}}