/* AfterKart — responsive overrides. Loaded after style.css */
@media (max-width:1100px){
  .foot-grid{grid-template-columns:1fr 1fr 1fr}
  .foot-grid .foot-brand{grid-column:1/-1}
  .cats{grid-template-columns:repeat(2,1fr)}
  .grid-4,.metrics{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid>div:nth-child(2){border-right:0}
  .trust-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border)}
}
@media (max-width:960px){
  .nav-links,.nav-cta .btn{display:none}
  .menu-btn{display:grid}
  .hero-grid,.ds-grid,.split,.contact-wrap{grid-template-columns:1fr;gap:40px}
  .contact-wrap{gap:0}
  .hero{padding-bottom:72px}
  .contact-side{border-right:0;border-bottom:1px solid var(--border)}
  .grid-3{grid-template-columns:1fr}
  .section{padding:80px 0}
  .steps{grid-template-columns:1fr;padding-top:0;padding-left:44px;gap:34px}
  .steps-line{top:12px;bottom:12px;left:11px;right:auto;width:2px;height:auto}
  .steps-line i{width:100%;height:0;transition-property:height}
  .steps.in-view .steps-line i,.no-js .steps-line i{width:100%;height:100%}
  .step .pin{top:2px;left:-44px}
  .before-after{grid-template-columns:1fr}
  .before-after .sep{width:100%;height:1px;min-height:0}
}
@media (max-width:720px){
  .container{padding:0 18px}
  .section{padding:64px 0}
  .sec-head{margin-bottom:36px}
  .hero{padding-top:calc(var(--header-h) + 40px)}
  .page-hero{padding-top:calc(var(--header-h) + 52px);padding-bottom:48px}
  .problem{grid-template-columns:1fr}
  .problem .col-h{display:none}
  .problem>div{border-bottom:1px solid var(--border)!important;padding:22px}
  .problem>div:last-child{border-bottom:0!important}
  .problem .f{border-left:0;border-bottom:1px solid var(--border-strong)!important}
  .grid-2,.form-row,.cats{grid-template-columns:1fr}
  .grid-4,.metrics{gap:14px}
  .trust-grid{grid-template-columns:1fr}
  .trust-grid>div{border-right:0!important;border-bottom:1px solid var(--border)}
  .trust-grid>div:last-child{border-bottom:0}
  .journey{grid-template-columns:1fr}
  .journey .j{grid-template-columns:42px 1fr;justify-items:start;text-align:left;gap:2px 16px;padding:0 0 26px}
  .journey .jn{grid-row:1/3}
  .journey .j::before{left:20px;top:-26px;width:2px;height:26px}
  .journey .j:first-child::before{display:none}
  .journey .j:last-child{padding-bottom:0}
  .foot-grid{grid-template-columns:1fr 1fr}
  .cta-band{padding:52px 20px;border-radius:22px}
  .contact-side,.contact-form{padding:28px 20px}
  .contact-wrap{border-radius:22px}
  .net{padding:16px;border-radius:20px}
  .inv-row{grid-template-columns:88px 1fr auto}
  .node .badge{display:none}
  .card{padding:24px}
  .cta-row .btn{flex:1 1 auto}
  .foot-bottom{flex-direction:column}
  .to-top{right:14px;bottom:14px}
  .founder{align-items:flex-start}
}
@media (max-width:420px){
  .grid-4,.metrics{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .status-track div{font-size:10px}
  .btn-lg{padding:15px 20px}
}
@media (max-width:1100px){.grid-5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid-5{grid-template-columns:1fr}}
@media (max-width:720px){.field input[type=text],.field input[type=email],.field input[type=tel],.field textarea{font-size:16px}}