html, body { margin: 0; padding: 0; background: #FFFFFF; }
  html { scroll-behavior: smooth; }
  body { font-family: "Instrument Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #0A0D16; -webkit-font-smoothing: antialiased; letter-spacing: -0.01em; }
  a { color: #0666FF; text-decoration: none; }
  a:hover { color: #0A1230; }
  * { box-sizing: border-box; }

  @media (max-width: 900px) {
    .m-root { min-width: 0 !important; }
    .m-nav { padding: 0 20px !important; height: 58px !important; gap: 14px !important; }
    .m-navlogo { height: 22px !important; }
    .m-navcta-desktop { display: none !important; }
    .m-navright { display: flex !important; }
    .m-navlinks { display: none !important; }
    .m-navcta { font-size: 13.5px !important; padding: 10px 18px !important; white-space: nowrap !important; }
    .m-burger { display: flex !important; }
    .m-menu { display: block !important; }
    .m-modal { padding: 26px !important; }
    .m-modalgrid { grid-template-columns: 1fr !important; }
    .m-foot { grid-template-columns: 1fr 1fr !important; gap: 34px 24px !important; padding: 60px 22px 40px !important; }
    .m-foot > div:first-child { grid-column: 1 / -1 !important; }
    .m-footbar { flex-direction: column !important; gap: 10px !important; padding: 20px 22px !important; font-size: 12px !important; line-height: 1.5 !important; }
  }
  @media (max-width: 900px) {
    .m-sec { padding: 86px 22px 0 !important; }
    .m-h1 { font-size: clamp(31px, 8.4vw, 46px) !important; margin-top: 24px !important; }
    .m-2colside { grid-template-columns: 1fr !important; gap: 26px !important; padding: 34px 22px 84px !important; }
    .m-index { position: static !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 10px 16px !important; border-left: none !important; border-top: 1px solid rgba(10,18,48,0.1) !important; padding: 18px 0 0 !important; }
    .m-h2s { font-size: 24px !important; line-height: 1.2 !important; }
    .m-kv { grid-template-columns: 1fr !important; gap: 4px 0 !important; }
    .m-table { grid-template-columns: 1fr !important; }
    .m-table > div { padding: 12px 16px !important; }
    .m-pcard { padding: 20px 18px !important; }
  }
  @media (max-width: 520px) { .m-foot { grid-template-columns: 1fr !important; } }