@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap");

:root {
  --mpt-bg: #050816;
  --mpt-bg-top: #09111f;
  --mpt-surface: rgba(12, 18, 33, 0.82);
  --mpt-surface-strong: rgba(15, 24, 42, 0.94);
  --mpt-surface-soft: rgba(20, 32, 56, 0.76);
  --mpt-text: #f6f8fc;
  --mpt-muted: #9aa9c2;
  --mpt-muted-strong: #d2dbeb;
  --mpt-line: rgba(161, 176, 203, 0.18);
  --mpt-line-strong: rgba(161, 176, 203, 0.3);
  --mpt-primary: #f3ba72;
  --mpt-primary-strong: #dd842f;
  --mpt-secondary: #8bb6ff;
  --mpt-secondary-strong: #4e7fe1;
  --mpt-shadow: 0 24px 64px rgba(0, 0, 0, 0.34);
}

html {
  scroll-behavior: smooth;
}

body.u-body {
  color: var(--mpt-text) !important;
  font-family: "Manrope", "Segoe UI", sans-serif !important;
  background:
    radial-gradient(circle at top left, rgba(139, 182, 255, 0.14), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(243, 186, 114, 0.12), transparent 20%),
    linear-gradient(180deg, #03050d 0%, var(--mpt-bg-top) 28%, var(--mpt-bg) 100%) !important;
}

body.u-body::before,
body.u-body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body.u-body::before {
  background:
    linear-gradient(rgba(255, 255, 255, 0.014), rgba(255, 255, 255, 0.014)),
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.04), transparent 22%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.66), transparent 78%);
  opacity: 0.95;
}

body.u-body::after {
  background:
    radial-gradient(circle at 50% 0%, rgba(78, 127, 225, 0.08), transparent 32%),
    radial-gradient(circle at 10% 80%, rgba(243, 186, 114, 0.06), transparent 22%);
  opacity: 0.85;
}

body.u-body .u-body,
body.u-body .u-text,
body.u-body p,
body.u-body li,
body.u-body label,
body.u-body .u-form-send-message,
body.u-body .u-post-content {
  color: var(--mpt-muted-strong) !important;
  font-family: "Manrope", "Segoe UI", sans-serif !important;
}

body.u-body h1,
body.u-body h2,
body.u-body h3,
body.u-body h4,
body.u-body h5,
body.u-body h6,
body.u-body strong,
body.u-body .u-post-header-link {
  color: var(--mpt-text) !important;
  font-family: "Sora", "Segoe UI", sans-serif !important;
  letter-spacing: -0.02em;
}

body.u-body a {
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.2s ease;
}

.container {
  width: min(calc(100% - 32px), 1180px);
  margin-inline: auto;
}

body.u-body [class*="u-section-"] {
  background: transparent !important;
  background-image: none !important;
}

body.u-body [class*="u-section-"] > .u-sheet,
body.u-body [class*="u-section-"] > .u-sheet-1,
body.u-body [class*="u-section-"] > .u-sheet-2 {
  position: relative;
  z-index: 1;
}

body.u-body [class*="u-section-"] .u-layout-cell,
body.u-body [class*="u-section-"] .u-group,
body.u-body [class*="u-section-"] .u-list-item,
body.u-body [class*="u-section-"] .u-repeater-item,
body.u-body [class*="u-section-"] .u-accordion-pane,
body.u-body [class*="u-section-"] .u-tab-pane,
body.u-body [class*="u-section-"] .u-blog-post,
body.u-body [class*="u-section-"] .u-form,
body.u-body [class*="u-section-"] .u-map,
body.u-body [class*="u-section-"] .u-gallery-item,
body.u-body [class*="u-section-"] .u-table,
body.u-body [class*="u-section-"] .u-product,
body.u-body [class*="u-section-"] .u-search-results {
  background: linear-gradient(180deg, rgba(15, 24, 42, 0.94), rgba(8, 14, 27, 0.98)) !important;
  border: 1px solid var(--mpt-line) !important;
  border-radius: 24px !important;
  box-shadow: var(--mpt-shadow) !important;
}

