

/* =========================================================
   CSS-ONLY RESPONSIVE PATCH — HTML MARKUP UNCHANGED
   Desktop design remains unchanged. Overrides apply below 1200px.
   ========================================================= */

@media (max-width:1199.98px){
  html,body{max-width:100%;overflow-x:hidden}
  img,svg,video,canvas{max-width:100%;height:auto}
  .container{max-width:960px}
  .section{padding:64px 0}
  .imt-logo img{width:270px;max-width:100%;height:auto}
  .navbar .gap-4{gap:1.15rem!important}
  .navbar .nav-link-ft{font-size:.8rem;white-space:nowrap}
  .hero-final{min-height:auto}
  .hero-final h1{font-size:clamp(2.6rem,4.7vw,4rem)}
  .hero-final-copy{padding:54px 0 46px}
  .hero-final .form-card{padding:20px}
  .hero-proof{max-width:100%}
  .hero-proof div{margin-right:14px;padding-right:14px}
  .program-card{padding:20px}
  .legacy-campus-card img{height:138px}
  .campus-program-card{padding:22px}
  .final-cta{padding:34px 36px}
}

@media (max-width:991.98px){
  html{scroll-padding-top:76px}
  body{overflow-x:hidden;padding-bottom:72px}
  .container,.container-lg{width:100%;max-width:100%;padding-left:24px;padding-right:24px}
  .section{padding:54px 0}
  .topbar{font-size:.72rem}
  .topbar .container{gap:12px}
  .topbar span:last-child{text-align:right}
  .navbar{padding-top:.7rem!important;padding-bottom:.7rem!important}
  .navbar .container{flex-wrap:nowrap}
  .navbar-brand{margin-right:0;max-width:100%}
  .imt-logo img{width:230px;max-width:72vw;max-height:48px;object-fit:contain}

  .hero-final{min-height:auto;align-items:stretch}
  .hero-final:before{background-position:62% center}
  .hero-final:after{background:linear-gradient(180deg,rgba(0,26,77,.95) 0%,rgba(0,51,153,.91) 48%,rgba(0,26,77,.96) 100%)}
  .hero-final .row{--bs-gutter-x:1.5rem!important;--bs-gutter-y:1.25rem!important}
  .hero-final-copy{padding:48px 0 12px}
  .hero-final h1{font-size:clamp(2.45rem,7vw,3.4rem);max-width:720px}
  .hero-theme{font-size:1.18rem}
  .hero-final .hero-sub{max-width:700px;font-size:.98rem}
  .hero-final .d-flex.flex-wrap.gap-3{gap:.75rem!important}
  .hero-final .d-flex.flex-wrap.gap-3 .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}
  .hero-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:720px}
  .hero-proof div{width:auto!important;margin:0!important;padding:13px 12px 13px 0!important;min-width:0}
  .hero-proof strong,.hero-proof span{overflow-wrap:anywhere}
  .hero-form-wrap{padding:6px 0 62px}
  .hero-final .form-card{max-width:760px;margin:0 auto;padding:22px}

  .section-title,.legacy-main-title,.alumni-title,.scholarship-heading{font-size:clamp(1.9rem,5vw,2.7rem)}
  .row.align-items-end.mb-4>[class*='col-lg-4'],
  .row.align-items-end.g-4.mb-4>[class*='col-lg-5']{margin-top:.35rem}

  .program-card,.edge-card,.journey-card,.proof-card,.rank-card,.scholar-card{height:100%}
  .legacy-copy-panel{height:auto!important}
  .legacy-campus-card img{height:185px}
  .campus-program-card ul{min-height:0!important}
  .eligibility-banner,.professional-eligibility{width:100%}
  .professional-eligibility{grid-template-columns:64px minmax(0,1fr)}
  .eligibility-list{margin-top:8px}
  .resource-links{gap:8px 0}
  .resource-links a{padding-top:7px;padding-bottom:7px}
  .alumni-current-lp{padding:16px}
  .alumni-current-lp img{width:100%;height:auto;object-fit:contain}
  .faq .accordion-button{font-size:.96rem;line-height:1.4}
  .final-cta{padding:30px 28px}
  .final-cta:after{font-size:7rem;right:0;bottom:-20px}
  .final-cta .text-lg-end{text-align:left!important}
  .final-cta .btn{margin-top:4px}
  .footer{padding:38px 0 96px}
  .mobile-bar{display:flex!important;gap:8px;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}
}

