@font-face {
  font-family: "Nohemi";
  src: url("fonts/Nohemi-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Nohemi";
  src: url("fonts/Nohemi-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}

.othello-glass-nav {
  position: fixed !important;
  z-index: 9999 !important;
  top: 16px;
  left: 50%;
  width: min(1090px, calc(100% - 32px)) !important;
  margin: 0 !important;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.66);
  border-radius: 18px;
  background: linear-gradient(110deg,rgba(255,255,255,.73),rgba(255,255,255,.42)) !important;
  box-shadow: 0 12px 36px rgba(1,35,110,.16), inset 0 1px 0 rgba(255,255,255,.95);
  -webkit-backdrop-filter: blur(20px) saturate(155%);
  backdrop-filter: blur(20px) saturate(155%);
}

.othello-hero-title .elementor-heading-title,
.othello-proof .elementor-heading-title,
.othello-features .elementor-heading-title {
  font-family: "Nohemi", sans-serif;
  letter-spacing: -.045em;
}

.othello-hero-media img {
  display: block;
  width: 100%;
  min-height: 580px;
  object-fit: cover;
}

.othello-benefits ul {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.othello-benefits li { margin-bottom: 9px; }
.othello-metrics, .othello-footer-panel { overflow: hidden; border-radius: 10px; }
.othello-footer-panel { border: 1px solid rgba(255,255,255,.06); background: linear-gradient(100deg,#080808,#0d0d0d); }
.othello-faq .elementor-accordion-item { margin-bottom: 4px; border-radius: 6px; overflow: hidden; }

@media (max-width: 767px) {
  .othello-glass-nav { top: 8px; width: calc(100% - 20px) !important; border-radius: 13px; }
  .othello-glass-nav .elementor-column:nth-child(n+2):nth-child(-n+6) { display: none; }
  .othello-stage-tabs, .othello-hero-media { display: none; }
  .othello-hero-title br { display: none; }
}