body.u-body [class*="u-section-"] .u-layout-wrap,
body.u-body [class*="u-section-"] .u-tabs,
body.u-body [class*="u-section-"] .u-accordion {
  position: relative;
  z-index: 1;
}

body.u-body [class*="u-section-"] .u-layout-cell,
body.u-body [class*="u-section-"] .u-group,
body.u-body [class*="u-section-"] .u-list-item,
body.u-body [class*="u-section-"] .u-repeater-item,
body.u-body [class*="u-section-"] .u-accordion-pane,
body.u-body [class*="u-section-"] .u-tab-pane,
body.u-body [class*="u-section-"] .u-blog-post {
  overflow: hidden;
}

body.u-body [class*="u-section-"] .u-image:not(.u-logo-image),
body.u-body [class*="u-section-"] .embed-responsive-item {
  border-radius: 22px !important;
}

body.u-body .u-header {
  position: sticky !important;
  top: 0;
  z-index: 25 !important;
  background: rgba(5, 8, 22, 0.76) !important;
  border-bottom: 1px solid var(--mpt-line) !important;
  backdrop-filter: blur(18px);
}

body.u-body .u-header .u-sheet-1 {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
  min-height: auto !important;
  padding-top: 18px;
  padding-bottom: 18px;
}

body.u-body .u-header .u-image-1 {
  order: 1;
  width: clamp(180px, 26vw, 320px) !important;
  height: auto !important;
  margin: 0 !important;
}

body.u-body .u-header .u-menu-1 {
  order: 2;
  margin: 0 0 0 auto !important;
}

body.u-body .u-header .u-search-1 {
  order: 3;
  width: min(320px, 100%) !important;
  margin: 0 !important;
}

body.u-body .u-header .u-nav-link,
body.u-body .u-header .u-popupmenu-items .u-nav-link {
  color: var(--mpt-muted) !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  padding: 12px 16px !important;
}

body.u-body .u-header .u-nav-link:hover,
body.u-body .u-header .u-nav-link:focus,
body.u-body .u-header .u-nav-link.u-text-active-palette-1-base,
body.u-body .u-header .u-popupmenu-items .u-nav-link:hover {
  color: var(--mpt-text) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

body.u-body .u-header .u-hamburger-link,
body.u-body .u-header .u-menu-close,
body.u-body .u-header .u-svg-content {
  color: var(--mpt-text) !important;
  fill: var(--mpt-text) !important;
}

body.u-body .u-header .u-sidenav,
body.u-body .u-header .u-menu-overlay {
  background: rgba(4, 7, 13, 0.95) !important;
}

body.u-body .u-search {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--mpt-line) !important;
  border-radius: 18px !important;
}

body.u-body .u-search-input {
  color: var(--mpt-text) !important;
  background: transparent !important;
}

body.u-body .u-search-input::placeholder {
  color: var(--mpt-muted) !important;
}

body.u-body .u-search-icon,
body.u-body .u-search-icon .u-svg-content {
  color: var(--mpt-muted-strong) !important;
  fill: var(--mpt-muted-strong) !important;
}

body.u-body .u-tab-list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  background: transparent !important;
}

body.u-body .u-tab-link {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--mpt-line) !important;
  border-radius: 18px !important;
  color: var(--mpt-muted-strong) !important;
  box-shadow: none !important;
}

body.u-body .u-accordion-link {
  background: linear-gradient(180deg, rgba(16, 24, 41, 0.94), rgba(9, 15, 27, 0.98)) !important;
  border-color: rgba(139, 182, 255, 0.14) !important;
  color: var(--mpt-text) !important;
}

