body { margin: 0; font-family: 'Manrope', sans-serif; background: #f4f6f5; }
  a { color: #5fe8b8; text-decoration: none; }
  a:hover { color: #8ff2d0; }
  details summary { cursor: pointer; list-style: none; }
  details summary::-webkit-details-marker { display: none; }
  details summary::after { content: '+'; float: right; font-family: 'Space Grotesk', sans-serif; font-size: 20px; color: #5fe8b8; }
  details[open] summary::after { content: '–'; }
  .nav-toggle { display: none; }
  .nav-burger { display: none; flex-direction: column; justify-content: center; gap: 5px; cursor: pointer; width: 32px; height: 32px; z-index: 40; }
  .nav-burger span { display: block; width: 26px; height: 2px; background: #f4f6f5; border-radius: 2px; }
  @media (max-width: 900px) {
    .nav-bar { padding: 18px 24px !important; }
    .nav-burger { display: flex !important; }
    .nav-links {
      display: none !important;
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      flex-direction: column !important;
      align-items: stretch !important;
      background: #0e1e21;
      padding: 20px 24px 28px !important;
      gap: 18px !important;
      box-shadow: 0 24px 40px -20px rgba(0,0,0,0.45);
      z-index: 30;
    }
    .nav-toggle:checked ~ .nav-links { display: flex !important; }
    .nav-links a { text-align: center; }

    .hero-grid, .split-grid, .footer-grid, .grid-3 { grid-template-columns: 1fr !important; }
    .grid-4 { grid-template-columns: repeat(2,1fr) !important; }
    .hero-grid, .split-grid, .footer-grid, .sec-pad { padding-left: 24px !important; padding-right: 24px !important; }
    .hero-media { height: 260px !important; }
    h1 { font-size: 32px !important; line-height: 1.25 !important; }
    h2 { font-size: 26px !important; }
  }
  @media (max-width: 600px) {
    .grid-4 { grid-template-columns: 1fr !important; }
  }