/* COMPASS CLEANING — responsive.css | breakpoints 1180/1024/860/640/560/420 */
@media (max-width:1180px){
  :root{--s9:80px;--s10:96px}
  .shell{width:min(100% - 40px,var(--shell))}
  .nav__list a{padding:10px 11px;font-size:.9rem}
  .trust__row{grid-template-columns:repeat(3,1fr);gap:var(--s3)}
  .footer__grid{grid-template-columns:1.3fr 1fr 1fr;gap:var(--s5)}
  .footer__grid > div:last-child{grid-column:span 3}
}
@media (max-width:1024px){
  .header__phone{display:none}
  .phone-round{display:grid}
  .burger{display:grid}
  .nav{position:fixed;inset:var(--header-h) 0 auto 0;background:var(--ink-2);border-bottom:1px solid rgba(198,157,86,.22);
        max-height:0;overflow:hidden;transition:max-height .32s ease;margin-left:auto}
  .nav.is-open{max-height:calc(100vh - var(--header-h));overflow-y:auto}
  .nav__list{flex-direction:column;align-items:stretch;gap:0;padding:var(--s2) 20px var(--s4)}
  .nav__list li{border-bottom:1px solid rgba(255,255,255,.08)}
  .nav__list a{padding:15px 4px;font-size:1rem;border-radius:0}
  .hero__grid,.compass,.contact-grid,.founder,.cta__grid,.feature-post,.phero__grid,.layout{grid-template-columns:1fr;gap:var(--s5)}
  .layout{gap:var(--s6)}
  .aside{position:static;grid-template-columns:repeat(2,1fr)}
  .hero{padding:var(--s7) 0 var(--s8)}
  .hero__frame{aspect-ratio:4/3;max-width:640px}
  .hero__media{margin-top:var(--s3)}
  .fc-1{left:12px;top:12px}.fc-2{right:12px;bottom:12px}.fc-3{display:none}
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .svc-feature{grid-column:span 2;grid-template-columns:1fr}
  .svc-feature .card__media{border-radius:var(--radius) var(--radius) 0 0;min-height:240px}
  .svc-wide{grid-column:span 2;grid-template-columns:1fr}
  .svc-wide .card__media{border-radius:var(--radius) var(--radius) 0 0;min-height:220px}
  .why-grid,.tiles,.post-grid,.rel-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr);gap:var(--s4)}
  .step::after{display:none}
  .masonry{columns:2}
  .compass__rose{max-width:420px}
  .founder__portrait{max-width:380px}
}
@media (max-width:860px){
  :root{--s9:64px;--s8:64px}
  .stats{grid-template-columns:repeat(2,1fr);gap:var(--s2)}
  .stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:var(--s3) var(--s1)}
  .stat:nth-last-child(-n+2){border-bottom:0}
  .strip{grid-template-columns:repeat(2,1fr)}
  .aside{grid-template-columns:1fr}
  .feature-post{padding:var(--s3)}
  .form{padding:var(--s4)}
  .compass__list{grid-template-columns:1fr}
}
@media (max-width:640px){
  .shell{width:min(100% - 32px,var(--shell))}
  .section{padding:var(--s7) 0}
  .why-grid,.tiles,.post-grid,.rel-grid,.svc-grid{grid-template-columns:1fr}
  .svc-feature,.svc-wide{grid-column:span 1}
  .steps{grid-template-columns:1fr;gap:var(--s3)}
  .trust__row{grid-template-columns:1fr 1fr}
  .masonry{columns:1}
  .slide{flex:0 0 84%}
  .carousel__nav{justify-content:center}
  .footer__grid{grid-template-columns:1fr;gap:var(--s4)}
  .footer__grid > div:last-child{grid-column:span 1}
  .footer__bottom{flex-direction:column;gap:var(--s2)}
  .acc__a{padding-right:8px}
  .timeline{padding-left:var(--s4)}
  .tl::before{left:calc(-1 * var(--s4) - 7px)}
  .totop{right:16px;bottom:96px;width:42px;height:42px}
}
@media (max-width:560px){
  :root{--header-h:70px}
  .brand img{height:34px}
  .brand__name{font-size:.9rem}
  .brand__sub{font-size:.55rem;letter-spacing:.18em}
  .header__bar{gap:10px}
  .brand{gap:9px}
  h1{font-size:clamp(1.95rem,7.4vw,2.5rem)}
  .hero__sub{font-size:1.04rem}
  .btn{padding:14px 22px;font-size:.9rem}
  .btn-row .btn{flex:1 1 100%}
  .float-card{max-width:190px;padding:11px 14px}
  .trust__row{grid-template-columns:1fr}
  .trust__item{justify-content:flex-start}
  .form{padding:var(--s3)}
  .e404__code{font-size:5.4rem}
}
@media (max-width:420px){
  .shell{width:min(100% - 24px,var(--shell))}
  .brand__txt{display:none}
  .brand img{height:36px}
  .stats{grid-template-columns:1fr}
  .stat{border-bottom:1px solid rgba(255,255,255,.12)}
  .stat:last-child{border-bottom:0}
  .strip{grid-template-columns:1fr}
  .float-card{display:none}
  .fc-1{display:none}.fc-2{display:none}
  .seal{font-size:.76rem;padding:7px 13px}
}
@media print{
  .header,.footer,.totop,.cta,.carousel__nav{display:none}
  body{background:#fff;color:#000}
}