body.u-body .u-accordion-link .u-svg-content,
body.u-body .u-accordion-link .u-icon,
body.u-body .u-accordion-link-icon {
  fill: #d8e6ff !important;
  color: #d8e6ff !important;
}

body.u-body .u-tab-link.active,
body.u-body .u-tab-link[aria-selected="true"] {
  color: #241201 !important;
  background: linear-gradient(135deg, var(--mpt-primary), var(--mpt-primary-strong)) !important;
  border-color: transparent !important;
}

body.u-body .u-accordion-link[aria-selected="true"],
body.u-body .u-accordion-link:hover {
  color: var(--mpt-text) !important;
  background: linear-gradient(135deg, rgba(31, 47, 79, 0.98), rgba(18, 30, 52, 0.98)) !important;
  border-color: rgba(139, 182, 255, 0.28) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 12px 26px rgba(0, 0, 0, 0.2) !important;
}

body.u-body .u-accordion-link[aria-selected="true"] .u-svg-content,
body.u-body .u-accordion-link:hover .u-svg-content,
body.u-body .u-accordion-link[aria-selected="true"] .u-icon,
body.u-body .u-accordion-link:hover .u-icon,
body.u-body .u-accordion-link[aria-selected="true"] .u-accordion-link-icon,
body.u-body .u-accordion-link:hover .u-accordion-link-icon {
  fill: #f3f7ff !important;
  color: #f3f7ff !important;
}

body.u-body .u-btn,
body.u-body .u-btn:visited {
  color: var(--mpt-text) !important;
  background: rgba(255, 255, 255, 0.03) !important;
  background-image: none !important;
  border: 1px solid var(--mpt-line-strong) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  font-family: "Manrope", "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
}

body.u-body .u-gradient,
body.u-body .u-btn.u-custom-color-1,
body.u-body .u-btn.u-custom-color-3,
body.u-body .u-btn.u-palette-2-base,
body.u-body .u-btn.u-active-palette-2-base,
body.u-body .u-btn-submit {
  color: #241201 !important;
  background: linear-gradient(135deg, var(--mpt-primary), var(--mpt-primary-strong)) !important;
  border-color: transparent !important;
  box-shadow: 0 16px 32px rgba(221, 132, 47, 0.24) !important;
}

