/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../xmat-fonts/yMJRMIlzdpvBhQQL_Qq7dy0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Orbitron';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../xmat-fonts/yMJRMIlzdpvBhQQL_Qq7dy0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../xmat-fonts/LDIxapCSOBg7S-QT7p4GM-aUWA.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../xmat-fonts/LDIxapCSOBg7S-QT7p4JM-aUWA.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../xmat-fonts/LDIxapCSOBg7S-QT7p4HM-Y.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* devanagari */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../xmat-fonts/LDI2apCSOBg7S-QT7pb0EPOqeef2kg.woff2) format('woff2');
  unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}
/* latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../xmat-fonts/LDI2apCSOBg7S-QT7pb0EPOleef2kg.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../xmat-fonts/LDI2apCSOBg7S-QT7pb0EPOreec.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.xmat-icon{display:inline-block;width:1em;height:1em;line-height:1;vertical-align:-.125em;flex-shrink:0;font-style:normal}.xmat-icon>svg{display:block;width:100%;height:100%;fill:currentColor}

#xmat-full-preview {
    --orange: #ff6900;
    --orange-light: #ff9d28;
    --black: #050505;
    --panel: #0c0c0f;
    --panel-soft: #111115;
    --metal: #d8d8da;
    --muted: #85858b;
    overflow: hidden;
    color: var(--metal);
    background:
      repeating-linear-gradient(135deg, rgba(255,255,255,.015) 0 1px, transparent 1px 14px),
      var(--black);
    font-family: "Rajdhani", sans-serif;
  }

  #xmat-full-preview *,
  #xmat-full-preview *::before,
  #xmat-full-preview *::after {
    box-sizing: border-box;
  }

  #xmat-full-preview h1,
  #xmat-full-preview h2,
  #xmat-full-preview h3,
  #xmat-full-preview strong,
  #xmat-full-preview b {
    margin: 0;
    font-family: "Orbitron", sans-serif;
    font-weight: 500;
  }

  #xmat-full-preview a {
    color: inherit;
    text-decoration: none;
  }

  /* Preserve the design while deferring Chromium layout and paint work below the viewport. */
  #xmat-full-preview .xmat-servers,
  #xmat-full-preview .xmat-feature-section,
  #xmat-full-preview .xmat-stats,
  #xmat-full-preview .xmat-final-cta,
  #xmat-full-preview .xmat-footer {
    content-visibility: auto;
    contain-intrinsic-size: auto 520px;
  }

  #xmat-full-preview .xmat-nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    padding: .75rem 2rem;
    border-bottom: 1px solid rgba(255,105,0,.20);
    background: rgba(5,5,5,.96);
  }

  #xmat-full-preview .xmat-nav-brand {
    display: flex;
    align-items: center;
    gap: .7rem;
    letter-spacing: .08em;
  }

  #xmat-full-preview .xmat-nav-brand img {
    width: 2.75rem;
    aspect-ratio: 1;
    border: 1px solid rgba(255,105,0,.55);
    border-radius: .55rem;
    object-fit: cover;
  }

  #xmat-full-preview .xmat-nav-brand .xmat-nav-title {
    color: transparent;
    background: linear-gradient(180deg, #ffffff, #757579);
    background-clip: text;
    -webkit-background-clip: text;
    font-weight: 800;
    letter-spacing: .07em;
    white-space: nowrap;
  }

  #xmat-full-preview .xmat-nav-brand .xmat-nav-title b,
  #xmat-full-preview .xmat-footer b {
    color: var(--orange);
    -webkit-text-fill-color: var(--orange);
    text-shadow: 0 0 18px rgba(255,105,0,.24);
  }

  #xmat-full-preview .xmat-nav nav {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    min-width: 0;
    width: 100%;
    justify-content: flex-start;
  }

  #xmat-full-preview .xmat-nav-actions {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  #xmat-full-preview .xmat-nav nav a {
    color: var(--muted);
    letter-spacing: .08em;
  }

  #xmat-full-preview .xmat-nav nav .xmat-login {
    padding: .45rem .85rem;
    border: 1px solid var(--orange);
    color: var(--orange-light);
  }

  #xmat-full-preview .xmat-hero {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    align-items: center;
    gap: 2rem;
    min-height: 26rem;
    padding: 3rem 2rem;
    background:
      linear-gradient(90deg, rgba(5,5,5,.98), rgba(5,5,5,.72)),
      radial-gradient(circle at 78% 50%, rgba(255,105,0,.28), transparent 35%);
  }

  #xmat-full-preview .xmat-kicker,
  #xmat-full-preview .xmat-section-heading > span,
  #xmat-full-preview .xmat-feature-header > div > span,
  #xmat-full-preview .xmat-final-cta span {
    color: var(--orange-light);
    letter-spacing: .16em;
  }

  #xmat-full-preview .xmat-hero h1 {
    margin-top: .55rem;
    color: transparent;
    background: linear-gradient(180deg, #ffffff, #757579);
    background-clip: text;
    -webkit-background-clip: text;
    letter-spacing: .07em;
  }

  #xmat-full-preview .xmat-hero h1 span {
    color: var(--orange);
    -webkit-text-fill-color: var(--orange);
    text-shadow: 0 0 26px rgba(255,105,0,.28);
  }

  #xmat-full-preview .xmat-hero-copy > p {
    max-width: 34rem;
    margin: .85rem 0 0;
    color: var(--muted);
  }

  #xmat-full-preview .xmat-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.35rem;
  }

  #xmat-full-preview .xmat-primary-action,
  #xmat-full-preview .xmat-secondary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .7rem 1.1rem;
    font-family: "Orbitron", sans-serif;
    font-weight: 500;
    letter-spacing: .06em;
  }

  #xmat-full-preview .xmat-primary-action {
    border: 1px solid var(--orange-light);
    color: #ffffff;
    background: linear-gradient(135deg, var(--orange-light), var(--orange));
    box-shadow: 0 0 22px rgba(255,105,0,.20);
  }

  #xmat-full-preview .xmat-secondary-action {
    border: 1px solid #444449;
    color: var(--metal);
    background: rgba(255,255,255,.025);
  }

  #xmat-full-preview .xmat-live-status {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: 1.25rem;
    color: var(--muted);
    letter-spacing: .08em;
  }

  #xmat-full-preview .xmat-live-status span,
  #xmat-full-preview .xmat-online i {
    width: .5rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #35d27f;
    box-shadow: 0 0 10px #35d27f;
  }

  #xmat-full-preview .xmat-hero-art {
    position: relative;
    display: grid;
    min-height: 20rem;
    place-items: center;
  }

  #xmat-full-preview .xmat-logo-aura {
    position: absolute;
    width: 16rem;
    aspect-ratio: 1;
    border: 1px solid rgba(255,105,0,.32);
    border-radius: 50%;
    box-shadow: 0 0 75px rgba(255,105,0,.24), inset 0 0 55px rgba(255,105,0,.12);
  }

  #xmat-full-preview .xmat-logo-aura::before,
  #xmat-full-preview .xmat-logo-aura::after {
    position: absolute;
    inset: 1.5rem;
    border: 1px dashed rgba(255,105,0,.22);
    border-radius: 50%;
    content: "";
  }

  #xmat-full-preview .xmat-logo-aura::after {
    inset: 3.25rem;
  }

  #xmat-full-preview .xmat-hero-art img {
    position: relative;
    width: 13rem;
    aspect-ratio: 1;
    border: 1px solid rgba(255,105,0,.58);
    border-radius: 1.4rem;
    object-fit: cover;
    box-shadow: 0 0 35px rgba(255,105,0,.25);
  }

  #xmat-full-preview .xmat-servers,
  #xmat-full-preview .xmat-feature-section {
    padding: 3rem 2rem;
  }

  #xmat-full-preview .xmat-section-heading {
    text-align: center;
  }

  #xmat-full-preview .xmat-section-heading h2,
  #xmat-full-preview .xmat-feature-header h2 {
    margin-top: .25rem;
    color: var(--metal);
    letter-spacing: .06em;
  }

  #xmat-full-preview .xmat-status-logo {
    display: block;
    width: clamp(86px, 9vw, 118px);
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    margin: 0 auto .8rem;
    border: 1px solid rgba(255,105,0,.58);
    border-radius: 18px;
    box-shadow: 0 0 30px rgba(255,105,0,.22), 0 12px 36px rgba(0,0,0,.42);
  }

  #xmat-full-preview .xmat-section-heading h2 {
    color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, #d9d9dc 48%, #85858b 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 8px 26px rgba(0,0,0,.30);
  }

  #xmat-full-preview .xmat-section-heading h2 .xmat-auth-accent {
    color: var(--orange);
    background: none;
    -webkit-text-fill-color: var(--orange);
    text-shadow: 0 0 24px rgba(255,105,0,.32);
  }

  #xmat-full-preview .xmat-section-heading p,
  #xmat-full-preview .xmat-feature-header p {
    margin: .45rem 0 0;
    color: var(--muted);
  }

  #xmat-full-preview .xmat-server-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.5rem;
  }

  #xmat-full-preview .xmat-server-grid article {
    padding: 1.25rem;
    border: 1px solid rgba(255,105,0,.20);
    border-radius: .75rem;
    background: linear-gradient(160deg, rgba(255,105,0,.07), var(--panel) 45%);
  }

  #xmat-full-preview .xmat-server-grid .xmat-xiaomi-logo {
    width: 2.65rem;
    margin: 0 0 .8rem;
    border-radius: .75rem;
  }

  #xmat-full-preview .xmat-server-grid .xmat-xiaomi-logo img {
    width: 1.45rem;
    height: 1.45rem;
  }

  #xmat-full-preview .xmat-server-icon {
    display: inline-grid;
    width: 2.5rem;
    aspect-ratio: 1;
    place-items: center;
    border: 1px solid rgba(255,105,0,.38);
    color: var(--orange-light);
    background: rgba(255,105,0,.07);
  }

  #xmat-full-preview .xmat-server-grid h3 {
    margin-top: .8rem;
    color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, #b6b6ba 52%, var(--orange) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    letter-spacing: .075em;
    text-shadow: 0 0 18px rgba(255,105,0,.12);
  }

  #xmat-full-preview .xmat-server-grid p {
    color: var(--muted);
  }

  #xmat-full-preview .xmat-online {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: 1rem;
    color: #75eaaa;
    letter-spacing: .09em;
  }

  #xmat-full-preview .xmat-feature-section {
    border-top: 1px solid rgba(255,105,0,.16);
    background:
      radial-gradient(circle at 50% 0, rgba(255,105,0,.14), transparent 28%),
      rgba(255,255,255,.008);
  }

  #xmat-full-preview .xmat-feature-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.1rem;
  }

  #xmat-full-preview .xmat-feature-header img {
    width: 5.5rem;
    aspect-ratio: 1;
    border: 1px solid rgba(255,105,0,.55);
    border-radius: 1rem;
    object-fit: cover;
    box-shadow: 0 0 26px rgba(255,105,0,.24);
  }

  #xmat-full-preview .xmat-feature-header h2 {
    color: var(--orange);
  }

  #xmat-full-preview .xmat-feature-header h2 b {
    color: transparent;
    background: linear-gradient(180deg, #ffffff, #76767a);
    background-clip: text;
    -webkit-background-clip: text;
  }

  #xmat-full-preview .xmat-orange-rule {
    display: flex;
    align-items: center;
    max-width: 30rem;
    margin: 1.5rem auto;
  }

  #xmat-full-preview .xmat-orange-rule::before,
  #xmat-full-preview .xmat-orange-rule::after {
    flex: 1;
    height: 1px;
    content: "";
    background: linear-gradient(90deg, transparent, var(--orange));
  }

  #xmat-full-preview .xmat-orange-rule::after {
    transform: scaleX(-1);
  }

  #xmat-full-preview .xmat-orange-rule i {
    width: .55rem;
    aspect-ratio: 1;
    margin: 0 .7rem;
    border: 1px solid var(--orange-light);
    background: var(--orange);
    transform: rotate(45deg);
    box-shadow: 0 0 14px var(--orange);
  }

  #xmat-full-preview .xmat-feature-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 1rem;
  }

  #xmat-full-preview .xmat-feature-card {
    grid-column: span 2;
    padding: 1.35rem 1rem;
    border: 1px solid rgba(255,105,0,.20);
    border-radius: .75rem;
    text-align: center;
    background: linear-gradient(180deg, rgba(255,105,0,.07), transparent 42%), var(--panel);
  }

  #xmat-full-preview .xmat-feature-card:nth-child(4) {
    grid-column: 2 / span 2;
  }

  #xmat-full-preview .xmat-feature-active {
    border-color: rgba(255,105,0,.55);
    box-shadow: 0 0 24px rgba(255,105,0,.08);
  }

  #xmat-full-preview .xmat-xiaomi-logo {
    display: grid;
    width: 3.4rem;
    aspect-ratio: 1;
    margin: 0 auto 1rem;
    place-items: center;
    border-radius: 1rem;
    color: #ffffff;
    background: linear-gradient(145deg, var(--orange-light), var(--orange));
    box-shadow: 0 0 0 4px rgba(255,105,0,.07), 0 0 20px rgba(255,105,0,.28);
  }

  #xmat-full-preview .xmat-xiaomi-logo img {
    width: 1.95rem;
    height: 1.95rem;
    filter: brightness(0) invert(1);
  }

  #xmat-full-preview .xmat-feature-card h3 {
    color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, #b6b6ba 52%, var(--orange) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    letter-spacing: .075em;
    text-shadow: 0 0 18px rgba(255,105,0,.12);
  }

  #xmat-full-preview .xmat-feature-card p {
    margin: .28rem 0 0;
    color: var(--metal);
  }

  #xmat-full-preview .xmat-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(255,105,0,.28);
    border-bottom: 1px solid rgba(255,105,0,.28);
    background: var(--panel-soft);
  }

  #xmat-full-preview .xmat-stats > div {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: center;
    column-gap: .85rem;
    padding: 1.25rem;
  }

  #xmat-full-preview .xmat-stats > div + div {
    border-left: 1px solid rgba(255,105,0,.22);
  }

  #xmat-full-preview .xmat-stats > div > i,
  #xmat-full-preview .xmat-stats > div > svg {
    grid-row: 1 / 3;
    width: 2.35rem;
    height: 2.35rem;
    color: var(--orange);
    filter: drop-shadow(0 0 9px rgba(255,105,0,.48));
  }

  #xmat-full-preview .xmat-stats strong {
    color: var(--orange-light);
    font-family: "Orbitron", sans-serif;
    font-weight: 500;
    letter-spacing: .055em;
  }

  /* Exact MTK V6 SERVER title typography for all three lower panels. */
  #xmat-full-preview .xmat-stats > div > span {
    color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, #b6b6ba 52%, var(--orange) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Orbitron", sans-serif;
    font-size: 1.35rem;
    font-weight: 500;
    letter-spacing: .075em;
    text-shadow: 0 0 18px rgba(255,105,0,.12);
  }

  #xmat-full-preview .xmat-stats > div > span small {
    display: block;
    margin-top: .45rem;
    background: none;
    color: var(--muted);
    -webkit-text-fill-color: var(--muted);
    font-family: "Rajdhani", sans-serif;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: normal;
    text-shadow: none;
  }
  #xmat-full-preview .xmat-stats > div,
  #xmat-full-preview .xmat-primary-action,
  #xmat-full-preview .xmat-secondary-action,
  #supportBtn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease, background-color .24s ease;
  }

  #xmat-full-preview .xmat-stats > div::before,
  #xmat-full-preview .xmat-primary-action::before,
  #xmat-full-preview .xmat-secondary-action::before,
  #supportBtn::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: -35% auto -35% -55%;
    width: 34%;
    transform: skewX(-20deg);
    background: linear-gradient(90deg, transparent, rgba(255,157,40,.38), transparent);
    transition: left .48s ease;
    pointer-events: none;
  }

  #xmat-full-preview .xmat-stats > div:hover,
  #xmat-full-preview .xmat-primary-action:hover,
  #xmat-full-preview .xmat-secondary-action:hover {
    transform: translateY(-5px);
    border-color: rgba(255,157,40,.72);
    background-color: rgba(255,105,0,.08);
    box-shadow: 0 14px 30px rgba(0,0,0,.34), 0 0 22px rgba(255,105,0,.20);
  }

  #supportBtn:hover {
    transform: translateY(-5px) scale(1.04);
    box-shadow: 0 14px 32px rgba(0,0,0,.38), 0 0 30px rgba(255,105,0,.48);
  }

  #xmat-full-preview .xmat-stats > div:hover::before,
  #xmat-full-preview .xmat-primary-action:hover::before,
  #xmat-full-preview .xmat-secondary-action:hover::before,
  #supportBtn:hover::before {
    left: 125%;
  }

  #xmat-full-preview .xmat-final-cta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1.25rem;
    padding: 2rem;
    background:
      linear-gradient(90deg, rgba(255,105,0,.10), transparent 32%, rgba(255,105,0,.08)),
      var(--black);
  }

  #xmat-full-preview .xmat-final-cta img {
    width: 4.5rem;
    aspect-ratio: 1;
    border-radius: .8rem;
    object-fit: cover;
  }

  #xmat-full-preview .xmat-final-cta h2 {
    margin-top: .25rem;
    color: transparent;
    background: linear-gradient(180deg, #ffffff 0%, #aaaaae 58%, var(--orange) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    letter-spacing: .06em;
  }

  #xmat-full-preview .xmat-footer {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 2rem;
    border-top: 1px solid rgba(255,105,0,.18);
    color: var(--muted);
    background: #030303;
  }

  #xmat-full-preview .xmat-footer p {
    margin: 0;
  }

  
  #xmat-full-preview .xmat-server-grid article,
  #xmat-full-preview .xmat-feature-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease, border-color .3s ease;
    will-change: transform;
  }

  #xmat-full-preview .xmat-server-grid article::after,
  #xmat-full-preview .xmat-feature-card::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -55%;
    left: -72%;
    width: 34%;
    height: 210%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), rgba(255,105,0,.16), transparent);
    transform: rotate(16deg);
    transition: left .62s ease;
  }

  @media (hover: hover) {
    #xmat-full-preview .xmat-server-grid article:hover,
    #xmat-full-preview .xmat-feature-card:hover {
      transform: translateY(-8px);
      border-color: rgba(255,105,0,.62);
      background-color: rgba(255,105,0,.055);
      box-shadow: 0 18px 42px rgba(0,0,0,.48), 0 0 30px rgba(255,105,0,.18);
    }

    #xmat-full-preview .xmat-server-grid article:hover::after,
    #xmat-full-preview .xmat-feature-card:hover::after {
      left: 138%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #xmat-full-preview .xmat-server-grid article,
    #xmat-full-preview .xmat-feature-card,
    #xmat-full-preview .xmat-server-grid article::after,
    #xmat-full-preview .xmat-feature-card::after {
      transition: none;
    }
  }

