*{margin:0;padding:0;box-sizing:border-box}
html,body,#root{min-height:100%}
body{font-family:'Inter',-apple-system,sans-serif;background:#fff;color:#343A40;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#F8F9FA}
::-webkit-scrollbar-thumb{background:#E8EAED;border-radius:3px}
html{scroll-behavior:smooth}

/* FAQ accordion */
.faq-answer{overflow:hidden;transition:max-height 0.3s ease,opacity 0.3s ease;max-height:0;opacity:0}
.faq-answer.open{max-height:600px;opacity:1}

/* Hover states — desktop only */
@media(hover:hover){
  .nav-link-btn:hover{color:#fff!important;background:rgba(255,255,255,0.08)!important}
  .footer-link:hover{color:rgba(255,255,255,0.85)!important}
  .faq-item:hover{border-color:#86BE41!important}
  .card-hover:hover{box-shadow:0 8px 24px rgba(10,37,64,0.10);transform:translateY(-2px)}
  .btn-primary:hover{background:#9ACF5C!important}
  .btn-outline:hover{border-color:rgba(255,255,255,0.6)!important;background:rgba(255,255,255,0.06)!important}
}

.faq-tab.active{background:#0A2540!important;color:#fff!important;border-color:#0A2540!important}

/* Timeline */
.timeline-item::before{content:'';position:absolute;left:19px;top:44px;width:2px;height:calc(100% + 12px);background:#E8EAED}
.timeline-item:last-child::before{display:none}

/* Scrollable table wrapper on mobile */
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}
.table-scroll table{min-width:280px}

/* Touch-friendly tap targets */
button,a{-webkit-tap-highlight-color:transparent}

/* Mobile */
@media(max-width:768px){
  .desktop-nav{display:none!important}
  .mobile-menu-btn{display:flex!important}
  .two-col{grid-template-columns:1fr!important}
  .three-col{grid-template-columns:1fr!important}
  .four-col{grid-template-columns:1fr 1fr!important}
  .five-col{grid-template-columns:1fr 1fr!important}
  .footer-inner{flex-direction:column!important;gap:32px!important}
  .footer-links{flex-wrap:wrap!important;gap:24px!important}
  .contact-grid{grid-template-columns:1fr!important}
  .specs-grid{grid-template-columns:1fr!important}
  .form-row{flex-direction:column!important}
  .stats-bar{justify-content:space-between!important;gap:20px!important}
  .stats-bar > div{width:calc(50% - 10px)!important}
  .hero-btns{flex-direction:column!important}
  .hero-btns button{width:100%!important}
}