@media(max-width:1024px){
  .nav{display:none}
  .nav__mobile-toggle{display:flex}
  .able-bot{display:none !important}

  .hero__grid{grid-template-columns:1fr;gap:32px}

  .services__grid{grid-template-columns:1fr 1fr}
  .service-tile--large{grid-column:span 2}

  .process-scene__content{
    grid-template-columns:1fr;gap:0;
    height:100%;
    grid-template-rows:auto 1fr auto;
  }
  .process-scene__left{
    display:contents;
  }
  .process-scene__header{
    padding-top:80px;text-align:center;
    align-self:start;
  }
  .process-scene__nav{
    flex-direction:row;justify-content:center;gap:0;
    align-self:end;padding-bottom:32px;
  }
  .process-scene__connector{width:20px;height:2px;margin:0;margin-top:15px}
  .process-scene__connector-fill{width:0;height:100%;top:0;left:0;
    transition:width 0.6s var(--ease-out)}
  .process-scene__connector.is-filled .process-scene__connector-fill{width:100%;height:100%}
  .process-scene__nav-label{display:none}
  .process-scene__nav-num{width:32px;height:32px;font-size:0.6875rem}
  .process-scene__right{min-height:auto;align-self:center}
  .process-scene__card{position:relative;padding:24px 20px}
  .process-scene__card:not(.is-active){
    position:absolute;inset:0;
  }
  .process-scene__card-icon{width:72px;height:72px;border-radius:20px}
  .process-scene__card-icon svg{width:32px;height:32px}
  .process-scene__card-title{font-size:1.5rem}
  .process-scene__card-desc{font-size:0.9375rem}

  .contact__grid{grid-template-columns:1fr}

  .footer__inner{grid-template-columns:1fr 1fr}
}

@media(max-width:768px){
  :root{--section-py:64px}

  .site-header{padding:12px 24px}
  .site-header__logo img{height:36px}
  .mobile-menu__panel{padding-top:60px}

  .services{padding-top:32px}
  .services__grid{display:none}
  .services__mobile-cta{display:block}

  .services-modal-overlay{
    position:fixed;inset:0;z-index:var(--z-modal);
    background:rgba(0,0,0,0.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
    display:flex;align-items:center;justify-content:center;
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity 0.3s,visibility 0.3s;
  }
  .services-modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
  .services-modal{
    width:100%;max-width:100%;max-height:100%;height:100%;
    background:#fff;overflow-y:auto;padding:24px;
  }
  .services-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
  .services-modal__title{font-size:1.25rem;font-weight:700}
  .services-modal__close{
    width:40px;height:40px;border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(0,0,0,0.05);
  }
  .services-modal__close svg{width:20px;height:20px}
  .services-modal__item{
    padding:16px;border-radius:12px;margin-bottom:8px;
    border:1px solid var(--glass-border);cursor:pointer;
    transition:background 0.2s;
  }
  .services-modal__item:active{background:var(--neutral-50)}
  .services-modal__item-title{font-weight:700;font-size:1rem;margin-bottom:4px}
  .services-modal__item-desc{font-size:0.8125rem;color:var(--neutral-600);line-height:1.4;margin-bottom:6px}
  .services-modal__item-price{font-weight:700;font-size:0.875rem;color:var(--neutral-900)}
  .services-modal__item-badge{
    display:inline-block;padding:2px 10px;background:var(--yellow);
    border-radius:100px;font-size:0.6875rem;font-weight:600;margin-bottom:4px;
  }

  .pricing-card{min-width:280px;padding:32px 24px}

  .hero{min-height:100vh;min-height:100dvh;padding-top:120px;padding-bottom:32px}
  .hero__grid{grid-template-columns:1fr;gap:8px}
  .hero__actions{flex-direction:column}
  .hero__actions .btn{width:100%;justify-content:center}
  .hero__scroll-cue{display:none}
  .hero__clients{margin-top:32px}
  .hero__clients-label{display:none}

  .contact__grid{gap:16px}
  .contact__info{padding:24px}
  .contact__form{padding:24px}

  .footer__inner{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;gap:8px;text-align:center}

  .modal{padding:24px;width:100%;max-width:100%;max-height:100%;border-radius:0}
  .estimator{width:100%;max-width:100%;max-height:100%;border-radius:0;padding:24px}
  .estimator__options{grid-template-columns:1fr}

  .faq__tabs{gap:6px}
  .faq__tab{padding:8px 16px;font-size:0.875rem}

  .cookie-banner{flex-direction:column;text-align:center;gap:12px;padding:16px 24px}
  .cookie-banner__actions{flex-wrap:wrap;justify-content:center}

  .welcome__logo{width:clamp(180px,50vw,280px)}
  .welcome__content{text-align:center;align-items:center;padding:0 24px}
  .welcome__actions{flex-direction:column;width:100%;padding:0 24px;gap:12px}
  .welcome__enter,.welcome__line{
    width:100%;max-width:320px;justify-content:center;
    padding:16px 32px;font-size:1rem;
    margin:0 auto;
  }

  .able-bot__panel{width:calc(100vw - 32px);right:-8px}
}

@media(max-width:480px){
  .container{padding:0 24px}
  .hero__title{font-size:clamp(2rem,8vw,2.75rem)}
  .pricing-card{padding:24px 20px}
  .service-tile{padding:24px 20px;min-height:200px}
}

@media(min-width:1025px){
  .mobile-menu{display:none !important}
  .nav__mobile-toggle{display:none !important}
}