/* =========================================================
   COGZCO - responsive.css
   ========================================================= */

/* Large screens */
@media (max-width:1200px){
  .hero-orb{width:380px;height:380px;}
  .orb-ring-1{width:220px;height:220px;}
  .orb-ring-2{width:300px;height:300px;}
  .orb-ring-3{width:360px;height:360px;}
  .orb-core{width:130px;height:130px;font-size:2.8rem;}
  .hero-float-card-1{left:-10px;}
  .hero-float-card-2{right:-10px;}
}

/* Tablets */
@media (max-width:991px){
  :root{--nav-height:70px;}
  .section-padding{padding:70px 0;}
  .nav-inner{padding:0 20px;}
  .hamburger{display:flex;}
  .nav-menu{
    display:none;
    position:fixed;
    top:var(--nav-height);left:0;right:0;
    background:rgba(11,31,58,.98);
    backdrop-filter:blur(20px);
    flex-direction:column;
    padding:24px 20px 32px;
    gap:4px;
    border-bottom:1px solid rgba(255,255,255,.08);
    z-index:999;
  }
  .nav-menu.open{display:flex;}
  .nav-menu a{padding:12px 16px;border-radius:8px;font-size:.95rem;}
  .light-nav .nav-menu{background:rgba(255,255,255,.98);}
  .btn-nav-cta{margin-top:8px;text-align:center;justify-content:center;}

  .hero-home{min-height:auto;padding:calc(var(--nav-height) + 60px) 0 60px;}
  .hero-content{padding:40px 0;}
  .hero-visual{margin-top:40px;}
  .hero-orb{width:300px;height:300px;}
  .orb-ring-1{width:170px;height:170px;}
  .orb-ring-2{width:240px;height:240px;}
  .orb-ring-3{width:290px;height:290px;}
  .orb-core{width:100px;height:100px;font-size:2.2rem;}
  .hero-float-card-1,.hero-float-card-2{display:none;}
  .hero-stats{gap:30px;margin-top:48px;}

  .about-img-wrap{margin-bottom:50px;}
  .about-experience-badge{right:-10px;bottom:-10px;}

  .trust-logos{gap:28px;}
  .contact-form-wrap{padding:36px 28px;}
}

/* Mobile */
@media (max-width:767px){
  .section-padding{padding:56px 0;}
  .hero-title{font-size:2.1rem;}
  .hero-desc{font-size:.97rem;}
  .hero-actions{flex-direction:column;align-items:flex-start;}
  .btn-primary-cog,.btn-white-cog,.btn-outline-cog{width:100%;justify-content:center;}

  .hero-stats{gap:20px;}
  .hero-stat-item:not(:last-child)::after{display:none;}
  .hero-stat-num{font-size:1.8rem;}

  .filter-btns{justify-content:center;}
  .footer-brand,.footer-heading{margin-bottom:12px;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .footer-bottom-links{justify-content:center;}
  .hero-orb{width:240px;height:240px;}
  .orb-ring-1{width:130px;height:130px;}
  .orb-ring-2{width:185px;height:185px;}
  .orb-ring-3{width:230px;height:230px;}
  .orb-core{width:80px;height:80px;font-size:1.8rem;}

  .cta-section h2{font-size:1.7rem;}
  .page-hero h1{font-size:1.9rem;}
  .contact-form-wrap{padding:28px 20px;}
  .contact-info-card{padding:32px 24px;}
  .trust-bar .col-auto{display:none;}
  .nav-inner{padding:0 16px;}
  .testimonial-card{padding:28px 22px;}
  .service-detail-card,.vision-mission-card{padding:30px 24px;}
  .industry-icon-big{width:76px;height:76px;font-size:2rem;border-radius:18px;}
}

/* Small mobile */
@media (max-width:480px){
  .hero-orb{width:200px;height:200px;}
  .orb-ring-1{width:110px;height:110px;}
  .orb-ring-2{width:155px;height:155px;}
  .orb-ring-3{width:190px;height:190px;}
  .orb-core{width:68px;height:68px;font-size:1.5rem;}
  .logo-text{font-size:1.25rem;}
  .section-heading{font-size:1.6rem;}
}