nav,
nav#nav {
  height: 72px !important;
  padding: 0 4rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: rgba(10, 13, 15, 0.92) !important;
  border-bottom: 1px solid var(--border) !important;
}

.nav-logo,
.nlg {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 72px !important;
}

.nav-logo-mark,
.nlgm {
  width: 153px !important;
  height: 51px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 153px !important;
}

.nav-logo-mark img,
.nlgm img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.nav-links,
.nls {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  list-style: none !important;
  min-height: 72px !important;
}

.nav-links a,
.nls a {
  display: flex !important;
  align-items: center !important;
  height: 36px !important;
  padding: 0 1.1rem !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.nav-links a::after,
.nls a::after {
  left: 1.1rem !important;
  right: 1.1rem !important;
}

.nav-cta,
.nc {
  height: 36px !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (hover: none), (pointer: coarse) {
  .cursor,
  .cursor-ring {
    display: none !important;
  }

  .mod:hover,
  .app-panel:hover,
  .tech-card:hover,
  .ti:hover,
  .paper:hover,
  .btn-primary:hover,
  .btn:hover,
  .detail-btn:hover,
  .fsub:hover {
    transform: none !important;
  }

  .mod:hover .mod-media img,
  .paper:hover .paper-img,
  .btn-primary:hover svg {
    transform: none !important;
  }
}

@media (max-width: 900px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
  }

  body {
    font-size: 15px;
    line-height: 1.7;
  }

  body > * {
    max-width: 100vw;
  }

  section,
  header,
  footer,
  main,
  nav,
  article,
  aside {
    max-width: 100vw;
  }

  nav {
    height: 64px !important;
    padding: 0 18px !important;
    z-index: 100;
  }

  .nav-links,
  .nls {
    display: none !important;
  }

  .nav-logo-mark,
  .nlgm {
    width: 126px !important;
    height: 42px !important;
  }

  .nav-logo-text,
  .nlgt {
    display: none !important;
  }

  .section-inner,
  .footer-inner,
  .si,
  .fi,
  .ph,
  .hero-left,
  .contact-left,
  .contact-right {
    padding-left: 18px !important;
    padding-right: 18px !important;
    max-width: 100vw !important;
  }

  .ph {
    padding-top: 118px !important;
    padding-bottom: 52px !important;
  }

  .hero-left {
    padding-top: 104px !important;
    padding-bottom: 48px !important;
  }

  .hero,
  .contact-wrap {
    min-height: auto !important;
  }

  .hero-right {
    height: 58vw !important;
    min-height: 220px;
  }

  .hs {
    height: 260px !important;
  }

  h1,
  h2,
  h3,
  p,
  li,
  a,
  button,
  span {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .hero-title,
  h1.ht,
  h1.pht,
  h1.ct {
    font-size: clamp(38px, 13vw, 56px) !important;
    line-height: 1.02 !important;
    letter-spacing: 0.01em !important;
  }

  .about-heading,
  .tech-heading,
  .app-heading,
  .contact-heading,
  h2.chh,
  h2.csh,
  h2.psh,
  h2.exp-h,
  h2.team-h,
  h2.collab-h,
  h2.ctab-h,
  .form-title {
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.08 !important;
  }

  .hero-subtitle,
  .hs-txt,
  .phs,
  .c-sub,
  .founder-title {
    font-size: 17px !important;
    line-height: 1.65 !important;
  }

  .about-section,
  .tech-section,
  .app-section,
  .contact-section,
  .core,
  .aw,
  .cs,
  .ps,
  .papers-section,
  .origin,
  .exp,
  .teamsec,
  .collab,
  .ctab {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .about-grid,
  .tech-top,
  .app-layout,
  .contact-layout,
  .ch,
  .ai,
  .og-grid,
  .team-grid,
  .founder-card,
  .founder-grid,
  .adv-grid,
  .ctab-in,
  .modal-content {
    gap: 28px !important;
    min-width: 0;
    width: 100%;
  }

  .ai,
  .app-layout,
  .mods,
  .mod,
  .mod-body,
  .app-showcase,
  .papers-list {
    overflow-x: hidden;
  }

  .aw .si,
  .aw .ai,
  .aw .mods {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .aw .anv {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }

  .aw .mods {
    margin-top: 24px;
  }

  .aw .mod {
    margin: 0 0 22px !important;
    overflow: hidden !important;
    contain: layout paint;
  }

  .aw .mod-body,
  .aw .mini,
  .aw .mini > div,
  .aw .mod-actions {
    width: 100% !important;
    max-width: 100% !important;
  }

  .app-sticky,
  .anv {
    position: static !important;
  }

  .anv {
    margin-bottom: 6px;
  }

  .anv-l {
    display: flex !important;
    flex-direction: row !important;
    gap: 8px !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .anv-l::-webkit-scrollbar {
    display: none;
  }

  .anv-l li {
    flex: 0 0 auto;
  }

  .anv-l a {
    max-width: 68vw;
    border-left: 0 !important;
    border: 1px solid var(--border) !important;
    border-radius: 4px;
    padding: 9px 12px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .aw .mod-lbl,
  .aw .mod-t,
  .aw .mod-p,
  .aw .mini h3,
  .aw .mini li,
  .aw .mod-count {
    display: block;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .aw .mod-t {
    text-wrap: balance;
  }

  .mods,
  .tech-cards,
  .tg,
  .papers-list,
  .gallery {
    min-width: 0;
    width: 100%;
  }

  .mods,
  .tech-cards,
  .tg {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .mod,
  .app-panel,
  .tech-card,
  .ti,
  .paper,
  .founder-card,
  .team-panel,
  .adv-card {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }

  .mod *,
  .app-panel *,
  .tech-card *,
  .ti *,
  .paper *,
  .modal-panel * {
    min-width: 0;
  }

  .mod-body,
  .app-panel-body,
  .paper-body,
  .tech-card,
  .ti,
  .team-panel,
  .adv-card {
    padding: 22px 18px !important;
  }

  .mod-media,
  .app-panel-img {
    height: 190px !important;
  }

  .mod-media img,
  .app-panel-img,
  .paper-img,
  .gallery img,
  .hs img,
  .hero-img {
    display: block;
    max-width: 100%;
  }

  h2.mod-t,
  .app-panel-title,
  h2.paper-title,
  h3.ti-t,
  h3.ep-t,
  h3.founder-name,
  .team-panel h3,
  .adv-card h4 {
    font-family: var(--ffb), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: clamp(22px, 6.4vw, 30px) !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
    word-break: normal;
    overflow-wrap: anywhere;
  }

  .mod-p,
  .app-panel-text,
  .paper-abstract,
  .ti-p,
  .ep-p,
  .founder-quote,
  .founder-item p,
  .team-panel p,
  .adv-card p,
  .contact-text,
  .about-text,
  .ci {
    font-size: 14px !important;
    line-height: 1.8 !important;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .mini,
  .mini ul,
  .mini li,
  .deliverables,
  .deliverables ul,
  .deliverables li {
    min-width: 0;
    max-width: 100%;
    white-space: normal !important;
    word-break: break-word;
    overflow-wrap: anywhere;
  }

  .mod-actions,
  .hero-actions,
  .paper-actions {
    align-items: stretch !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .btn-primary,
  .btn,
  .fsub,
  .detail-btn,
  .btn-dl,
  .btn-pdf {
    justify-content: center;
    width: 100%;
    max-width: 100%;
    min-height: 44px;
    white-space: normal !important;
    text-align: center;
  }

  .modal {
    align-items: flex-start !important;
    padding: 76px 10px 10px !important;
  }

  .modal-panel {
    max-height: calc(100dvh - 86px) !important;
    width: 100% !important;
  }

  .modal-head {
    padding: 16px !important;
  }

  .modal-title {
    font-size: 28px !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  .close-btn {
    flex: 0 0 42px;
    width: 42px !important;
    height: 42px !important;
  }

  .gallery,
  .cg,
  .pg,
  .stats-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  .cc,
  .pc {
    min-height: 82px;
    padding: 18px 12px !important;
  }
}

@media (max-width: 560px) {
  .section-inner,
  .footer-inner,
  .si,
  .fi,
  .ph,
  .hero-left,
  .contact-left,
  .contact-right {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: 100vw !important;
  }

  .hero-eyebrow,
  .hero-ey,
  .ph-ey,
  .c-ey,
  .section-label,
  .sl {
    gap: 10px !important;
  }

  .hero-eyebrow-line,
  .hero-ey-line,
  .ph-ey-line,
  .c-ey-line,
  .section-label-line,
  .sl-line {
    width: 26px !important;
  }

  .stats-grid,
  .gallery,
  .cg,
  .pg {
    grid-template-columns: 1fr !important;
  }

  .founder-media {
    min-height: 420px !important;
    padding: 12px !important;
  }

  .founder-photo-stack {
    gap: 8px !important;
  }

  .founder-badge {
    left: 24px !important;
    right: 24px !important;
    bottom: 24px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  .footer-links,
  .flinks {
    gap: 14px 18px !important;
  }
}