/* Mobile overrides matching mockup #2 */
@media (max-width: 768px){
  .nav{background:linear-gradient(180deg,rgba(12,12,14,.9),rgba(12,12,14,.6));}
  .nav-inner{padding:12px 0}
  .brand img{width:32px;height:32px}
  .brand span{font-size:16px}
  .nav-toggle{display:inline-block}
  .menu{position:absolute;top:60px;right:16px;left:16px;display:none;flex-direction:column;gap:10px;background:#0f0f12;border:1px solid rgba(255,255,255,.08);padding:12px;border-radius:12px}
  .menu a{padding:10px 12px;background:#101114;border:1px solid rgba(255,255,255,.06);border-radius:10px}
  .menu .btn.btn-primary{background:var(--blue);border:none;text-align:center}

  .hero{height:86vh}
  .hero-content p{max-width:520px}
  .hero-cta{flex-direction:column;gap:10px}
  .hero-cta .btn-ghost{display:none}

  .section{padding:56px 0}
  .cards .card{padding:16px;border-radius:16px}
  .grid{grid-template-columns:1fr 1fr;gap:12px}
  .tile img{height:160px}
  .tile figcaption{font-size:15px}

  .pricing{grid-template-columns:1fr;gap:14px}
  .price-card{padding:16px}
  .price-card.featured{outline:2px solid var(--blue);box-shadow:0 0 0 6px rgba(15,154,254,.1)}

  .about-split{grid-template-columns:1fr}
  .faq-q{font-size:16px}

  .footer-inner{flex-direction:column;gap:10px;text-align:center}
  .footer .socials{justify-content:center}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto;transition:none}
}