@media (max-width:767.98px){
  .container,.container-lg{padding-left:18px;padding-right:18px}
  .section{padding:46px 0}
  .topbar .container{align-items:center}
  .topbar span{line-height:1.25}
  .imt-logo img{width:210px;max-width:74vw}

  .hero-final-copy{padding:42px 0 10px}
  .hero-status{font-size:.87rem;margin-bottom:14px}
  .hero-final h1{font-size:clamp(2.15rem,9vw,2.9rem);line-height:1.04}
  .hero-theme{font-size:1.08rem;line-height:1.35;margin:8px 0 14px}
  .hero-final .hero-sub{font-size:.94rem;line-height:1.6;margin-bottom:1rem!important}
  .hero-final .d-flex.flex-wrap.gap-3{display:grid!important;grid-template-columns:1fr;width:100%}
  .hero-final .d-flex.flex-wrap.gap-3 .btn{width:100%;white-space:normal;text-align:center;padding:.8rem 1rem}
  .hero-proof{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
  .hero-proof div{border-bottom:1px solid rgba(255,255,255,.15)}
  .hero-proof div:nth-last-child(-n+2){border-bottom:0}
  .hero-form-wrap{padding:8px 0 48px}
  .hero-final .form-card{padding:18px;border-radius:14px}
  .form-control,.form-select{min-height:48px;font-size:16px}

  .eyebrow{font-size:.7rem;letter-spacing:.11em}
  .section-title,.legacy-main-title,.alumni-title,.scholarship-heading{font-size:clamp(1.75rem,7vw,2.3rem);line-height:1.08}
  h3{letter-spacing:-.02em}

  .program-card,.campus-program-card,.journey-card,.proof-card,.scholar-card,.rank-card{padding:20px}
  .legacy-copy-panel{padding:20px}
  .legacy-stat-row-bs>[class*='col-']{width:33.333333%}
  .legacy-stat-row-bs>div>div{padding:12px 8px}
  .legacy-stat-row-bs strong{font-size:1.08rem}
  .legacy-stat-row-bs span{font-size:.64rem;line-height:1.3}
  .legacy-journey h3{font-size:1.5rem}
  .legacy-campus-card img{height:200px}
  .year-tab{top:10px}

  .professional-eligibility{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:16px!important}
  .eligibility-marker{width:52px;height:52px;font-size:.95rem}
  .professional-eligibility strong{font-size:.92rem!important}
  .eligibility-row{grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px 0}
  .elig-num{width:34px;height:34px}
  .resource-links{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
  .resource-links a{margin-right:0;padding-right:0;overflow-wrap:anywhere}
  .resource-links a:after{display:none!important}

  .alumni-current-lp{padding:12px;border-radius:14px}
  .scholar-card h3{font-size:1.35rem}
  .faq .accordion-button{padding:1rem;font-size:.92rem}
  .faq .accordion-body{padding:1rem;font-size:.92rem}
  .final-cta{padding:26px 22px;border-radius:18px}
  .final-cta-title{font-size:clamp(1.8rem,7vw,2.2rem)!important}
  .final-cta .btn{width:100%;display:flex;align-items:center;justify-content:center;font-size:.95rem}
  .footer{font-size:.9rem}
}

@media (max-width:575.98px){
  body{padding-bottom:74px}
  .container,.container-lg{padding-left:15px;padding-right:15px}
  .section{padding:40px 0}
  .topbar{padding-top:6px!important;padding-bottom:6px!important}
  .topbar .container{padding-left:12px;padding-right:12px;gap:8px}
  .topbar span{font-size:.62rem}
  .navbar{min-height:64px}
  .imt-logo img{width:195px;max-width:72vw;max-height:44px}

  .hero-final:before{background-position:66% center}
  .hero-final-copy{padding:36px 15px 8px}
  .hero-final .hero-kicker{font-size:.73rem;letter-spacing:.06em}
  .hero-status{font-size:.82rem}
  .hero-final h1{font-size:clamp(1.95rem,10.5vw,2.5rem)}
  .hero-theme{font-size:1rem}
  .hero-final .hero-sub{font-size:.9rem}
  .hero-proof strong{font-size:.92rem}
  .hero-proof span{font-size:.68rem;line-height:1.35}
  .hero-final .form-card{padding:16px 14px}
  .hero-final .form-card h3{font-size:1.18rem}
  .form-note{font-size:.67rem;line-height:1.4}

  .section-title,.legacy-main-title,.alumni-title,.scholarship-heading{font-size:1.85rem}
  .text-muted2,p{overflow-wrap:anywhere}
  .program-card h3{font-size:1.14rem}
  .legacy-stat-row-bs>[class*='col-']{width:100%}
  .legacy-stat-row-bs>div>div{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
  .legacy-stat-row-bs strong{font-size:1.1rem;margin:0}
  .legacy-stat-row-bs span{text-align:right}
  .legacy-campus-card img{height:210px}
  .campus-program-card{padding:20px 18px}
  .professional-eligibility{grid-template-columns:1fr;gap:12px}
  .eligibility-marker{width:52px;height:52px}
  .eligibility-row{grid-template-columns:36px minmax(0,1fr);gap:12px}
  .eligibility-row h3{font-size:.96rem}
  .eligibility-row p{font-size:.86rem}
  .resource-links{grid-template-columns:1fr}
  .resource-links a{border-bottom:1px solid var(--line)}
  .resource-links a:last-child{border-bottom:0}
  .journey-card{padding:18px}
  .scholar-card{padding:20px 18px}
  .final-cta{padding:24px 18px}
  .final-cta:after{font-size:5.5rem;bottom:-10px;right:-6px}
  .mobile-bar a{padding:11px 8px;font-size:.8rem}
}

@media (max-width:389.98px){
  .container,.container-lg{padding-left:12px;padding-right:12px}
  .topbar span:first-child{max-width:68%}
  .imt-logo img{width:178px;max-width:70vw}
  .hero-final h1{font-size:1.85rem}
  .hero-theme{font-size:.94rem}
  .hero-proof{gap:0}
  .hero-proof div{padding-right:8px!important}
  .hero-proof strong{font-size:.87rem}
  .hero-proof span{font-size:.64rem}
  .section-title,.legacy-main-title,.alumni-title,.scholarship-heading{font-size:1.7rem}
  .form-card{padding-left:12px!important;padding-right:12px!important}
  .final-cta .btn{font-size:.86rem;padding:12px 10px}
}
