/* ═══════════════════════════════════════════════════════════
   WORLD FOCUS 1724CC — MOBILE RESPONSIVE STYLES
═══════════════════════════════════════════════════════════ */

/* ── Tablet (max-width 1024px) ── */
@media (max-width: 1024px) {
    .two-col{grid-template-columns:1fr;gap:32px}
    .paths-grid{grid-template-columns:1fr;gap:20px}
    .trust-grid{grid-template-columns:repeat(2,1fr);gap:20px}
    .ind-grid{grid-template-columns:repeat(2,1fr);gap:16px}
    .ft-grid{grid-template-columns:repeat(2,1fr);gap:32px}
}

/* ── Mobile (max-width 768px) ── */
@media (max-width: 768px) {
    #main-nav{display:none}
    .hamburger{display:flex}
    
    .hero{min-height:auto;padding:40px 0}
    .hero-ct{padding:60px 24px 60px 24px}
    .hero .h1{font-size:clamp(26px,6vw,40px)}
    .hero-desc{font-size:15px}
    .hero-btns{flex-direction:column;width:100%}
    .hero-btns .btn-g,.hero-btns .btn-ol{width:100%;justify-content:center}
    .hero-stats{gap:20px}
    .hstat-n{font-size:24px}
    
    .tbar-in{flex-direction:column;gap:12px}
    .ti-sep{display:none}
    
    .sec{padding:48px 0}
    .wrap{padding:0 20px}
    
    .ind-grid{grid-template-columns:1fr;gap:14px}
    .ind-card{height:240px}
    
    .trust-grid{grid-template-columns:1fr;gap:16px}
    
    .cta-in{flex-direction:column;text-align:center;gap:20px}
    .cta-btns{width:100%}
    .cta-btns .btn-dk,.cta-btns .btn-ol-dk{width:100%;justify-content:center}
    
    .ft-grid{grid-template-columns:1fr;gap:28px;padding:0 20px}
    .ft-top{padding:40px 0 32px}
    .ft-bot-in{flex-direction:column;text-align:center;gap:8px}
    
    .page-content{padding:0 4px}
    .page-content h2{font-size:22px}
    .page-content h3{font-size:18px}
    
    .pg-hero{padding:48px 20px 36px}
    .pg-hero .h1{font-size:clamp(24px,6vw,36px)}
    
    .breadcrumb{font-size:10px;flex-wrap:wrap}
    
    .floats{bottom:16px;right:12px}
    .fl-btn{width:44px;height:44px}
    
    .path-card{padding:24px}
    .process-box{padding:24px}
}

/* ── Small mobile (max-width 480px) ── */
@media (max-width: 480px) {
    .topbar{font-size:11px;padding:6px 16px}
    .topbar-left{gap:12px}
    .hero-ct{padding:48px 20px}
    .hero-stats{flex-direction:column;gap:16px;padding-top:20px}
    .wrap{padding:0 16px}
    .sec{padding:40px 0}
    .ind-card{height:200px}
    .ind-emoji{font-size:60px}
}

/* ── Print ── */
@media print {
    .topbar,header,.floats,.cta-bar,.hero-stripe,.hamburger,.mob-nav{display:none}
    body{font-size:12pt;color:#000;background:#fff}
    .sec-dark{background:#f5f5f5!important}
    .h1,.h2,.h3{color:#000!important}
}

/* ── Reduced motion ── */
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}