/* Narrow-screen refinements for the RobotLens landing page. */
@media (max-width: 900px) {
  .site-header { padding:0 20px; }
  .menu-toggle { right:76px; z-index:4; min-height:42px; padding:0 8px; }
  .header-actions { margin-left:auto; }
  .site-header nav { top:62px; right:16px; z-index:5; }
  .hero { padding-left:28px; padding-right:28px; }
  .proof-bar,.split-section,.capabilities,.roadmap,footer { margin-left:28px; margin-right:28px; }
  .workflow { padding-left:28px; padding-right:28px; }
  .contact-section { margin-left:28px; margin-right:28px; }
}

@media (max-width: 600px) {
  .announcement { height:auto; min-height:40px; padding:6px 10px; line-height:1.3; }
  .announcement a { text-align:right; }
  .site-header { min-height:66px; }
  .menu-toggle { right:66px; }
  .hero { padding:45px 20px 58px; }
  .hero h1 { font-size:clamp(44px,13vw,54px); }
  .hero-text { margin-bottom:25px; }
  .hero-window { margin-top:2px; }
  .proof-bar,.split-section,.capabilities,.roadmap,footer { margin-left:20px; margin-right:20px; }
  .proof-bar div { gap:9px 16px; }
  .proof-bar span { font-size:12px; }
  .workflow { padding-left:20px; padding-right:20px; }
  .workflow-grid { gap:8px; }
  .capability-card { min-height:0; }
  .capability-card.wide { min-height:0; }
  .contact-section { margin-left:20px; margin-right:20px; }
  .contact-section h2 { font-size:clamp(36px,11vw,48px); }
  .contact-email { min-height:58px; }
  footer .footer-main { flex-wrap:wrap; }
  footer .footer-links { width:100%; justify-content:space-between; }
}