@media (max-width: 680px) {
    #xmat-full-preview .xmat-nav {
      align-items: flex-start;
      padding: .75rem 1rem;
    }

    #xmat-full-preview .xmat-nav nav {
      justify-content: flex-end;
      flex-wrap: wrap;
    }

    #xmat-full-preview .xmat-hero {
      grid-template-columns: 1fr;
      padding: 2rem 1rem;
    }

    #xmat-full-preview .xmat-servers,
    #xmat-full-preview .xmat-feature-section {
      padding: 2rem 1rem;
    }

    #xmat-full-preview .xmat-server-grid,
    #xmat-full-preview .xmat-stats,
    #xmat-full-preview .xmat-feature-grid {
      grid-template-columns: 1fr;
    }

    #xmat-full-preview .xmat-feature-card,
    #xmat-full-preview .xmat-feature-card:nth-child(4) {
      grid-column: auto;
    }

    #xmat-full-preview .xmat-stats div + div {
      border-top: 1px solid rgba(255,105,0,.22);
      border-left: 0;
    }

    #xmat-full-preview .xmat-final-cta,
    #xmat-full-preview .xmat-footer {
      grid-template-columns: 1fr;
      padding: 1.25rem 1rem;
    }
  }

html,body{margin:0;background:#050505;}
#supportBtn{position:fixed;right:20px;bottom:20px;width:68px;height:68px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff6900,#ff9500);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;box-shadow:0 0 30px rgba(255,105,0,.42);color:#fff;}
#supportBtn i{font-size:28px;}
#supportPopup{position:fixed;right:20px;bottom:100px;width:290px;background:rgba(15,15,22,.99);border:1px solid rgba(255,105,0,.25);border-radius:18px;padding:18px;display:none;z-index:9999;box-shadow:0 0 35px rgba(255,105,0,.2);font-family:"Rajdhani",sans-serif;color:#fff;}
#supportPopup.is-open{display:block;}
.support-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.support-logo{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#ff6900,#ff9500);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 0 20px rgba(255,105,0,.3)}.support-header h5{margin:0;font-weight:500}.support-header small{opacity:.65}.support-link,.telegram-support{display:flex;align-items:center;gap:10px;padding:13px;border-radius:12px;text-decoration:none;color:#fff;margin-top:10px;transition:background-color .2s,transform .2s;background:#1b1b26}.support-link:hover,.telegram-support:hover{transform:translateY(-2px);color:#fff}.email:hover{background:#ff6900}.whatsapp:hover{background:#25D366}.telegram-support:hover{background:#229ED9}@media(max-width:420px){#supportBtn{right:14px;bottom:14px;width:58px;height:58px}#supportPopup{right:14px;bottom:82px;width:calc(100% - 28px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* LIVE SCALE CORRECTION */
#xmat-full-preview{font-size:17px}
@media (min-width: 901px){
#xmat-full-preview .xmat-nav{min-height:86px;padding:1rem 4vw}
#xmat-full-preview .xmat-nav-brand{font-size:1.12rem}
#xmat-full-preview .xmat-nav-brand img{width:3.5rem}
#xmat-full-preview .xmat-nav nav{gap:1.55rem}
#xmat-full-preview .xmat-nav nav a{font-size:1rem}
#xmat-full-preview .xmat-nav nav .xmat-login{padding:.7rem 1.15rem}
#xmat-full-preview .xmat-hero{min-height:590px;padding:5rem 5vw;gap:3.5rem;grid-template-columns:1.08fr .92fr}
#xmat-full-preview .xmat-hero-copy{max-width:760px}
#xmat-full-preview .xmat-kicker{font-size:1.05rem}
#xmat-full-preview .xmat-hero h1{font-size:clamp(3.6rem,5vw,5.2rem);line-height:1.02;margin:.8rem 0 0;white-space:nowrap}
#xmat-full-preview .xmat-hero-copy>p{max-width:43rem;font-size:1.3rem;line-height:1.55;margin-top:1.2rem}
#xmat-full-preview .xmat-hero-actions{margin-top:2rem;gap:1rem}
#xmat-full-preview .xmat-primary-action,#xmat-full-preview .xmat-secondary-action{padding:1rem 1.5rem;font-size:1.05rem}
#xmat-full-preview .xmat-live-status{margin-top:1.5rem;font-size:1rem}
#xmat-full-preview .xmat-hero-art{min-height:29rem}
#xmat-full-preview .xmat-hero-art img{width:min(24rem,82%);border-radius:2rem}
#xmat-full-preview .xmat-servers,#xmat-full-preview .xmat-feature-section{padding:5.5rem 4vw}
#xmat-full-preview .xmat-section-heading>span,#xmat-full-preview .xmat-feature-header>div>span{font-size:1rem}
#xmat-full-preview .xmat-section-heading h2,#xmat-full-preview .xmat-feature-header h2{font-size:2.7rem;margin-top:.5rem}
#xmat-full-preview .xmat-section-heading p,#xmat-full-preview .xmat-feature-header p{font-size:1.15rem}
#xmat-full-preview .xmat-server-grid{gap:1.35rem;margin-top:2.5rem}
#xmat-full-preview .xmat-server-grid article{min-height:300px;padding:2rem 1.3rem}
#xmat-full-preview .xmat-server-grid article h3{font-size:1.35rem;margin-top:1.15rem}
#xmat-full-preview .xmat-server-grid article p{font-size:1.05rem}
#xmat-full-preview .xmat-server-grid .xmat-xiaomi-logo{width:4rem;height:4rem}
#xmat-full-preview .xmat-feature-header{gap:1.5rem}
#xmat-full-preview .xmat-feature-header img{width:7.5rem}
#xmat-full-preview .xmat-feature-grid{gap:1.35rem;margin-top:2rem}
#xmat-full-preview .xmat-feature-card{min-height:330px;padding:2.2rem 1.4rem}
#xmat-full-preview .xmat-feature-card h3{font-size:1.5rem;margin-top:1.15rem}
#xmat-full-preview .xmat-feature-card p{font-size:1.08rem;margin-top:.45rem}
#xmat-full-preview .xmat-feature-card .xmat-xiaomi-logo{width:4.4rem;height:4.4rem}
#xmat-full-preview .xmat-stats div{padding:2rem}
#xmat-full-preview .xmat-stats strong{font-size:2rem}
#xmat-full-preview .xmat-stats span{font-size:1rem}
#xmat-full-preview .xmat-final-cta{padding:2.25rem 4vw}
#xmat-full-preview .xmat-final-cta h2{font-size:2rem}
}
@media (max-width: 900px) and (min-width:681px){#xmat-full-preview .xmat-hero{min-height:520px;padding:3.5rem 2rem}#xmat-full-preview .xmat-hero h1{font-size:3.5rem}#xmat-full-preview .xmat-hero-art img{width:18rem}#xmat-full-preview .xmat-server-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#xmat-full-preview .xmat-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#xmat-full-preview .xmat-feature-card,#xmat-full-preview .xmat-feature-card:nth-child(4){grid-column:auto}}
@media (max-width:680px){#xmat-full-preview{font-size:16px}#xmat-full-preview .xmat-nav{gap:.6rem;padding:.65rem .75rem;flex-wrap:wrap}#xmat-full-preview .xmat-nav-brand span{font-size:.85rem}#xmat-full-preview .xmat-nav nav{width:100%;justify-content:flex-start;gap:.55rem;flex-wrap:wrap}#xmat-full-preview .xmat-nav nav>a:not(.xmat-login){font-size:.72rem}#xmat-full-preview .xmat-nav-actions{margin-left:0}#xmat-full-preview .xmat-nav nav a{font-size:.8rem}#xmat-full-preview .xmat-hero{min-height:auto;gap:1.5rem}#xmat-full-preview .xmat-hero h1{font-size:3rem}#xmat-full-preview .xmat-hero-copy>p{font-size:1.08rem;line-height:1.5}#xmat-full-preview .xmat-hero-art{min-height:20rem}#xmat-full-preview .xmat-hero-art img{width:min(18rem,85%)}#xmat-full-preview .xmat-server-grid article,#xmat-full-preview .xmat-feature-card{min-height:270px;padding:1.7rem 1rem}}



#xmat-full-preview .xmat-servers,
#xmat-full-preview .xmat-feature-section,
#xmat-full-preview .xmat-stats,
#xmat-full-preview .xmat-final-cta,
#xmat-full-preview .xmat-footer{content-visibility:auto;contain-intrinsic-size:1px 620px}


#xmat-full-preview .xmat-nav{display:block;width:100%;padding:.72rem 2rem}
#xmat-full-preview .xmat-nav nav{
 display:grid;
 grid-template-columns:repeat(5,max-content);
 align-items:center;
 justify-content:space-between;
 width:100%;
 gap:1rem;
}
#xmat-full-preview .xmat-nav nav>a{display:inline-flex;align-items:center;justify-content:center}
#xmat-full-preview .xmat-nav .xmat-language{justify-self:end}
@media(max-width:680px){
 #xmat-full-preview .xmat-nav{padding:.65rem .75rem}
 #xmat-full-preview .xmat-nav nav{display:flex;width:100%;justify-content:space-between;align-items:center;gap:.55rem;flex-wrap:wrap}
 #xmat-full-preview .xmat-nav .xmat-language{margin-left:auto}
}


/* Final premium two-line navigation */
#xmat-full-preview .xmat-nav{display:flex;align-items:center;justify-content:space-between;gap:clamp(1rem,2.5vw,2.5rem);width:100%}
#xmat-full-preview .xmat-nav-message{display:flex;flex:0 1 auto;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:.28rem;font-family:"Orbitron",sans-serif;line-height:1;white-space:nowrap}
#xmat-full-preview .xmat-nav-message-primary{font-size:clamp(.78rem,1vw,1.05rem);font-weight:500;letter-spacing:.075em}
#xmat-full-preview .xmat-nav-metal{color:transparent;background:linear-gradient(180deg,#fff 8%,#d8d8da 48%,#88888e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.05)}
#xmat-full-preview .xmat-nav-orange{color:var(--orange);-webkit-text-fill-color:var(--orange);text-shadow:0 0 16px rgba(255,105,0,.24)}
#xmat-full-preview .xmat-nav-message-secondary{color:#aaaab0;font-size:clamp(.65rem,.78vw,.82rem);font-weight:500;letter-spacing:.18em}
#xmat-full-preview .xmat-nav-message-secondary .xmat-nav-orange{font-family:inherit;font-weight:500}
#xmat-full-preview .xmat-nav nav{display:flex;flex:0 0 auto;width:auto;min-width:0;align-items:center;justify-content:flex-end;gap:0;font-family:"Orbitron",sans-serif;font-weight:500}
#xmat-full-preview .xmat-nav nav>a{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 clamp(.68rem,1vw,1.05rem);color:transparent;background:linear-gradient(180deg,#fff 8%,#d8d8da 48%,#88888e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:clamp(.72rem,.82vw,.9rem);letter-spacing:.055em;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.05)}
#xmat-full-preview .xmat-nav nav>a:hover{color:var(--orange);background:none;-webkit-text-fill-color:var(--orange);text-shadow:0 0 12px rgba(255,105,0,.22)}
#xmat-full-preview .xmat-nav nav>*+*{border-left:0;box-shadow:none}
#xmat-full-preview .xmat-nav nav .xmat-login{height:42px;padding:0 clamp(.68rem,1vw,1.05rem);border:0;border-radius:0;background:linear-gradient(180deg,#fff 8%,#d8d8da 48%,#88888e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-shadow:none;color:transparent}
#xmat-full-preview .xmat-nav nav .xmat-login:hover{color:var(--orange);background:none;-webkit-text-fill-color:var(--orange);text-shadow:0 0 12px rgba(255,105,0,.22)}
#xmat-full-preview .xmat-nav .xmat-language{height:42px;margin-left:0;padding-left:clamp(.68rem,1vw,1.05rem);align-items:center}
#xmat-full-preview .xmat-nav .xmat-language-toggle{height:42px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--metal);font:500 clamp(.72rem,.82vw,.9rem)/1 "Orbitron",sans-serif;letter-spacing:.045em;transform:none}
#xmat-full-preview .xmat-nav .xmat-language-toggle span{color:transparent;background:linear-gradient(180deg,#fff 8%,#d8d8da 48%,#88888e 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 0 rgba(255,255,255,.05)}
#xmat-full-preview .xmat-nav .xmat-language-toggle i{color:#d8d8da}
#xmat-full-preview .xmat-nav .xmat-language-toggle:hover,#xmat-full-preview .xmat-nav .xmat-language.open .xmat-language-toggle{border:0;background:transparent;box-shadow:none;color:var(--orange);transform:none}
#xmat-full-preview .xmat-nav .xmat-language-toggle:hover span,#xmat-full-preview .xmat-nav .xmat-language.open .xmat-language-toggle span{background:none;color:var(--orange);-webkit-text-fill-color:var(--orange);text-shadow:0 0 12px rgba(255,105,0,.22)}
#xmat-full-preview .xmat-nav .xmat-language-globe{display:none}
#xmat-full-preview .xmat-nav .xmat-language-toggle::before{content:"";display:inline-block;width:1.15rem;height:1.15rem;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20512%20512%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%20fill%3D%22%23d8d8da%22%3E%3Cpath%20d%3D%22M352%20256c0%2022.2-1.2%2043.6-3.3%2064H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6%203.3-64H348.7c2.2%2020.4%203.3%2041.8%203.3%2064zm28.8-64H503.9c5.3%2020.5%208.1%2041.9%208.1%2064s-2.8%2043.5-8.1%2064H380.8c2.1-20.6%203.2-42%203.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3%2020.7%20142%2077.5%20171.9%20151.6zm-149.1%200H167.7c6.1-36.4%2015.5-68.6%2027-94.7c10.5-23.6%2022.2-40.7%2033.5-51.5C239.4%203.2%20248.7%200%20256%200s16.6%203.2%2027.8%2013.8c11.3%2010.8%2023%2027.9%2033.5%2051.5c11.6%2026%2020.9%2058.2%2027%2094.7zm-209%200H18.6C48.6%2085.9%20112.2%2029.1%20190.6%208.4C165.1%2042.6%20145.3%2096.1%20135.3%20160zM8.1%20192H131.2c-2.1%2020.6-3.2%2042-3.2%2064s1.1%2043.4%203.2%2064H8.1C2.8%20299.5%200%20278.1%200%20256s2.8-43.5%208.1-64zM194.7%20446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1%2036.4-15.5%2068.6-27%2094.6c-10.5%2023.6-22.2%2040.7-33.5%2051.5C272.6%20508.8%20263.3%20512%20256%20512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3%20352c10%2063.9%2029.8%20117.4%2055.3%20151.6C112.2%20482.9%2048.6%20426.1%2018.6%20352H135.3zm358.1%200c-30%2074.1-93.6%20130.9-171.9%20151.6c25.5-34.2%2045.2-87.7%2055.3-151.6H493.4z%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat;vertical-align:middle}
#xmat-full-preview .xmat-nav .xmat-language-toggle:hover::before,#xmat-full-preview .xmat-nav .xmat-language.open .xmat-language-toggle::before{color:var(--orange);-webkit-text-fill-color:var(--orange);text-shadow:0 0 10px rgba(255,105,0,.25)}
@media(min-width:1281px){#xmat-full-preview .xmat-nav{padding:1rem 4vw}}
@media(max-width:1280px){#xmat-full-preview .xmat-nav{flex-wrap:wrap;padding:.8rem 1rem}#xmat-full-preview .xmat-nav-message{width:100%}#xmat-full-preview .xmat-nav nav{width:100%;justify-content:flex-end}}
@media(max-width:680px){#xmat-full-preview .xmat-nav{gap:.7rem;padding:.7rem .75rem}#xmat-full-preview .xmat-nav-message-primary{font-size:clamp(.59rem,2.7vw,.76rem);letter-spacing:.04em}#xmat-full-preview .xmat-nav-message-secondary{font-size:.61rem;letter-spacing:.1em}#xmat-full-preview .xmat-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:0}#xmat-full-preview .xmat-nav nav>a{width:100%;padding:0 .45rem;border:0;box-shadow:none}#xmat-full-preview .xmat-nav nav>a:nth-child(even){border-left:0}#xmat-full-preview .xmat-nav .xmat-language{grid-column:1/-1;width:100%;height:42px;padding:0;justify-content:center;border-left:0;box-shadow:none}#xmat-full-preview .xmat-nav .xmat-language-toggle{justify-content:center}#xmat-full-preview .xmat-nav nav .xmat-login{border:0}}


/* NAV CLICKABILITY FIX */
#xmat-full-preview .xmat-nav{
 position:relative;
 z-index:100;
 isolation:isolate;
}
#xmat-full-preview .xmat-nav nav,
#xmat-full-preview .xmat-nav nav>a{
 position:relative;
 z-index:101;
 pointer-events:auto;
 touch-action:manipulation;
}
#xmat-full-preview .xmat-hero,
#xmat-full-preview .xmat-hero-art,
#xmat-full-preview .xmat-logo-aura{
 z-index:0;
}
#xmat-full-preview .xmat-logo-aura,
#xmat-full-preview .xmat-logo-aura::before,
#xmat-full-preview .xmat-logo-aura::after{
 pointer-events:none;
}