/* Device-specific responsive refinement */
@media (min-width:1400px){
  :root{--max:1280px}
  .hero{column-gap:55px}
  .hero-visual{height:620px}
  .nexus-gallery-grid{height:730px}
}

@media (min-width:901px) and (max-width:1180px){
  .header{margin-inline:20px}
  .nav{gap:20px}
  .section{padding-inline:30px}
  .hero{column-gap:20px}
  .hero h1{font-size:58px}
  .hero-visual{transform:scale(.9)}
}

@media (max-width:900px){
  .header{top:8px;margin:8px 14px 0;height:68px;padding-inline:14px}
  .nav.open{position:fixed;z-index:80;top:84px;left:14px;right:14px;padding:18px;background:#0d0917f7;border-color:#49396b;box-shadow:0 24px 65px #000c;backdrop-filter:blur(20px)}
  .nav.open a{padding:10px 6px;border-bottom:1px solid #2b2240}
  .nav.open a:last-child{border-bottom:0}
  .section{padding-top:85px;padding-bottom:85px}
  .hero{min-height:auto;padding-top:80px}
  .section-heading{margin-bottom:38px}
  .nexus-gallery-grid{height:auto}
  .showcase-grid{grid-template-columns:1fr}
}

@media (max-width:580px){
  html,body{max-width:100%;overflow-x:hidden}
  body{background-size:42px 42px}
  .header{height:64px;margin-inline:9px;padding:0 10px 0 12px;border-radius:12px}
  .brand-logo{width:112px;height:46px}
  .menu-toggle{padding:6px}
  .section{padding:65px 16px}
  .hero{padding-top:55px;overflow:hidden}
  .hero-badge{font-size:7px;letter-spacing:.75px;margin-bottom:18px}
  .hero h1{font-size:clamp(39px,12vw,50px);line-height:1.02;letter-spacing:-2.3px;margin-block:20px 24px}
  .hero-text{font-size:14px;line-height:1.72}
  .hero-actions{margin:28px 0 38px}
  .hero-actions .button{width:min(100%,290px)}
  .trust-row{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .trust-row div{align-items:center;text-align:center}
  .trust-row span{font-size:7px}
  .hero-visual{height:390px;transform:scale(.68);margin:-45px -95px}
  .section-heading h2,.about h2,.contact h2{font-size:38px;letter-spacing:-1.8px}
  .section-heading>p{font-size:12px}
  .strip{justify-content:flex-start;overflow-x:auto;padding-inline:20px;scrollbar-width:none}
  .strip::-webkit-scrollbar{display:none}
  .project{padding:12px;border-radius:15px}
  .mock-body{height:230px}
  .service-card{padding:25px}
  .about-card,.quote-card{padding:30px 22px}
  .statement{padding-inline:16px}
  .statement-inner{border-radius:18px}
  .contact-list a,.contact-list>div{word-break:break-word}
  .whatsapp-float{right:15px;bottom:16px}
  .strategy-float{right:75px;bottom:17px}
}

@media (max-width:380px){
  .hero h1{font-size:38px}
  .hero-visual{transform:scale(.62);margin:-60px -110px}
  .trust-row strong{font-size:16px}
  .section-heading h2,.about h2,.contact h2{font-size:34px}
}
/* Latest Android app download */
.button-outline{background:#151024;border:1px solid #7151a0;color:#eadcff;box-shadow:none}
.button-outline:hover{background:#211632;border-color:#b57aff}

@media (max-width:580px){
  .header{height:72px}
  .brand-logo{width:138px;height:58px}
  .core-logo{width:236px}
  .footer-logo{width:168px;height:78px}
}
