/* utilities + responsive — ported responsive behavior of original */
.container-narrow{width:90%;margin-inline:auto}
@media (max-width:1100px){
  .nav{gap:14px}
  .hero-text h1{font-size:32px}
  .brand-cta h2{font-size:34px}
  .track .tcard{flex-basis:48%}
}
@media (max-width:900px){
  .hamburger{display:inline-flex}
  .nav{position:fixed;top:0;left:106%;height:100vh;width:39%;min-width:230px;background:#fff;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:14px;gap:26px;z-index:90;border-radius:16px 0 0 16px;transition:left .5s;box-shadow:-10px 0 40px rgba(0,0,0,.2)}
  body.menu-open .nav{left:61%}
  body.menu-open .drawer-backdrop{display:block;position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:80}
  .btn-main{min-width:48px;width:48px;height:48px;border-radius:50%;padding:0}
  .btn-main .lbl{display:none}
  .hero{background:#9EB185 url('../assets/images/firsSecBg.png') no-repeat center/cover;border-radius:20px;min-height:0;padding:22px 16px 16px;gap:14px;align-items:flex-start}
  .hero-star{display:none}
  .hero-hand-mobile{display:block;align-self:flex-end;width:38%;max-width:180px}
  .hero-text{width:60%}
  .hero-text h1{font-size:22px;line-height:1.35}
  .hero-text .kicker{font-size:12px;padding:6px 10px}
  .hero-stats{flex-direction:row;width:100%;max-width:none;min-width:0;order:3;gap:8px}
  .hero-stats .stat{flex:1}
  .stat>div{padding:10px 4px}
  .stat b{font-size:18px}
  .stat span{font-size:10px}
  .hero{flex-wrap:wrap}
  .hero-under{flex-wrap:wrap;gap:12px;margin-top:12px}
  .mini-cards{width:100%;flex-direction:row}
  .mini-card h3{font-size:11px}
  .hand{display:none}
  .doctors-card{width:100%}
  .steps{width:100%;gap:14px}
  .steps::before{top:44px;right:12%;left:12%}
  .step .ball{width:84px;height:84px}
  .step h3{font-size:13px;max-width:140px}
  .step p{font-size:11px}
  .steps-bg{padding:24px 14px 28px}
  .search-box,.domains{width:92%;max-width:none}
  .sample-card{width:30%}
  .fac-grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .fac{width:auto;margin-top:0;min-height:120px;padding:14px 8px}
  .fac p{max-width:120px;font-size:12px}
  .facilities{padding:24px 14px 20px;min-height:0;border-radius:20px}
  .fac-head p{font-size:12px}
  .brand-cta{height:170px;border-radius:12px}
  .brand-cta h2{font-size:22px}
  .brand-cta p{font-size:12px}
  .packages{grid-template-columns:1fr;gap:18px}
  .svc{width:100%;max-width:none;position:static}
  .svc-panel{min-height:0}
  .plan{width:100%;max-width:360px;margin-inline:auto}
  .contact-sec,.contact-sec.has-bg{flex-direction:column;background:#9eb18538}
  .contact-text,.form-card{width:100%;max-width:560px}
  .track .tcard{flex-basis:88%}
  .page-hero{flex-direction:column;gap:24px}
  .page-hero .txt,.about-frame,.contact-page .side,.dark-form{width:100%;max-width:none}
  .about-frame{min-height:0;padding-bottom:0}
  .about-frame .main{position:static;width:100%;max-width:420px;margin:0 auto;right:auto;top:auto}
  .contact-page{flex-direction:column;gap:20px;align-items:stretch}
  .foot-panel .lead{width:100%}
}
@media (max-width:480px){
  .hero{padding:18px 14px 12px;border-radius:16px}
  .hero-text{width:58%}
  .hero-text h1{font-size:19px}
  .hero-text .kicker{font-size:11px;padding:5px 9px}
  .btn-store{padding:10px 12px;font-size:13px;border-radius:12px}
  .hero-hand-mobile{width:40%}
  .hero-stats{gap:8px}
  .stat>div{padding:10px 4px}
  .stat b{font-size:18px}
  .steps{grid-template-columns:1fr;gap:18px;max-width:320px}
  .steps::before{display:none}
  .step{flex-direction:row;justify-content:flex-start;text-align:right;gap:14px;background:#fff;border-radius:16px;padding:12px;box-shadow:0 10px 24px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04)}
  .step .ball{width:72px;height:72px}
  .step h3{font-size:14px}
  .search-box{min-height:56px;padding:4px}
  .search-go{width:46px;height:46px}
  .domain{min-width:64px;padding:8px 12px;font-size:12px}
  .fac-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .fac{min-height:110px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .track{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}
