/* =====================================================
   HEZAL CONCLUSION — RESPONSIVE SYSTEM
   1440 / 1200 / 992 / 768 / 480
   ===================================================== */

/* ---------- ≤1440 ---------- */
@media (max-width:1439.98px){
  .container{max-width:1180px}
}

/* ---------- ≤1200 ---------- */
@media (max-width:1199.98px){
  .container{max-width:960px}
  .hero-grid{gap:44px}
  .hero-img{height:470px}
  .nav-list>li>a{padding:11px 11px;font-size:13.5px}
  .span-7,.span-5{grid-column:span 6}
  .why-grid{gap:48px}
  .why-frame img{height:420px}
  .cta-feature{padding:66px 54px}
  .footer-grid{gap:36px}
}

/* ---------- ≤992 (tablet / mobile nav) ---------- */
@media (max-width:991.98px){
  .container{max-width:720px}


  /* Mobile navigation */
  .nav-toggle{display:flex}
  .nav-cta-desktop{display:none}
  .nav-cta{display:block}
  .site-nav{
    position:fixed;
    /* inset:0; */
    background:rgba(7,17,32,.94);
    -webkit-backdrop-filter:blur(24px);
    backdrop-filter:blur(24px);
    z-index:1100;
    display:flex;
    flex-direction:column;
    padding:20px 20px;
    /* transform:translateY(-102%); */
    transition:transform .55s cubic-bezier(.22,.61,.36,1);
    width: 100%;
  opacity: 0;
  visibility: hidden;}


header#siteHeader .container {
    position: relative;
}

  body.menu-open .site-nav{
    /* transform:translateY(0) */
    opacity: 1;
  visibility: visible;
  top: 0;
  
  }


  .nav-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px}
  .nav-list>li>a{font-family:var(--font-head);font-size:21px;font-weight:700;padding:14px 6px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
  .nav-list>li>a::after{display:none}
  .drop-menu{position:static;transform:none;opacity:1;visibility:visible;min-width:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none;padding:6px 0 8px 16px;display:none}
  .has-drop.open .drop-menu{display:block}
  .has-drop:hover .drop-menu{opacity:1;visibility:visible;transform:none}
  .drop-menu a{font-size:15px}
  .nav-cta .btn{width:100%;justify-content:center}

  /* Hero */
  .hero{padding:160px 0 110px}
  .hero-grid{grid-template-columns:1fr;gap:64px}
  .hero-badge{padding:9px 12px;font-size:10px;letter-spacing:1.6px}
  .hero-img{height:440px}
  .metric-pill{min-width:120px}
  .fc-1{left:-8px}
  .fc-2{right:-6px}

  /* Trust bar */
  .trust-bar{flex-wrap:wrap;justify-content:space-between;padding:28px 32px;row-gap:22px}
  .trust-title{max-width:100%;width:100%}
  .t-stat{flex:1 1 40%}
  .t-stat+.t-stat{border-left:0;padding-left:0}

  /* Services */
  .services-grid{gap:22px}
  .span-7{grid-column:span 12}
  .span-5{grid-column:span 6}

  /* Why */
  .why-grid{grid-template-columns:1fr;gap:40px}
  .why-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .why-frame img{height:380px}

  /* Process → vertical */
  .process-track{grid-template-columns:1fr;gap:30px;padding-top:0}
 .process-line{display:none}
  .process-progress{width:100%;height:0;transition:height 1.8s cubic-bezier(.22,.61,.36,1) .2s}
  .process-track.in .process-progress{height:100%}
  /* .process-step{display:grid;grid-template-columns:88px 1fr;gap:26px;text-align:left;align-items:start;padding-bottom:44px}
  .step-node{margin:0}
  .process-step p{margin:8px 0 0;max-width:440px} */

  /* Testimonials */
  .testi-grid{grid-template-columns:1fr}
  .testi-previews{flex-direction:row}
  .testi-preview{flex:1}

  /* Footer */
  .footer-grid{grid-template-columns:1fr 1fr;gap:44px}
  .footer-cta{flex-direction:column;align-items:flex-start}

  /* About */
  .intro-grid{grid-template-columns:1fr;gap:56px}
  .intro-frame img{height:440px}
  .mv-grid{grid-template-columns:1fr}
  .values-grid{grid-template-columns:1fr 1fr}

  /* Contact */
  .info-grid{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .form-panel{padding:42px 34px}
}

/* ---------- ≤768 (mobile) ---------- */
@media (max-width:767.98px){
  .container{max-width:100%;padding:0 20px}

  .hero{padding:140px 0 96px}
  .hero-title{font-size:40px}
  .hero-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .metric-pill{min-width:0}
  .hero-img{height:380px}
  .float-card{padding:13px 17px}
  .float-card strong{font-size:19px}
  .fc-1{top:16px;left:12px}
  .fc-2{bottom:16px;right:12px}
  .fc-3{top:auto;bottom:-22px;right:auto;left:16px}

  .trust-section{margin-top:-46px}
  .trust-bar{padding:24px 22px;gap:12px}
  .t-num{font-size:24px}

  .span-5{grid-column:span 12}
  .service-card{padding:36px 28px}
  .service-num{font-size:46px}

  .why-frame img{height:320px}
  .why-list{grid-template-columns:1fr}
  .why-item{padding:18px 16px;gap:12px}
  .why-num{min-width:32px;height:32px;border-radius:10px}
  .why-icon{width:44px;height:44px;border-radius:13px;font-size:16px}
  .why-highlight{width:100%;justify-content:center}

  .testi-feature{padding:36px 28px}
  .tf-text{font-size:18px}
  .testi-previews{display:none}

  .cta-feature{padding:52px 30px;border-radius:26px}
  .mission-feature{grid-template-columns:1fr;gap:22px}
  .mission-panel{justify-items:stretch}
  .mission-panel-box{width:100%}
  .cta-rings{right:-190px;opacity:.6}

  .info-grid{grid-template-columns:1fr}
  .form-2col{grid-template-columns:1fr}
  .form-panel{padding:34px 24px}
  .side-panel{padding:36px 26px}
  .map-frame iframe{height:340px}

  .services-portfolio{grid-template-columns:1fr}
  .service-stack{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .service-item{padding:18px 16px;min-height:150px}
  .service-item h3{font-size:16px}
  .about-choose-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
  .mv-card{padding:42px 32px}
  .intro-frame img{height:340px}
  .float-stat{left:10px;bottom:24px}

  .footer{border-radius:26px 26px 0 0;padding-top:58px}
  .footer-grid{grid-template-columns:1fr;gap:38px}
  .footer-bottom{justify-content:center;text-align:center}
}

/* ---------- ≤480 (small mobile) ---------- */
@media (max-width:479.98px){
  .hero{padding:128px 0 88px}
  .hero-title{font-size:34px}
  .hero-lead{font-size:15px}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-metrics{grid-template-columns:1fr 1fr}
  .hero-trust{gap:14px}
  .hero-img{height:320px}
  .fc-3 span{font-size:11px}

  .brand-name{font-size:16px}
  .brand-sub{font-size:8.5px;letter-spacing:2px}
  .brand-mark{width:38px;height:32px}
  .glass-nav{padding:10px 14px; gap:0px}
  .service-stack{grid-template-columns:1fr}
  .about-choose-grid{grid-template-columns:1fr}

  .page-title{font-size:31px}
  .sec-title{font-size:27px}

  .process-step{grid-template-columns:1fr;text-align:center;gap:16px}
  .process-line{display:none}
  .step-node{margin:0 auto}
  .process-step p{margin-left:auto;margin-right:auto}

  .t-stat{flex:1 1 45%}
  .cta-final,.about-cta{padding:88px 0}
  .btn{padding:15px 24px}
}