body.u-body .u-btn:hover,
body.u-body .u-btn:focus {
  color: var(--mpt-bg) !important;
  background: linear-gradient(135deg, #f7c98b, var(--mpt-primary)) !important;
  border-color: transparent !important;
  box-shadow: 0 16px 32px rgba(221, 132, 47, 0.24) !important;
  transform: translateY(-1px);
}

body.u-body a.u-file-link.u-btn:hover,
body.u-body a.u-file-link.u-btn:focus-visible {
  color: #db5153 !important;
  background: linear-gradient(180deg, rgba(27, 39, 61, 0.98), rgba(18, 27, 42, 1)) !important;
  border-color: rgba(243, 186, 114, 0.2) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    inset 0 -1px 0 rgba(6, 10, 18, 0.22),
    0 16px 28px rgba(0, 0, 0, 0.24) !important;
}

body.u-body .u-input,
body.u-body textarea.u-input,
body.u-body input.u-input,
body.u-body select.u-input {
  color: var(--mpt-text) !important;
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid var(--mpt-line) !important;
  border-radius: 16px !important;
}

body.u-body .u-form .u-label {
  color: var(--mpt-muted) !important;
}

body.u-body .u-form-send-success,
body.u-body .u-form-send-error {
  border-radius: 16px !important;
  border: 1px solid var(--mpt-line) !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

body.u-body .u-icon,
body.u-body .u-social-icon {
  color: var(--mpt-secondary) !important;
}

body.u-body .u-file-icon img,
body.u-body .u-social-icon svg {
  border-radius: 999px;
}

body.u-body .u-map {
  overflow: hidden;
}

body.u-body .u-blog-post .u-post-header-link,
body.u-body .u-text a,
body.u-body .u-post-content a {
  color: #dce7ff !important;
}

body.u-body .u-blog-post .u-post-header-link:hover,
body.u-body .u-text a:hover,
body.u-body .u-post-content a:hover {
  color: var(--mpt-primary) !important;
}

body.u-body .u-footer {
  background: transparent !important;
}

body.u-body .u-footer .u-sheet-1 {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  min-height: auto !important;
  padding: 20px 24px;
  border: 1px solid var(--mpt-line) !important;
  border-radius: 24px !important;
  background: rgba(7, 11, 21, 0.82) !important;
}

body.u-body .u-footer .u-image-1,
body.u-body .u-footer .u-logo-image-1 {
  width: auto;
  max-width: 120px;
  height: auto !important;
  margin: 0 !important;
}

body.u-body .u-footer .u-text-1 {
  margin: 0 !important;
}

body.u-body .u-footer .u-social-icons-1 {
  margin: 0 !important;
}

body.u-body .u-footer .u-social-icon {
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.site-footer {
  padding: 14px 0 30px;
}

.site-footer .footer-shell {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px 28px;
  padding: 20px 24px;
  border: 1px solid var(--mpt-line) !important;
  border-radius: 24px;
  background: rgba(7, 11, 21, 0.82);
}

.site-footer .footer-brand {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.site-footer .footer-brand img {
  width: min(220px, 100%);
  display: block;
}

.site-footer p {
  margin: 0;
  color: var(--mpt-muted);
  text-align: center;
}

.site-footer .footer-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.site-footer .footer-nav a {
  padding: 12px 16px;
  border-radius: 999px;
  color: var(--mpt-muted);
  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    transform 0.2s ease,
    border-color 0.2s ease;
}

.site-footer .footer-nav a:hover,
.site-footer .footer-nav a:focus-visible {
  color: var(--mpt-text);
  background: rgba(255, 255, 255, 0.05);
  transform: none;
}

body.u-body a:focus-visible,
body.u-body button:focus-visible,
body.u-body input:focus-visible,
body.u-body textarea:focus-visible,
body.u-body .u-btn:focus-visible {
  outline: 2px solid rgba(139, 182, 255, 0.75) !important;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  body.u-body .u-header .u-sheet-1 {
    justify-content: center;
  }

  body.u-body .u-header .u-menu-1,
  body.u-body .u-header .u-search-1 {
    width: 100% !important;
    margin: 0 !important;
  }

  body.u-body .u-header .u-menu-1 {
    order: 3;
  }

  body.u-body .u-header .u-search-1 {
    order: 2;
  }

  body.u-body .u-header .u-image-1 {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.u-body .u-footer .u-sheet-1 {
    padding: 20px;
  }

  .site-footer .footer-shell {
    flex-direction: column;
    align-items: stretch;
  }

  .site-footer .footer-nav {
    justify-content: center;
  }

  .site-footer .footer-nav a {
    flex: 1 1 160px;
    text-align: center;
  }
}

@media (min-width: 701px) and (max-width: 991px) {
  .site-footer .footer-shell {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .site-footer .footer-brand {
    flex: 0 0 auto;
    align-self: center;
  }

  .site-footer .footer-brand img {
    width: min(220px, 100%);
    margin-inline: 0;
  }

  .site-footer p {
    flex: 0 1 auto;
  }

  .site-footer .footer-nav {
    justify-content: flex-end;
  }

  .site-footer .footer-nav a {
    flex: 0 0 auto;
    width: auto;
  }
}

@media (max-width: 767px) {
  body.u-body .u-header {
    position: static !important;
  }

  body.u-body .u-header .u-search-1,
  body.u-body .u-header .u-nav-container,
  body.u-body .u-header .u-nav-container-collapse,
  body.u-body .u-btn,
  body.u-body .u-tab-link {
    width: 100% !important;
  }

  body.u-body .u-tab-list {
    display: grid !important;
    grid-template-columns: 1fr;
  }

  body.u-body .u-footer .u-sheet-1 {
    justify-content: center;
    text-align: center;
  }

  .site-footer .footer-shell {
    padding-block: 16px;
  }

  .site-footer .footer-brand img {
    width: min(100%, 250px);
    margin-inline: auto;
  }

  .site-footer .footer-nav {
    gap: 12px 18px;
  }

  .site-footer .footer-nav a {
    width: 100%;
  }
}

/* Internal pages only: logo left, nav center/right, search compact on the right.
   The homepage uses .site-header, so these rules do not affect index.html. */
body.u-body .u-header#header .u-search-1,
body.u-body .u-header#header .mpt-header-search {
  height: 36px !important;
  min-height: 36px !important;
  border-radius: 999px !important;
}

body.u-body .u-header#header .u-search-input {
  min-height: 34px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.u-body .u-header#header .u-search-button {
  width: 32px !important;
  min-width: 32px !important;
  height: 36px !important;
}

body.u-body .u-header#header .u-search-icon,
body.u-body .u-header#header .u-search-icon-1 {
  width: 28px !important;
  height: 28px !important;
  padding: 6px !important;
}

@media (min-width: 768px) {
  body.u-body .u-header#header .u-sheet-1 {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-areas: "logo nav search";
    align-items: center !important;
    justify-content: stretch !important;
    column-gap: 20px !important;
    row-gap: 12px !important;
    flex-wrap: nowrap !important;
  }

  body.u-body .u-header#header .u-image-1,
  body.u-body .u-header#header .mpt-header-logo {
    grid-area: logo;
    justify-self: start;
    align-self: center;
    order: 1 !important;
    width: clamp(220px, 24vw, 360px) !important;
    height: auto !important;
    margin: 0 !important;
  }

  body.u-body .u-header#header .u-menu-1,
  body.u-body .u-header#header .mpt-header-nav {
    grid-area: nav;
    justify-self: end;
    align-self: center;
    order: 2 !important;
    width: auto !important;
    margin: 0 !important;
  }

  body.u-body .u-header#header .u-search-1,
  body.u-body .u-header#header .mpt-header-search {
    grid-area: search;
    justify-self: end;
    align-self: center;
    order: 3 !important;
    width: 170px !important;
    max-width: 170px !important;
    margin: 0 !important;
  }

  body.u-body .u-header#header .u-nav-1,
  body.u-body .u-header#header .mpt-header-nav .u-nav-1 {
    justify-content: flex-end !important;
    margin: 0 !important;
  }

  body.u-body .u-header#header .menu-collapse,
  body.u-body .u-header#header .u-nav-container-collapse {
    display: none !important;
  }

  body.u-body .u-header#header .u-nav-container {
    display: block !important;
  }
}

@media (max-width: 767px) {
  body.u-body .u-header#header .u-sheet-1 {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    gap: 14px !important;
  }

  body.u-body .u-header#header .u-search-1,
  body.u-body .u-header#header .mpt-header-search {
    order: 3 !important;
    width: min(100%, 170px) !important;
    max-width: 170px !important;
    margin: 0 !important;
  }

  body.u-body .u-header#header .u-image-1,
  body.u-body .u-header#header .mpt-header-logo {
    order: 1 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.u-body .u-header#header .u-menu-1,
  body.u-body .u-header#header .mpt-header-nav {
    order: 2 !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body.u-body .u-header#header .u-nav-1,
  body.u-body .u-header#header .mpt-header-nav .u-nav-1 {
    justify-content: center !important;
  }

  body.u-body .u-header#header .menu-collapse,
  body.u-body .u-header#header .u-nav-container-collapse {
    display: none !important;
  }

  body.u-body .u-header#header .u-nav-container {
    display: block !important;
    width: 100% !important;
  }
}