@media (max-width: 860px){
  .nav{flex-wrap:wrap;gap:14px;padding:14px 0}
  .brand{flex:1 1 auto;min-width:0}
  .brand-mark-wrap{width:70px;height:70px;border-radius:20px}
  .brand-mark{width:44px;height:44px}
  .brand-name{font-size:1.22rem}
  .brand-tagline{font-size:.70rem;white-space:normal;line-height:1.3;letter-spacing:.12em}
  .nav-toggle{display:inline-grid;place-items:center;margin-left:auto}
  .nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;padding:8px 0 4px}
  .nav-links.open{display:flex}
  .nav-links a{width:100%;text-align:left;padding:14px 16px;border-radius:16px}
  .hero-grid{padding:38px 0 46px;gap:20px}
  .hero-copy{padding:24px}
  .hero-copy h1{font-size:2.05rem;line-height:1.08}.page-hero h1{font-size:1.85rem;line-height:1.16;letter-spacing:-.02em}
  .hero-slider{min-height:340px}
  .hero-slider-overlay{left:12px;right:12px;bottom:12px;padding:18px}
  .hero-slider-overlay h3{font-size:1.28rem}
  .form-grid{grid-template-columns:1fr}
  .trust-strip{grid-template-columns:1fr}
  .footer{padding-bottom:108px}
  .floating-call,.floating-whatsapp{right:16px;padding:14px 18px}
  .floating-call{bottom:96px}
  .floating-whatsapp{bottom:28px}
}
@media (max-width: 560px){
  .container{width:min(100% - 24px, 1180px)}
  .topbar .container{width:min(100% - 20px, 1180px)}
  .hero-copy h1{font-size:1.85rem}.page-hero h1{font-size:1.62rem;line-height:1.18}
  .section{padding:56px 0}
  .content-card,.nav-card,.package-card,.booking-card,.contact-card,.contact-detail-card,.contact-form-card,.payment-form-card,.payment-help-card,.leader-card,.leader-side-panel,.founder-note-card,.invest-card,.accordion-card,.spotlight-card{padding:22px}
  .sub-showcase-copy{padding:20px}
  .hero-slider{min-height:300px}
}

@media (max-width:860px){
  .page-hero .container.narrow{padding:48px 0}
  .page-hero p{font-size:.98rem;line-height:1.62}
  .section-title h2{font-size:1.72rem;line-height:1.18}
  .content-card h2{font-size:1.32rem}
  .nav-card h3,.package-card h3,.booking-card h3,.spotlight-card h3,.contact-card h3,.contact-detail-card h3,.sub-showcase-copy h3,.sub-card h3{font-size:1.16rem}
}
@media (max-width:560px){
  .page-hero .container.narrow{padding:40px 0}
  .page-hero h1{max-width:100%}
  .section-title h2{font-size:1.58rem}
}


/* Premium mobile refinement */
@media(max-width:860px){
  .container{width:min(100% - 28px,1200px)}
  .topbar .container{width:min(100% - 22px,1200px)}
  .nav{padding:10px 0 8px;gap:10px}
  .brand{gap:11px;max-width:calc(100% - 58px)}
  .brand-mark-wrap{width:58px;height:58px;border-radius:15px}
  .brand-mark{width:48px;height:48px}
  .brand-name{font-size:1.12rem;line-height:1.05;letter-spacing:.045em}
  .brand-tagline{font-size:.58rem;line-height:1.25;letter-spacing:.10em}
  .nav-toggle{width:44px;height:44px;border-radius:12px}
  .nav-links{gap:5px;padding:8px 0 10px}
  .nav-links a{padding:11px 13px;border-radius:11px;font-size:.90rem;background:rgba(255,255,255,.035)}
  .hero-grid{padding:40px 0 48px}
  .hero-copy{padding:26px;border-radius:20px}
  .hero-copy h1{font-size:2rem;line-height:1.08}
  .page-hero .container,.page-hero .container.narrow{padding-top:44px;padding-bottom:44px}
  .page-hero h1{font-size:1.75rem;line-height:1.17}
  .page-hero p{font-size:.97rem;line-height:1.66}
  .section{padding:58px 0}
  .section-first{padding-top:54px}
  .section-title{margin-bottom:26px}
  .section-title h2{font-size:1.58rem;line-height:1.2}
  .content-card,.nav-card,.package-card,.booking-card,.contact-card,.contact-detail-card,.contact-form-card,.payment-form-card,.payment-help-card,.leader-card,.leader-side-panel,.founder-note-card,.invest-card,.accordion-card,.spotlight-card,.job-public-card{padding:23px}
  .hero-slider,.refined-slider-shell{min-height:350px}
  .hero-slider-overlay{left:10px;right:10px;bottom:10px;padding:15px 16px}
  .hero-slider-overlay h3{font-size:1.14rem}
  .hero-slider-overlay p{font-size:.86rem}
  .sub-showcase-card{grid-template-columns:1fr;min-height:0}
  .sub-showcase-visual{min-height:210px}
  .sub-showcase-copy{padding:22px}
  .jobs-public-grid{grid-template-columns:1fr}
  .floating-call,.floating-whatsapp{right:10px;min-width:86px;min-height:46px;border-radius:14px;padding:0 13px}
}
@media(max-width:560px){
  .container{width:min(100% - 22px,1200px)}
  .brand-copy{max-width:225px}
  .brand-name{font-size:1rem}
  .brand-tagline{font-size:.53rem}
  .hero-copy h1{font-size:1.76rem}
  .page-hero h1{font-size:1.55rem}
  .section-title h2{font-size:1.46rem}
  .hero-slider,.refined-slider-shell{min-height:315px}
  .security-fleet-slide{background-size:contain!important}
}