/* ==========================================================================
   SOURCING INDIA — Responsive layer
   Breakpoints: 1200 · 1024 · 900 · 768 · 600 · 430 · 360
   Loaded after style.css
   ========================================================================== */

/* ------------------------------- ≤1200px -------------------------------- */
@media (max-width:1200px){
  :root{--container:1120px}
  .nav__link{padding:10px 9px;font-size:.84rem}
  .footer-grid{grid-template-columns:1.35fr repeat(4,1fr);gap:28px}
  .hero__badge{left:-2%}
}

/* ------------------------------- ≤1080px -------------------------------- */
@media (max-width:1080px){
  .related{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr 1fr;gap:34px}
  .footer-brand{grid-column:1 / -1}
  .footer-brand p{max-width:52ch}
}

/* ------------- ≤1024px : swap desktop nav for mobile drawer -------------- */
@media (max-width:1024px){
  :root{--header-h:72px}
  .nav,.header-cta{display:none}
  .nav-toggle{display:inline-flex}
  .brand img{height:34px}

  .stats{grid-template-columns:repeat(2,1fr)}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}

  .hero--home .hero__grid{grid-template-columns:1fr;gap:44px}
  .hero__copy{max-width:none}
  .hero__visual{max-width:620px}
  .hero__badge{left:auto;right:6%;bottom:-4%}

  .page-hero--split .page-hero__inner{grid-template-columns:1fr;gap:36px}
  .page-hero__media{max-width:560px}
  .page-hero__media img,
  .page-hero__media--tall img{aspect-ratio:16/10}
  .page-hero__art img{width:min(70%,520px)}

  .split,.split--wide-left,.split--wide-right{grid-template-columns:1fr;gap:36px}
  .split .order-first-md{order:-1}

  .cta-band__inner{grid-template-columns:1fr;gap:28px}
  .cta-band h2{max-width:24ch}

  .media-stack__badge{right:4%;bottom:-8%}
  .mega{width:min(720px,calc(100vw - 40px))}
}

/* ------------------------------- ≤900px --------------------------------- */
@media (max-width:900px){
  .ticklist--2{grid-template-columns:1fr}
  .prose{max-width:none}
  .hero__stats{gap:16px}
}

/* ------------------------------- ≤768px --------------------------------- */
@media (max-width:768px){
  :root{--section:clamp(52px,9vw,74px);--section-sm:clamp(40px,7vw,58px)}

  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .process{grid-template-columns:1fr;gap:22px}
  .related{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr}

  .hero--home{padding-block:52px 64px}
  .hero__frame{clip-path:polygon(0 0,100% 0,100% 90%,92% 100%,0 100%)}
  .hero__badge{position:static;margin-top:16px;max-width:none;box-shadow:var(--shadow-sm)}
  .hero__stats{grid-template-columns:1fr;gap:0}
  .hero__stat{padding-block:14px;border-bottom:1px solid rgba(255,255,255,.12)}
  .hero__stat:last-child{border-bottom:0;padding-bottom:0}
  .hero__stat b{font-size:1.6rem}

  .page-hero__media--cut,.page-hero__media--cut-r,.media--cut,.media--cut-tl{clip-path:none}
  .page-hero__metrics{gap:18px 26px}
  .page-hero__art{opacity:.26}

  .media-stack__badge{position:static;margin-top:18px;max-width:none}

  .footer-grid{grid-template-columns:1fr 1fr;gap:30px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}

  .accordion__btn{font-size:1.0625rem;gap:14px}
  .tool__q{font-size:1.25rem}
  .btn-row .btn{flex:1 1 auto}
  .section-head{margin-bottom:30px}
  .quote p{font-size:1.05rem}
}

/* ------------------------------- ≤600px --------------------------------- */
@media (max-width:600px){
  .stats{grid-template-columns:1fr}
  .trust-strip{gap:14px}
  .btn{padding:14px 24px}
  .btn--lg{padding:16px 28px;font-size:var(--fs-sm)}
  .btn-row{gap:10px}
  .card{padding:24px}
  .form-panel{padding:24px 20px}
  .tool__body{padding:24px 20px}
  .tool__head{padding:22px 20px}
  .roadmap__item{padding-left:52px}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand p{max-width:none}
  .chips{gap:8px}
  .chip{padding:8px 14px}
  .article-card__body{padding:20px}
}

/* ------------------------------- ≤430px --------------------------------- */
@media (max-width:430px){
  :root{--gutter:18px}
  .brand img{height:30px}
  .hero__stat b{font-size:1.45rem}
  .btn{width:100%}
  .btn-row{flex-direction:column;align-items:stretch}
  .btn-row--center .btn{width:100%}
  .tool__nav{flex-direction:column-reverse;align-items:stretch}
  .tool__nav .btn{width:100%}
  .quote{padding:24px 20px}
  .note{padding:18px}
}

/* ------------------------------- ≤360px --------------------------------- */
@media (max-width:360px){
  :root{--gutter:16px;--fs-body:.9375rem}
  .display{font-size:2.1rem}
  .accordion__btn{font-size:1rem}
  .card{padding:20px}
  .mobile-nav__link{font-size:1rem}
}

/* --------------------------- Large screens ------------------------------ */
@media (min-width:1600px){
  :root{--container:1320px}
  .hero--home{padding-block:140px}
}

/* ------------------------------- Print ---------------------------------- */
@media print{
  .site-header,.mobile-nav,.nav-scrim,.cta-band,.site-footer,.btn,.skip-link{display:none!important}
  body{color:#000;background:#fff;font-size:11pt}
  .hero,.page-hero,.section--dark{background:#fff!important;color:#000!important}
  .hero h1,.page-hero h1,.section--dark h2,.section--dark h3{color:#000!important}
  .page-hero__lead,.hero p{color:#333!important}
  .section{padding-block:18px}
  a[href^="http"]::after{content:" (" attr(href) ")";font-size:9pt;color:#555}
  .card,.stat{border:1px solid #ccc;box-shadow:none}
}