@media (max-width: 900px) {
  body nav.open .n-mid {
    display: flex; flex-direction: column; align-items: stretch;
    gap: 4px; top: 100%; left: 0; right: 0; margin: 0;
    padding: 12px 20px 20px; list-style: none; background: #fff;
    border-bottom: 1px solid #d8e8e2;
    box-shadow: 0 16px 28px rgba(1,60,66,.1);
    max-height: calc(100dvh - 140px); overflow-y: auto;
  }
  body nav.open .n-mid li { width: 100%; margin: 0; }
  body nav.open .n-mid a {
    display: flex; align-items: center; width: 100%; min-height: 48px;
    box-sizing: border-box; padding: 12px 14px; border: 0;
    border-radius: 9px; color: #013c42; font-size: 16px;
    font-weight: 600; line-height: 1.5; text-align: left;
    text-decoration: none; transition: background .15s, color .15s;
  }
  body nav.open .n-mid a:hover,
  body nav.open .n-mid a:focus-visible {
    background: #edf8f2; color: #013c42;
  }
  body nav.open .n-mid a:focus-visible { outline: 2px solid #64c99a; outline-offset: -2px; }
  body nav .ham {
    width: 44px; height: 44px; align-items: center; justify-content: center;
    flex-shrink: 0; border-radius: 9px; gap: 4px;
  }
  body nav .ham:hover, body nav.open .ham { background: #edf8f2; }
  body nav .ham s { transition: transform .15s, opacity .15s; }
  body nav.open .ham s:first-child { transform: translateY(5.5px) rotate(45deg); }
  body nav.open .ham s:nth-child(2) { opacity: 0; }
  body nav.open .ham s:last-child { transform: translateY(-5.5px) rotate(-45deg); }
}
@media (max-width: 767px) {
  body h1, body h2, body h3, body h4, body p,
  body .hero-text, body .phero-in, body .sec-head, body .why-head {
    text-align: left !important;
  }
  body .hero-text { align-items: flex-start; position: relative; z-index: 2; }
  body .hero-img { isolation: isolate; }
  body .hero { padding-bottom: 0; }
  body :is(.crs-in, .why-in, .cmp-in, .ins-in, .values-in, .work-in) { padding-left: 0; padding-right: 0; }
  body .team-legacy-head { padding-top: 0; padding-bottom: 28px; }
  body .legal-document a, body .article-content a { overflow-wrap: anywhere !important; }
  body .legal-document h1 { font-size: 30px !important; overflow-wrap: normal !important; }
  body .sustify-article { padding-top: 48px; padding-bottom: 48px; }
  body .sustify-article h1 { font-size: 30px !important; line-height: 1.2; overflow-wrap: normal !important; }
  body .article-content h2 { font-size: 24px !important; }
  body .article-content h3 { font-size: 21px !important; }
  body .client-logos { padding-bottom: 16px; }
  body .client-logos + .ed { padding-top: 24px; }
  body .hero-deco-1 { top: 12px; }
  body .hero-p, body .hero-perks, body .sec-sub {
    margin-left: 0; margin-right: 0;
  }
  body .hero-perks { max-width: none; }
  body .hero-btns, body .hero-trust { justify-content: flex-start; text-align: left; }
  body .hero-btns .btn { justify-content: center; text-align: center; }
  body .ed-actions { width: 100%; }
  body .ed-actions .btn { width: 100%; box-sizing: border-box; justify-content: center; text-align: center; }
  body :is(.ed, .feat, .vid, .std, .industry, .tst, .lng,
    .story, .mv, .values, .team-legacy, .courses, .why, .cmp,
    .ov, .other, .faq, .ins, .phero, .legal-page) {
    padding-top: 48px; padding-bottom: 48px;
  }
  body #contact.cta { padding-top: 48px; padding-bottom: 48px; }
  body :is(.sec-h, .why-head, .lib-h) { margin-bottom: 28px; }
  body .ft-bot { align-items: flex-start; text-align: left; }
}

.hero .ani{animation:none!important;opacity:1!important;transform:none!important}