@media(max-width:1024px){
  .eco-grid{grid-template-columns:1fr 1fr}
  .footer-top{grid-template-columns:1fr 1fr 1fr;gap:28px}
  .wwd-ads{grid-template-columns:1fr;gap:28px}
  .logo-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:850px){
  .container{width:min(100% - 40px,650px)}
  .navbar{height:72px}
  .menu-toggle{display:flex;background:none;border:0;width:32px;height:28px;flex-direction:column;gap:7px;justify-content:center;padding:0}
  .menu-toggle span{height:2px;width:25px;background:var(--ink);transition:.25s}
  .nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:26px 20px;flex-direction:column;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line);box-shadow:0 20px 40px rgba(0,0,0,.08)}
  .nav-links.open{display:flex}
  .nav-links .nav-cta{width:100%;text-align:center}
  .nav-dropdown{width:100%}
  .nav-submenu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-left:2px solid var(--red);border-radius:0;padding:0 0 0 14px;margin-top:6px;min-width:0;display:flex;gap:4px}
  .nav-subitem{padding:8px 6px}
  .nav-subitem-icon{width:38px;height:38px;border-radius:10px}
  .nav-subitem-icon svg{width:18px;height:18px}
  .nav-subitem-text strong{font-size:13.5px}
  .nav-subitem-text small{font-size:11px}
  .nav-subitem-arrow{display:none}
  .hero{padding-top:140px}
  .hero-inner{grid-template-columns:1fr;gap:20px}
  .hero-visual{height:380px}
  .wwd-grid{grid-template-columns:1fr}
  .wwd-card{padding:26px}
  .trusted-head{grid-template-columns:1fr;gap:18px;align-items:start}
  .trusted-head .section-sub{margin:0}
  .logo-grid{grid-template-columns:repeat(3,1fr)}
  .ways-grid{grid-template-columns:repeat(2,1fr)}
  .way-card:last-child{grid-column:1/-1}
  .stories-grid{grid-template-columns:1fr}
  .faq-grid{grid-template-columns:1fr;gap:36px}
  .talk-inner{grid-template-columns:1fr;gap:36px}
  .stats-row{grid-template-columns:1fr 1fr;gap:34px 20px}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-offices{grid-template-columns:1fr;gap:20px;padding:28px 0}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:500px){
  .container{width:calc(100% - 32px)}
  .hero{padding-top:120px}
  .hero h1{font-size:38px}
  .hero-sub{font-size:15px}
  .hero-actions .btn{width:100%}
  .hero-visual{height:300px}
  .hero-visual .cube-main{transform:rotate(30deg) skew(-8deg) scale(.7)}
  .hero-card-roas{left:0}
  .hero-card-spend{right:0}
  .marquee-row{gap:36px}
  .marquee-row span{font-size:19px}
  .section-head h2,.talk-contact h2,.cta-final h2{font-size:36px}
  .work-ways,.eco,.what-we-do,.stories,.faq,.talk{padding:64px 0}
  .trusted{padding:60px 0}
  .logo-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .logo-card{height:88px}
  .logo-card span{font-size:16px}
  .ways-grid{grid-template-columns:1fr}
  .way-card:last-child{grid-column:auto}
  .eco-grid{grid-template-columns:1fr}
  .wwd-grid{grid-template-columns:1fr}
  .wwd-card{padding:24px;border-radius:20px}
  .wwd-list{grid-template-columns:1fr}
  .ads-chart{height:90px}
  .wwd-block{padding:32px 0}
  .wwd-copy ul{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .stats-row{gap:28px 12px}
  .stat-item strong{font-size:38px}
  .partners{gap:26px}
}