:root {
    --xz-bg: #0d1113;
    --xz-bg-soft: #111719;
    --xz-panel: #151c1f;
    --xz-panel-hover: #1a2326;
    --xz-border: rgba(225, 246, 244, .10);
    --xz-text: #f2f7f6;
    --xz-muted: #8e9da1;
    --xz-teal: #20c7b7;
    --xz-teal-bright: #66f0df;
    --xz-violet: #a78bfa;
    --xz-warning: #f5c665;
    --xz-shell: 1280px;
}

html { scroll-behavior: smooth; }
body.xz-homepage { background: var(--xz-bg); color: var(--xz-text); }
body.xz-homepage #header.header { position: relative; z-index: 30; background: rgba(12, 16, 20, .97); border-bottom: 1px solid var(--xz-border); }
body.xz-homepage #header .navbar-light { background: transparent; border: 0; }
body.xz-homepage #header .navbar-light > .container { min-height: 64px; }
body.xz-homepage #header .navbar-brand { color: #fff; font-weight: 800; }
body.xz-homepage #header .logo-img { max-height: 34px; }
body.xz-homepage #header .main-navbar-wrapper { background: #101518; border-top: 1px solid rgba(255,255,255,.055); border-bottom: 0; }
body.xz-homepage #header .main-navbar-wrapper .nav-link,
body.xz-homepage #header .toolbar .nav-link { color: #bac5c7; }
body.xz-homepage #header .main-navbar-wrapper .nav-link:hover,
body.xz-homepage #header .main-navbar-wrapper .active > .nav-link { color: #fff; }
body.xz-homepage #header .search .form-control,
body.xz-homepage #header .search .btn { background: #171e21; border-color: var(--xz-border); color: #dce5e5; }
body.xz-homepage .master-breadcrumb,
body.xz-homepage #main-body > .container > .row > .primary-content > h1,
body.xz-homepage .domain-search-container { display: none !important; }
body.xz-homepage #main-body { width: 100%; padding: 0; background: var(--xz-bg); }
body.xz-homepage #main-body > .container { width: 100% !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
body.xz-homepage #main-body > .container > .row { width: 100%; margin: 0 !important; }
body.xz-homepage #main-body .primary-content { flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0 !important; }
body.xz-homepage #footer.footer { background: #090d0f; border-top: 1px solid var(--xz-border); color: var(--xz-muted); }
body.xz-homepage #footer a { color: #c8d3d4; }

.xz-home { width: 100%; overflow: hidden; background: var(--xz-bg); color: var(--xz-text); font-family: "Open Sans", "Microsoft YaHei", sans-serif; }
.xz-home *, .xz-home *::before, .xz-home *::after { box-sizing: border-box; }
.xz-home a { text-decoration: none; }
.xz-shell { width: min(var(--xz-shell), calc(100% - 56px)); margin-inline: auto; }
.xz-section { padding: 104px 0; }
.xz-kicker { display: block; margin-bottom: 10px; color: var(--xz-teal-bright); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.xz-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 42px; margin-bottom: 38px; }
.xz-section-heading h2, .xz-use-copy h2, .xz-faq-layout h2, .xz-final-cta h2 { margin: 0; color: var(--xz-text); font-size: clamp(30px, 3vw, 44px); line-height: 1.18; letter-spacing: -.035em; }
.xz-section-heading > p { max-width: 420px; margin: 0; color: var(--xz-muted); font-size: 14px; line-height: 1.8; }
.xz-heading-centered { display: block; text-align: center; }
.xz-heading-centered > p { margin: 14px auto 0; }

.xz-hero { position: relative; min-height: 680px; display: flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.045); background-color: #0e1315; background-image: linear-gradient(rgba(102,240,223,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(102,240,223,.035) 1px, transparent 1px); background-size: 72px 72px; }
.xz-hero::before { content: ""; position: absolute; width: 520px; height: 520px; left: -260px; bottom: -260px; border-radius: 50%; background: #5b3ca0; filter: blur(110px); opacity: .18; pointer-events: none; }
.xz-hero::after { content: ""; position: absolute; width: 520px; height: 420px; right: -210px; top: -190px; border-radius: 50%; background: #087d74; filter: blur(120px); opacity: .16; pointer-events: none; }
.xz-hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(500px, .98fr); align-items: center; gap: clamp(48px, 6vw, 92px); padding: 70px 0 84px; }
.xz-hero-copy { min-width: 0; max-width: 690px; }
.xz-eyebrow { display: inline-flex; align-items: center; gap: 9px; padding: 7px 11px; border: 1px solid var(--xz-border); border-radius: 999px; background: rgba(255,255,255,.035); color: #dbe6e6; font-size: 12px; }
.xz-eyebrow > i { width: 7px; height: 7px; border-radius: 50%; background: var(--xz-violet); box-shadow: 0 0 12px var(--xz-violet); }
.xz-eyebrow b { padding: 3px 6px; border-radius: 999px; background: rgba(32,199,183,.14); color: var(--xz-teal-bright); font-size: 8px; letter-spacing: .08em; }
.xz-eyebrow .xz-hot-label { border: 1px solid rgba(255,87,87,.52); background: rgba(231,56,56,.18); box-shadow: 0 0 14px rgba(231,56,56,.2); color: #ff6262; }
.xz-hero h1 { margin: 25px 0 22px; color: #e4eaea; line-height: 1.1; letter-spacing: -.045em; font-weight: 300; }
.xz-hero h1 > span { display: block; white-space: nowrap; }
.xz-hero h1 strong { color: var(--xz-teal); font-weight: 800; }
.xz-brand-line { display: flex !important; align-items: baseline; gap: 5px; font-size: clamp(47px, 4vw, 64px); }
.xz-brand-line em { color: #e4eaea; font-size: .62em; font-style: normal; font-weight: 300; letter-spacing: -.035em; }
.xz-title-line { margin-top: 5px; font-size: clamp(34px, 3vw, 48px); letter-spacing: -.04em; }
.xz-hero-lead { max-width: 650px; margin: 0 0 22px; color: var(--xz-muted); font-size: 14px; line-height: 1.65; }
.xz-hero-lead p { display: flex; flex-wrap: wrap; gap: 5px 10px; margin: 0 0 7px; }
.xz-hero-lead strong { color: #cfdadb; font-weight: 600; }
.xz-hero-lead span { color: #859598; }
.xz-proof-list { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 0; margin: 0 0 30px; list-style: none; color: #c8d2d3; font-size: 13px; }
.xz-proof-list i { display: inline-grid; place-items: center; width: 18px; height: 18px; margin-right: 7px; border-radius: 50%; background: rgba(32,199,183,.12); color: var(--xz-teal-bright); font-size: 9px; }
.xz-platform-list { display: flex; flex-wrap: wrap; gap: 8px; margin: -12px 0 24px; }
.xz-platform-list span { padding: 6px 10px; border: 1px solid rgba(145,169,173,.16); border-radius: 999px; background: rgba(255,255,255,.025); color: #8e9da0; font-size: 10px; letter-spacing: .02em; }
.xz-platform-list span::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 7px; border-radius: 50%; background: var(--xz-violet); box-shadow: 0 0 8px rgba(139,92,246,.55); vertical-align: 1px; }
.xz-hero-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px; }
.xz-hero-actions .btn, .xz-final-cta .btn { min-width: 152px; padding: 14px 21px; border-radius: 8px; font-size: 14px; font-weight: 700; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.xz-btn-primary { border: 1px solid var(--xz-teal); background: var(--xz-teal); color: #061311 !important; box-shadow: 0 14px 34px rgba(32,199,183,.19); }
.xz-btn-primary:hover { transform: translateY(-2px); background: #42d8c9; border-color: #42d8c9; }
.xz-btn-secondary { border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.04); color: #e3ebeb !important; }
.xz-btn-secondary:hover { transform: translateY(-2px); background: rgba(255,255,255,.085); border-color: rgba(255,255,255,.25); }
.xz-tg-button i { margin-right: 7px; color: #42bff5; font-size: 17px; vertical-align: -1px; }
.xz-contact-actions { display: grid; width: 190px; gap: 8px; }
.xz-contact-actions > .btn { width: 100%; min-width: 0; }
.xz-community-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.xz-community-actions a { display: flex; align-items: center; justify-content: center; gap: 5px; min-height: 31px; padding: 6px 7px; border: 1px solid rgba(145,169,173,.16); border-radius: 7px; background: rgba(255,255,255,.025); color: #8fa0a3; font-size: 9px; font-weight: 600; transition: .2s ease; }
.xz-community-actions a:hover { border-color: rgba(66,191,245,.45); background: rgba(66,191,245,.07); color: #cdefff; transform: translateY(-1px); }
.xz-community-actions i { color: #42bff5; font-size: 10px; }
.xz-hero-meta { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 22px; color: #728084; font-size: 11px; }
.xz-hero-meta i { margin-right: 6px; color: var(--xz-violet); }

.xz-network-card { position: relative; width: 100%; overflow: hidden; border: 1px solid rgba(102,240,223,.15); border-radius: 22px; background: rgba(17,24,26,.94); box-shadow: 0 38px 80px rgba(0,0,0,.35); }
.xz-network-toolbar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; padding: 18px 21px; border-bottom: 1px solid var(--xz-border); }
.xz-network-toolbar > div { display: flex; align-items: center; gap: 8px; color: #708085; font-size: 9px; letter-spacing: .14em; }
.xz-network-toolbar > div i { width: 7px; height: 7px; border-radius: 50%; background: var(--xz-teal); box-shadow: 0 0 12px var(--xz-teal); }
.xz-network-toolbar strong { color: #edf8f7; font-size: 13px; }
.xz-network-toolbar small { color: var(--xz-violet); font-size: 8px; text-align: right; letter-spacing: .08em; }
.xz-network-map { position: relative; height: 330px; overflow: hidden; background-color: #101719; background-image: linear-gradient(rgba(102,240,223,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(102,240,223,.03) 1px, transparent 1px); background-size: 36px 36px; }
.xz-network-map > img { position: absolute; left: 7%; top: 13%; width: 86%; opacity: .11; filter: sepia(1) saturate(4) hue-rotate(118deg); }
.xz-node { position: absolute; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid rgba(102,240,223,.18); border-radius: 9px; background: rgba(18,28,30,.94); color: #dce8e8; box-shadow: 0 9px 22px rgba(0,0,0,.24); cursor: pointer; transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.xz-node:hover, .xz-node.active { transform: translateY(-3px); border-color: rgba(102,240,223,.6); background: #1b2b2c; }
.xz-node > i { width: 8px; height: 8px; flex: 0 0 8px; border: 2px solid var(--xz-teal-bright); border-radius: 50%; box-shadow: 0 0 10px var(--xz-teal); }
.xz-node span { font-size: 10px; font-weight: 700; line-height: 1.05; text-align: left; }
.xz-node small { display: block; margin-top: 3px; color: #738287; font-size: 7px; font-weight: 400; letter-spacing: .06em; text-transform: uppercase; }
.xz-node-ca { left: 20%; top: 18%; }.xz-node-us { left: 14%; top: 43%; }.xz-node-jp { right: 10%; top: 29%; }.xz-node-hk { right: 22%; top: 61%; }
.xz-route { position: absolute; z-index: 2; height: 1px; background: rgba(102,240,223,.23); transform-origin: left; pointer-events: none; }
.xz-route-a { width: 54%; left: 23%; top: 48%; transform: rotate(-5deg); }.xz-route-b { width: 42%; left: 28%; top: 29%; transform: rotate(23deg); }.xz-route-c { width: 38%; left: 33%; top: 56%; transform: rotate(8deg); }
.xz-node-detail { display: grid; grid-template-columns: 1.15fr 1.55fr 1fr .7fr; gap: 0; padding: 0 15px 15px; background: #101719; }
.xz-node-detail > div { min-width: 0; padding: 16px; border: 1px solid var(--xz-border); border-right: 0; background: #161e20; }
.xz-node-detail > div:first-child { border-radius: 11px 0 0 11px; }.xz-node-detail > div:last-child { border-right: 1px solid var(--xz-border); border-radius: 0 11px 11px 0; }
.xz-node-detail small { display: block; margin-bottom: 4px; overflow: hidden; color: #718085; font-size: 8px; white-space: nowrap; text-overflow: ellipsis; }
.xz-node-detail strong { display: block; overflow: hidden; color: #edf6f5; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; }
.xz-node-name { display: flex; align-items: center; gap: 9px; }
.xz-node-name > span { display: grid; place-items: center; width: 31px; height: 31px; flex: 0 0 31px; border-radius: 8px; background: rgba(32,199,183,.12); color: var(--xz-teal-bright); font-size: 9px; font-weight: 800; }
.xz-online { color: var(--xz-teal-bright) !important; }.xz-online i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--xz-teal); }

.xz-signal-strip { border-bottom: 1px solid var(--xz-border); background: #101518; }
.xz-signal-strip .xz-shell { min-height: 82px; display: grid; grid-template-columns: repeat(4,1fr); align-items: center; }
.xz-signal-strip span { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 38px; padding: 0 16px; border-right: 1px solid var(--xz-border); color: #7e8c90; font-size: 11px; }
.xz-signal-strip span:last-child { border-right: 0; }.xz-signal-strip i { color: var(--xz-teal); font-size: 14px; }.xz-signal-strip b { color: #dbe5e5; }

.xz-products { background: #0d1113; }
.xz-product-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 26px; }
.xz-product-controls button { position: relative; min-height: 42px; padding: 10px 18px; border: 1px solid var(--xz-border); border-radius: 999px; background: transparent; color: #aab8ba; font-size: 14px; font-weight: 600; cursor: pointer; transition: .2s ease; }
.xz-product-controls button:has(small) { margin-top: 9px; padding-right: 23px; }
.xz-product-controls button small { position: absolute; z-index: 2; right: -7px; top: -10px; display: inline-block; padding: 3px 7px; border: 1px solid rgba(196,181,253,.55); border-radius: 999px; background: #7658d8; box-shadow: 0 5px 16px rgba(118,88,216,.38); color: #fff; font-size: 8px; font-weight: 700; line-height: 1.25; white-space: nowrap; }
.xz-product-controls button:hover, .xz-product-controls button.active { border-color: rgba(32,199,183,.5); background: rgba(32,199,183,.1); color: #dffffa; }
.xz-product-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; }
.xz-product-card { min-height: 230px; display: flex; flex-direction: column; padding: 23px; border: 1px solid var(--xz-border); border-radius: 14px; background: var(--xz-panel); transition: transform .2s ease, border-color .2s ease, background .2s ease; }
.xz-product-card:hover { transform: translateY(-4px); border-color: rgba(32,199,183,.42); background: var(--xz-panel-hover); }
.xz-product-card[hidden] { display: none; }
.xz-product-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.xz-product-icon { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 11px; background: rgba(32,199,183,.11); color: var(--xz-teal-bright); font-size: 16px; }
.xz-available { color: #748388; font-size: 10px; }.xz-available i { display: inline-block; width: 6px; height: 6px; margin-right: 5px; border-radius: 50%; background: var(--xz-teal); box-shadow: 0 0 8px rgba(32,199,183,.5); }
.xz-product-copy h3 { min-height: 46px; margin: 0 0 9px; color: #edf3f3; font-size: 17px; line-height: 1.4; }
.xz-product-copy p { min-height: 43px; margin: 0; color: var(--xz-muted); font-size: 12px; line-height: 1.7; }
.xz-product-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 19px; border-top: 1px solid rgba(255,255,255,.06); }
.xz-product-bottom > span { color: #708085; font-size: 10px; }.xz-product-bottom > span i { margin-right: 5px; color: var(--xz-violet); }
.xz-product-link { color: var(--xz-teal-bright); font-size: 12px; font-weight: 700; }.xz-product-link i { margin-left: 5px; transition: transform .2s ease; }.xz-product-card:hover .xz-product-link i { transform: translateX(4px); }
.xz-empty-products { padding: 42px; border: 1px dashed var(--xz-border); border-radius: 13px; color: var(--xz-muted); text-align: center; }

.xz-advantages { border-top: 1px solid rgba(255,255,255,.035); background: #101518; }
.xz-advantage-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }
.xz-advantage-grid article { position: relative; min-height: 252px; padding: 28px; overflow: hidden; border: 1px solid var(--xz-border); border-radius: 15px; background: #151c1f; }
.xz-advantage-grid article > i { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: 30px; border: 1px solid rgba(32,199,183,.16); border-radius: 13px; background: rgba(32,199,183,.08); color: var(--xz-teal-bright); font-size: 18px; }
.xz-advantage-grid article > span { position: absolute; right: 22px; top: 18px; color: rgba(255,255,255,.05); font-size: 58px; font-weight: 800; }
.xz-advantage-grid h3 { margin: 0 0 10px; color: #eff5f4; font-size: 18px; }.xz-advantage-grid p { margin: 0; color: var(--xz-muted); font-size: 12px; line-height: 1.75; }

.xz-use-cases { background: #0d1113; }
.xz-use-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 72px; align-items: center; }
.xz-use-copy > p, .xz-faq-layout > div:first-child > p { margin: 18px 0 26px; color: var(--xz-muted); font-size: 13px; line-height: 1.8; }
.xz-use-tabs { display: grid; gap: 8px; }
.xz-use-tabs button { display: flex; align-items: center; gap: 12px; width: 100%; padding: 14px 16px; border: 1px solid var(--xz-border); border-radius: 10px; background: transparent; color: #869599; font-size: 13px; text-align: left; cursor: pointer; transition: .2s ease; }
.xz-use-tabs button i { width: 20px; text-align: center; }.xz-use-tabs button:hover, .xz-use-tabs button.active { border-color: rgba(32,199,183,.42); background: rgba(32,199,183,.08); color: #e5f5f3; }.xz-use-tabs button.active i { color: var(--xz-teal-bright); }
.xz-use-panel { position: relative; min-height: 420px; padding: 42px; overflow: hidden; border: 1px solid rgba(102,240,223,.15); border-radius: 20px; background-color: #141c1e; background-image: linear-gradient(rgba(102,240,223,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(102,240,223,.025) 1px, transparent 1px); background-size: 45px 45px; }
.xz-use-panel::after { content: ""; position: absolute; width: 280px; height: 280px; right: -100px; bottom: -120px; border-radius: 50%; background: #0b8f83; filter: blur(80px); opacity: .16; }
.xz-use-icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 27px; border-radius: 15px; background: rgba(32,199,183,.12); color: var(--xz-teal-bright); font-size: 21px; }
.xz-use-panel > span { color: var(--xz-violet); font-size: 9px; font-weight: 800; letter-spacing: .14em; }.xz-use-panel h3 { margin: 8px 0 13px; color: #f1f6f6; font-size: 25px; }.xz-use-panel > p { max-width: 590px; margin: 0 0 22px; color: var(--xz-muted); font-size: 13px; line-height: 1.8; }
.xz-use-panel ul { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; padding: 0; margin: 0 0 29px; list-style: none; }.xz-use-panel li { padding: 11px; border: 1px solid rgba(255,255,255,.07); border-radius: 9px; background: rgba(255,255,255,.025); color: #bbc7c8; font-size: 10px; }.xz-use-panel li i { margin-right: 6px; color: var(--xz-teal); }
.xz-use-panel > a, .xz-text-link { position: relative; z-index: 2; color: var(--xz-teal-bright); font-size: 12px; font-weight: 700; }

.xz-trust { border-block: 1px solid var(--xz-border); background: #111719; }
.xz-trust .xz-shell { display: grid; grid-template-columns: repeat(4,1fr); }
.xz-trust .xz-shell > div { padding: 31px 20px; border-right: 1px solid var(--xz-border); text-align: center; }.xz-trust .xz-shell > div:last-child { border-right: 0; }
.xz-trust strong { display: block; color: #f0f7f6; font-size: 26px; }.xz-trust span { color: var(--xz-muted); font-size: 11px; }

.xz-support { background: #0d1113; }
.xz-support-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.xz-support-grid a { display: grid; grid-template-columns: 45px 1fr auto; align-items: center; gap: 15px; padding: 21px; border: 1px solid var(--xz-border); border-radius: 13px; background: var(--xz-panel); color: #edf3f3; transition: .2s ease; }.xz-support-grid a:hover { transform: translateY(-2px); border-color: rgba(32,199,183,.38); background: var(--xz-panel-hover); }
.xz-support-grid a > i { color: var(--xz-teal-bright); font-size: 19px; text-align: center; }.xz-support-grid b { display: block; font-size: 13px; }.xz-support-grid small { display: block; margin-top: 5px; color: var(--xz-muted); font-size: 10px; }.xz-support-grid em { color: #657478; font-size: 11px; font-style: normal; }

.xz-faq { border-top: 1px solid rgba(255,255,255,.035); background: #101518; }
.xz-faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 78px; align-items: start; }
.xz-accordion { border-top: 1px solid var(--xz-border); }
.xz-accordion article { border-bottom: 1px solid var(--xz-border); }.xz-accordion article > button { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 0; border: 0; background: transparent; color: #dfe8e8; font-size: 13px; text-align: left; cursor: pointer; }.xz-accordion article > button i { color: #77868a; transition: transform .2s ease; }.xz-accordion article.open > button { color: var(--xz-teal-bright); }.xz-accordion article.open > button i { transform: rotate(45deg); }
.xz-accordion article > div { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .25s ease; }.xz-accordion article > div > p { min-height: 0; overflow: hidden; margin: 0; color: var(--xz-muted); font-size: 12px; line-height: 1.75; }.xz-accordion article.open > div { grid-template-rows: 1fr; }.xz-accordion article.open > div > p { padding-bottom: 20px; }

.xz-final-cta { padding: 78px 0; background: #0d1113; }
.xz-final-cta .xz-shell { display: flex; align-items: center; justify-content: space-between; gap: 45px; padding: 45px 48px; border: 1px solid rgba(102,240,223,.16); border-radius: 20px; background-color: #151d1f; background-image: linear-gradient(110deg, rgba(32,199,183,.08), transparent 55%, rgba(167,139,250,.06)); }
.xz-final-cta p { margin: 13px 0 0; color: var(--xz-muted); font-size: 13px; }.xz-final-cta .xz-shell > div:last-child { display: flex; gap: 10px; flex: 0 0 auto; }

@media (max-width: 1199px) {
    :root { --xz-shell: 1080px; }
    .xz-hero-layout { grid-template-columns: minmax(0,1fr) minmax(450px,.9fr); gap: 40px; }
    .xz-hero h1 { font-size: clamp(43px,4.4vw,57px); }
    .xz-network-map { height: 300px; }
    .xz-product-grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 991px) {
    .xz-shell { width: min(100% - 40px, var(--xz-shell)); }
    .xz-section { padding: 82px 0; }
    .xz-hero-layout { grid-template-columns: 1fr; padding-top: 62px; }
    .xz-hero-copy { max-width: 760px; }
    .xz-hero h1 { font-size: 56px; }
    .xz-network-card { max-width: 720px; }
    .xz-signal-strip .xz-shell { grid-template-columns: repeat(2,1fr); padding: 14px 0; }.xz-signal-strip span:nth-child(2) { border-right: 0; }.xz-signal-strip span:nth-child(-n+2) { border-bottom: 1px solid var(--xz-border); }
    .xz-advantage-grid { grid-template-columns: 1fr; }.xz-advantage-grid article { min-height: 210px; }
    .xz-use-layout, .xz-faq-layout { grid-template-columns: 1fr; gap: 40px; }
    .xz-use-tabs { grid-template-columns: repeat(3,1fr); }.xz-use-tabs button { justify-content: center; text-align: center; }
}
@media (max-width: 767px) {
    .xz-shell { width: min(100% - 30px, var(--xz-shell)); }
    .xz-section { padding: 68px 0; }
    .xz-section-heading { display: block; }.xz-section-heading > p { margin-top: 14px; }
    .xz-hero-layout { padding: 52px 0 62px; }
    .xz-hero h1 { font-size: 42px; }.xz-hero h1 > span { white-space: normal; }
    .xz-brand-line { display: block !important; font-size: 45px; }
    .xz-brand-line em { display: block; margin-top: 4px; font-size: 25px; }
    .xz-title-line { margin-top: 12px; font-size: 31px; line-height: 1.18; }
    .xz-hero-lead { font-size: 14px; }.xz-proof-list { display: grid; gap: 9px; }
    .xz-network-toolbar { grid-template-columns: 1fr auto; }.xz-network-toolbar small { display: none; }
    .xz-network-map { height: 260px; }.xz-node { padding: 7px; }.xz-node span { font-size: 9px; }.xz-node-detail { grid-template-columns: repeat(2,1fr); }.xz-node-detail > div:nth-child(2) { border-right: 1px solid var(--xz-border); border-radius: 0 10px 0 0; }.xz-node-detail > div:nth-child(3) { border-radius: 0 0 0 10px; }.xz-node-detail > div:last-child { border-radius: 0 0 10px 0; }
    .xz-product-grid, .xz-support-grid { grid-template-columns: 1fr; }
    .xz-use-tabs { grid-template-columns: 1fr; }.xz-use-tabs button { justify-content: flex-start; text-align: left; }
    .xz-use-panel { min-height: 0; padding: 28px; }.xz-use-panel ul { grid-template-columns: 1fr; }
    .xz-trust .xz-shell { grid-template-columns: repeat(2,1fr); }.xz-trust .xz-shell > div:nth-child(2) { border-right: 0; }.xz-trust .xz-shell > div:nth-child(-n+2) { border-bottom: 1px solid var(--xz-border); }
    .xz-final-cta .xz-shell { display: block; padding: 34px 27px; }.xz-final-cta .xz-shell > div:last-child { margin-top: 27px; }
}
@media (max-width: 440px) {
    .xz-hero h1 { font-size: 36px; }
    .xz-brand-line { font-size: 40px; }
    .xz-brand-line em { font-size: 22px; }
    .xz-title-line { font-size: 27px; }
    .xz-hero-actions { display: grid; }.xz-hero-actions .btn { width: 100%; }.xz-contact-actions { width: 100%; }
    .xz-hero-meta { display: grid; gap: 8px; }
    .xz-network-map { height: 225px; }.xz-network-map > img { top: 24%; }.xz-node-ca { left: 8%; top: 12%; }.xz-node-us { left: 5%; top: 49%; }.xz-node-jp { right: 4%; top: 24%; }.xz-node-hk { right: 12%; top: 66%; }
    .xz-signal-strip span { padding: 10px 5px; font-size: 9px; }
    .xz-product-controls { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }.xz-product-controls button { white-space: nowrap; }
    .xz-final-cta .xz-shell > div:last-child { display: grid; }.xz-final-cta .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .xz-home *, .xz-home *::before, .xz-home *::after { transition: none !important; }
}

/* =========================================================
   XueZhangVPS global WHMCS client theme
   Visual-only overrides: no WHMCS actions or data flow changed.
   ========================================================= */

body.xz-theme:not(.xz-homepage) {
    min-height: 100vh;
    background: var(--xz-bg);
    color: #dbe4e5;
    font-family: "Open Sans", "Microsoft YaHei", sans-serif;
}

body.xz-theme:not(.xz-homepage)::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background-color: #0d1113;
    background-image: linear-gradient(rgba(102,240,223,.022) 1px, transparent 1px), linear-gradient(90deg,rgba(102,240,223,.022) 1px, transparent 1px);
    background-size: 72px 72px;
}

body.xz-theme:not(.xz-homepage) #header.header {
    background: rgba(11,15,18,.97);
    border-bottom: 1px solid var(--xz-border);
    box-shadow: 0 12px 30px rgba(0,0,0,.16);
}

body.xz-theme #header .container,
body.xz-theme .master-breadcrumb .container,
body.xz-theme:not(.xz-homepage) #main-body > .container,
body.xz-theme #footer > .container {
    width: min(1280px, calc(100% - 48px));
    max-width: 1280px;
}

body.xz-theme #header .topbar {
    background: #0b1012;
    border-bottom: 1px solid rgba(255,255,255,.055);
}

body.xz-theme #header .topbar .btn,
body.xz-theme #header .topbar .input-group-text {
    border-color: var(--xz-border);
    background: #141b1e;
    color: #aebabc;
}

body.xz-theme #header .navbar-light {
    min-height: 68px;
    padding-block: 10px;
    background: transparent;
}

body.xz-theme #header .navbar-brand {
    color: #fff;
    font-weight: 800;
    letter-spacing: -.025em;
}

body.xz-theme #header .search .input-group-text,
body.xz-theme #header .search .btn,
body.xz-theme #header .search .form-control {
    border-color: var(--xz-border);
    background: #151c1f;
    color: #d9e4e4;
}

body.xz-theme #header .search .form-control::placeholder { color: #637176; }
body.xz-theme #header .toolbar .nav-link { border-radius: 8px; color: #bcc7c8; }
body.xz-theme #header .toolbar .nav-link:hover { background: rgba(32,199,183,.08); color: var(--xz-teal-bright); }
body.xz-theme #header .badge-info { background: var(--xz-teal); color: #071311; }

body.xz-theme #header .main-navbar-wrapper {
    min-height: 49px;
    background: #101619;
    border-top: 1px solid rgba(255,255,255,.045);
    border-bottom: 0;
}

body.xz-theme #header .main-navbar-wrapper .nav-link {
    padding: 14px 13px;
    color: #9ba8ab;
    font-size: 13px;
    transition: color .2s ease, background .2s ease;
}

body.xz-theme #header .main-navbar-wrapper .nav-link:hover,
body.xz-theme #header .main-navbar-wrapper .active > .nav-link,
body.xz-theme #header .main-navbar-wrapper .show > .nav-link {
    background: rgba(32,199,183,.055);
    color: var(--xz-teal-bright);
}

body.xz-theme .dropdown-menu {
    padding: 8px;
    border: 1px solid var(--xz-border);
    border-radius: 10px;
    background: #171e21;
    box-shadow: 0 22px 50px rgba(0,0,0,.4);
}

body.xz-theme .dropdown-item { border-radius: 7px; color: #b9c5c6; font-size: 12px; }
body.xz-theme .dropdown-item:hover,
body.xz-theme .dropdown-item:focus,
body.xz-theme .dropdown-item.active { background: rgba(32,199,183,.1); color: #e7f8f6; }

body.xz-theme .master-breadcrumb {
    padding: 14px 0;
    border-bottom: 1px solid var(--xz-border);
    background: #111719;
}

body.xz-theme .breadcrumb { margin: 0; padding: 0; background: transparent; }
body.xz-theme .breadcrumb-item,
body.xz-theme .breadcrumb-item a { color: #718084; font-size: 11px; }
body.xz-theme .breadcrumb-item.active { color: #b7c4c5; }
body.xz-theme .breadcrumb-item + .breadcrumb-item::before { color: #526064; }

body.xz-theme:not(.xz-homepage) #main-body {
    min-height: 620px;
    padding: 54px 0 80px;
    background: transparent;
}

body.xz-theme:not(.xz-homepage) #main-body > .container > .row { margin-inline: -12px; }
body.xz-theme:not(.xz-homepage) #main-body .primary-content,
body.xz-theme:not(.xz-homepage) #main-body .sidebar { padding-inline: 12px; }

body.xz-theme:not(.xz-homepage) .primary-content > h1,
body.xz-theme:not(.xz-homepage) .primary-content > .page-header h1,
body.xz-theme:not(.xz-homepage) .header-lined h1 {
    margin: 0 0 28px;
    color: #f1f7f6;
    font-size: clamp(28px,3vw,40px);
    font-weight: 700;
    letter-spacing: -.035em;
}

body.xz-theme h1, body.xz-theme h2, body.xz-theme h3,
body.xz-theme h4, body.xz-theme h5, body.xz-theme h6 { color: #edf4f4; }
body.xz-theme p, body.xz-theme .text-muted { color: #8d9b9f !important; }
body.xz-theme a { color: var(--xz-teal); }
body.xz-theme a:hover { color: var(--xz-teal-bright); }

body.xz-theme .card,
body.xz-theme .panel,
body.xz-theme .well,
body.xz-theme .list-group-item,
body.xz-theme .jumbotron {
    border: 1px solid var(--xz-border);
    border-radius: 14px;
    background: #151c1f;
    color: #cbd6d7;
    box-shadow: none;
}

body.xz-theme .card { overflow: hidden; }
body.xz-theme .card-header,
body.xz-theme .panel-heading {
    padding: 17px 20px;
    border-bottom: 1px solid var(--xz-border);
    background: #182124;
    color: #e8f0f0;
}

body.xz-theme .card-header .card-title,
body.xz-theme .panel-title { color: #eaf3f2; font-size: 14px; font-weight: 700; }
body.xz-theme .card-body,
body.xz-theme .panel-body { padding: 22px; }
body.xz-theme .card-footer,
body.xz-theme .panel-footer { border-top: 1px solid var(--xz-border); background: #12191b; color: #829094; }

body.xz-theme .list-group-item {
    margin-bottom: 0;
    border-width: 0 0 1px;
    border-radius: 0;
    background: #151c1f;
}
body.xz-theme .list-group-item:last-child { border-bottom: 0; }
body.xz-theme a.list-group-item:hover,
body.xz-theme .list-group-item-action:hover,
body.xz-theme .list-group-item.active {
    border-color: var(--xz-border);
    background: rgba(32,199,183,.08);
    color: #e6f5f3;
}

body.xz-theme .btn {
    border-radius: 8px;
    font-weight: 600;
    box-shadow: none !important;
}

body.xz-theme .btn-primary,
body.xz-theme .btn-success {
    border-color: var(--xz-teal);
    background: var(--xz-teal);
    color: #061311;
}
body.xz-theme .btn-primary:hover,
body.xz-theme .btn-success:hover,
body.xz-theme .btn-primary:focus,
body.xz-theme .btn-success:focus { border-color: #47dccc; background: #47dccc; color: #061311; }
body.xz-theme .btn-default,
body.xz-theme .btn-secondary,
body.xz-theme .btn-light {
    border-color: var(--xz-border);
    background: #1a2225;
    color: #d4dede;
}
body.xz-theme .btn-default:hover,
body.xz-theme .btn-secondary:hover,
body.xz-theme .btn-light:hover { border-color: rgba(32,199,183,.35); background: #202a2d; color: #f0f8f7; }
body.xz-theme .btn-danger { border-color: #e06771; background: #b74751; }
body.xz-theme .btn-warning { border-color: #d8a94f; background: #c89439; color: #171108; }
body.xz-theme .btn-link { color: var(--xz-teal-bright); }

body.xz-theme .form-control,
body.xz-theme .custom-select,
body.xz-theme select,
body.xz-theme textarea,
body.xz-theme .input-group-text {
    min-height: 42px;
    border-color: rgba(255,255,255,.11);
    border-radius: 8px;
    background: #111719;
    color: #dde7e7;
}
body.xz-theme .input-group > .form-control:not(:first-child),
body.xz-theme .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
body.xz-theme .input-group-text { color: #718084; }
body.xz-theme .form-control::placeholder { color: #59686c; }
body.xz-theme .form-control:focus,
body.xz-theme .custom-select:focus,
body.xz-theme select:focus,
body.xz-theme textarea:focus {
    border-color: rgba(32,199,183,.7);
    background: #131b1d;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(32,199,183,.1);
}
body.xz-theme label, body.xz-theme .form-control-label { color: #b8c4c5; font-size: 12px; font-weight: 600; }
body.xz-theme .custom-control-label::before { border-color: var(--xz-border); background: #111719; }
body.xz-theme .custom-control-input:checked ~ .custom-control-label::before { border-color: var(--xz-teal); background: var(--xz-teal); }

body.xz-theme .table-container,
body.xz-theme .dataTables_wrapper {
    overflow: hidden;
    border: 1px solid var(--xz-border);
    border-radius: 13px;
    background: #151c1f;
}
body.xz-theme .table { margin: 0; color: #cbd6d7; background: transparent; }
body.xz-theme .table thead th {
    border-color: var(--xz-border);
    background: #182124;
    color: #89989c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}
body.xz-theme table.dataTable thead th,
body.xz-theme table.dataTable thead td,
body.xz-theme .dataTables_wrapper table thead th,
body.xz-theme .dataTables_wrapper table thead td {
    border-color: var(--xz-border) !important;
    background-color: #182124 !important;
    color: #95a4a8 !important;
}
body.xz-theme .table td { border-color: rgba(255,255,255,.065); vertical-align: middle; }
body.xz-theme .table tbody td,
body.xz-theme table.table-list tbody td,
body.xz-theme .dataTables_wrapper table tbody td {
    border-color: rgba(255,255,255,.065) !important;
    background: #151c1f !important;
    color: #cbd6d7 !important;
}
body.xz-theme .table tbody tr:nth-child(even) td,
body.xz-theme table.table-list tbody tr:nth-child(even) td,
body.xz-theme .dataTables_wrapper table tbody tr:nth-child(even) td {
    background: #131a1d !important;
}
body.xz-theme .table tbody tr:hover td,
body.xz-theme table.table-list tbody tr:hover td,
body.xz-theme .dataTables_wrapper table tbody tr:hover td {
    background: rgba(32,199,183,.075) !important;
}
body.xz-theme .table tbody tr { transition: background .18s ease; }
body.xz-theme .table tbody tr:hover { background: rgba(32,199,183,.055); }
body.xz-theme .table-striped tbody tr:nth-of-type(odd) { background: rgba(255,255,255,.018); }
body.xz-theme .dataTables_info,
body.xz-theme .dataTables_length,
body.xz-theme .dataTables_filter { padding: 14px; color: #7e8d91; font-size: 11px; }
body.xz-theme .dataTables_filter input[type="search"],
body.xz-theme .dataTables_wrapper input[type="search"] {
    border: 1px solid var(--xz-border) !important;
    border-radius: 8px !important;
    background: #101719 !important;
    color: #e2ebeb !important;
}
body.xz-theme .page-link { border-color: var(--xz-border); background: #151c1f; color: #9ba9ac; }
body.xz-theme .page-item.active .page-link { border-color: var(--xz-teal); background: var(--xz-teal); color: #061311; }
body.xz-theme .page-item.disabled .page-link { border-color: var(--xz-border); background: #111719; color: #4f5d61; }

body.xz-theme .alert {
    border: 1px solid var(--xz-border);
    border-radius: 10px;
    background: #182124;
    color: #cbd6d7;
}
body.xz-theme .alert-success { border-color: rgba(32,199,183,.28); background: rgba(32,199,183,.08); color: #bdf3ec; }
body.xz-theme .alert-info { border-color: rgba(102,182,240,.28); background: rgba(77,152,207,.09); color: #c5e7fa; }
body.xz-theme .alert-warning { border-color: rgba(245,198,101,.3); background: rgba(245,198,101,.08); color: #f5dfac; }
body.xz-theme .alert-danger { border-color: rgba(224,103,113,.34); background: rgba(224,103,113,.09); color: #f1c2c6; }

body.xz-theme .badge,
body.xz-theme .label,
body.xz-theme .status {
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 700;
}
body.xz-theme .status-active,
body.xz-theme .status-paid,
body.xz-theme .status-completed,
body.xz-theme .label-success { background: rgba(32,199,183,.13); color: var(--xz-teal-bright); }
body.xz-theme .status-pending,
body.xz-theme .status-unpaid,
body.xz-theme .label-warning { background: rgba(245,198,101,.13); color: #f4d692; }
body.xz-theme .status-suspended,
body.xz-theme .status-cancelled,
body.xz-theme .status-terminated,
body.xz-theme .status-overdue,
body.xz-theme .label-danger { background: rgba(224,103,113,.13); color: #eeaeb4; }

body.xz-theme .sidebar .card,
body.xz-theme .sidebar .panel { margin-bottom: 14px; }
body.xz-theme .sidebar .card-header,
body.xz-theme .sidebar .panel-heading { padding: 15px 17px; }
body.xz-theme .sidebar .list-group-item { padding: 13px 16px; color: #9eabad; font-size: 12px; }
body.xz-theme .sidebar .list-group-item i { color: #667579; }
body.xz-theme .sidebar .list-group-item.active i,
body.xz-theme .sidebar .list-group-item:hover i { color: var(--xz-teal-bright); }

body.xz-theme .tiles { overflow: hidden; border: 1px solid var(--xz-border); border-radius: 14px; }
body.xz-theme .tiles .tile {
    min-height: 150px;
    border-right: 1px solid var(--xz-border);
    border-bottom: 0;
    background: #151c1f;
    color: #dfe8e8;
    transition: background .2s ease;
}
body.xz-theme .tiles .tile:hover { background: #1b2527; }
body.xz-theme .tiles .tile > i { color: var(--xz-teal); }
body.xz-theme .tiles .tile .stat { color: #f2f8f7; }
body.xz-theme .tiles .tile .title { color: #879599; }
body.xz-theme .tiles .tile .xz-pending-note { margin-top: 4px; color: #f0b65c; font-size: 10px; font-weight: 600; }
body.xz-theme .tiles .tile .highlight { height: 3px; background: var(--xz-teal) !important; }

body.xz-theme .nav-tabs { border-bottom: 1px solid var(--xz-border); }
body.xz-theme .nav-tabs .nav-link { border: 0; border-bottom: 2px solid transparent; background: transparent; color: #879599; }
body.xz-theme .nav-tabs .nav-link:hover,
body.xz-theme .nav-tabs .nav-link.active { border-bottom-color: var(--xz-teal); background: transparent; color: var(--xz-teal-bright); }

body.xz-theme .product-details .product-status {
    overflow: hidden;
    border: 1px solid var(--xz-border);
    border-radius: 14px;
    background: #111719;
}
body.xz-theme .product-details .product-icon { padding: 28px; }
body.xz-theme .product-details .product-icon .fa-circle { color: rgba(32,199,183,.18); }
body.xz-theme .product-details .product-icon .fa-inverse { color: var(--xz-teal-bright); }
body.xz-theme .product-details .product-status-text { padding: 12px; background: rgba(32,199,183,.1); color: var(--xz-teal-bright); }

/* Product details: replace inherited light surfaces with the site palette. */
body.xz-theme .product-details > .row { align-items: stretch; }
body.xz-theme .product-details .product-status {
    overflow: hidden;
    height: 100%;
    border: 1px solid rgba(145,169,173,.18) !important;
    border-radius: 14px;
    background: #11191b !important;
}
body.xz-theme .product-details .product-icon {
    min-height: 285px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #172326, #11191b) !important;
    color: #dce8e7 !important;
}
body.xz-theme .product-details .product-icon h3 {
    margin-top: 19px;
    color: #eef7f6 !important;
    font-size: 21px;
    line-height: 1.35;
}
body.xz-theme .product-details .product-icon h4 {
    margin-top: 7px;
    color: #8ea0a3 !important;
    font-size: 14px;
}
body.xz-theme .product-details .product-icon .fa-circle { color: rgba(32,199,183,.13) !important; }
body.xz-theme .product-details .product-icon .fa-inverse { color: #35d4c3 !important; }
body.xz-theme .product-details .product-status-text {
    border-top: 1px solid rgba(145,169,173,.16);
    background: rgba(32,199,183,.075) !important;
    color: #65e4d7 !important;
    font-weight: 700;
}
body.xz-theme .product-details > .row > .text-center {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    align-content: center;
    gap: 8px 16px;
    padding: 25px 30px;
    border: 1px solid rgba(145,169,173,.16);
    border-radius: 13px;
    background: rgba(12,18,20,.48);
    color: #afbec0;
}
body.xz-theme .product-details > .row > .text-center h4 {
    margin: 5px 0 -3px;
    color: #7f9094 !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
}
body.xz-theme .product-details > .row > .text-center h4 + * { color: #e0e9e9; }
body.xz-theme .product-actions-wrapper .btn-success,
body.xz-theme .product-actions-wrapper .btn-primary {
    border-color: rgba(32,199,183,.5) !important;
    background: #20c7b7 !important;
    color: #071413 !important;
    font-weight: 700;
}
body.xz-theme .product-details-tab-container,
body.xz-theme .product-details-tab-container.bg-white {
    min-height: 78px;
    padding: 23px 26px !important;
    border: 1px solid rgba(145,169,173,.18) !important;
    border-top: 0 !important;
    border-radius: 0 0 13px 13px;
    background: #131b1d !important;
    color: #b9c7c9 !important;
}
body.xz-theme .product-details-tab-container .tab-pane,
body.xz-theme .product-details-tab-container .row,
body.xz-theme .product-details-tab-container [class*="col-"] { background: transparent !important; }
body.xz-theme .product-details-tab-container .row {
    padding: 10px 0;
    border-bottom: 1px solid rgba(145,169,173,.1);
}
body.xz-theme .product-details-tab-container .row:last-child { border-bottom: 0; }
body.xz-theme .product-details-tab-container strong { color: #e2eceb !important; }
body.xz-theme .product-details-tab-container a { color: #37d5c5 !important; }
body.xz-theme .product-details + .product-actions-wrapper .btn,
body.xz-theme a[href*="ProductTransfer"] {
    border: 1px solid rgba(32,199,183,.48) !important;
    border-radius: 8px !important;
    background: rgba(32,199,183,.12) !important;
    color: #58dece !important;
    font-weight: 700;
}
body.xz-theme a[href*="ProductTransfer"]:hover { background: #20c7b7 !important; color: #071413 !important; }
body.xz-theme .product-actions-wrapper .btn { margin-bottom: 9px; }

body.xz-theme .invoice-container,
body.xz-theme .invoice-summary,
body.xz-theme .ticket-reply,
body.xz-theme .ticket-reply.staff,
body.xz-theme .kb-article-content {
    border-color: var(--xz-border);
    border-radius: 14px;
    background: #151c1f;
    color: #cbd6d7;
}
body.xz-theme .invoice-header,
body.xz-theme .invoice-status,
body.xz-theme .ticket-reply .date,
body.xz-theme .ticket-reply .user { border-color: var(--xz-border); background: #182124; color: #cbd6d7; }

body.xz-theme .login-form,
body.xz-theme .registration-form,
body.xz-theme .reset-form { display: flex; justify-content: center; }
body.xz-theme .login-form .card,
body.xz-theme .registration-form .card,
body.xz-theme .mw-540 { width: 100%; max-width: 540px; }
body.xz-theme.xz-page-login #main-body,
body.xz-theme.xz-page-register #main-body,
body.xz-theme.xz-page-password-reset-container #main-body { padding-top: 72px; }

body.xz-theme .modal-content {
    overflow: hidden;
    border: 1px solid var(--xz-border);
    border-radius: 14px;
    background: #151c1f;
    color: #d6e0e0;
    box-shadow: 0 30px 90px rgba(0,0,0,.55);
}
body.xz-theme .modal-header,
body.xz-theme .modal-footer { border-color: var(--xz-border); background: #182124; }
body.xz-theme .close { color: #c5d0d1; text-shadow: none; opacity: .8; }

body.xz-theme #order-standard_cart,
body.xz-theme #order-standard_cart .products,
body.xz-theme #order-standard_cart .product,
body.xz-theme #order-standard_cart .cart-body,
body.xz-theme #order-standard_cart .summary-container,
body.xz-theme #order-standard_cart .view-cart-items,
body.xz-theme #order-standard_cart .order-summary,
body.xz-theme #order-standard_cart .sub-heading,
body.xz-theme #order-standard_cart .domain-selection-options .option {
    color: #cbd6d7;
}
body.xz-theme #order-standard_cart .product,
body.xz-theme #order-standard_cart .summary-container,
body.xz-theme #order-standard_cart .view-cart-items,
body.xz-theme #order-standard_cart .order-summary,
body.xz-theme #order-standard_cart .domain-selection-options .option,
body.xz-theme #order-standard_cart .panel {
    border-color: var(--xz-border) !important;
    border-radius: 13px !important;
    background: #151c1f !important;
}
body.xz-theme #order-standard_cart .product header,
body.xz-theme #order-standard_cart .order-summary h2,
body.xz-theme #order-standard_cart .view-cart-items-header,
body.xz-theme #order-standard_cart .sub-heading span {
    border-color: var(--xz-border) !important;
    background: #182124 !important;
    color: #eaf2f2 !important;
}
body.xz-theme #order-standard_cart .product .product-desc,
body.xz-theme #order-standard_cart .product .product-pricing,
body.xz-theme #order-standard_cart .summary-container .subtotal,
body.xz-theme #order-standard_cart .summary-container .recurring-totals { color: #8f9da1 !important; }
body.xz-theme #order-standard_cart .sidebar-categories a { border-color: var(--xz-border); background: #151c1f; color: #9ba9ac; }
body.xz-theme #order-standard_cart .sidebar-categories a:hover,
body.xz-theme #order-standard_cart .sidebar-categories a.active { background: rgba(32,199,183,.1); color: var(--xz-teal-bright); }
body.xz-theme #order-standard_cart .btn-primary,
body.xz-theme #order-standard_cart .btn-success { border-color: var(--xz-teal) !important; background: var(--xz-teal) !important; color: #061311 !important; }
body.xz-theme #order-standard_cart input,
body.xz-theme #order-standard_cart select,
body.xz-theme #order-standard_cart textarea { border-color: var(--xz-border) !important; background: #101719 !important; color: #e0e9e9 !important; }

/* Order form text and configurable option contrast. */
body.xz-theme #order-standard_cart .product header span,
body.xz-theme #order-standard_cart .product header a,
body.xz-theme #order-standard_cart .product .product-title,
body.xz-theme #order-standard_cart .product .product-name,
body.xz-theme #order-standard_cart .item-title,
body.xz-theme #order-standard_cart .item-title strong,
body.xz-theme #order-standard_cart .field-container label,
body.xz-theme #order-standard_cart .field-container .field-label,
body.xz-theme #order-standard_cart .configurable-option label,
body.xz-theme #order-standard_cart .form-group label,
body.xz-theme #order-standard_cart .sub-heading,
body.xz-theme #order-standard_cart .sub-heading span,
body.xz-theme #order-standard_cart .billing-cycle,
body.xz-theme #order-standard_cart .product-info,
body.xz-theme #order-standard_cart .product-info p,
body.xz-theme #order-standard_cart .view-cart-items .item,
body.xz-theme #order-standard_cart .view-cart-items .item span,
body.xz-theme #order-standard_cart .order-summary,
body.xz-theme #order-standard_cart .order-summary span,
body.xz-theme #order-standard_cart .summary-container,
body.xz-theme #order-standard_cart .summary-container span {
    color: #dce7e7 !important;
}

body.xz-theme #order-standard_cart .product-info {
    padding: 24px !important;
    border: 1px solid var(--xz-border) !important;
    border-radius: 13px !important;
    background: #151c1f !important;
    color: #dce7e7 !important;
}

body.xz-theme #order-standard_cart .product-info > p,
body.xz-theme #order-standard_cart .product-info > div,
body.xz-theme #order-standard_cart .product-info strong,
body.xz-theme #order-standard_cart .product-info em {
    color: inherit !important;
}

body.xz-theme #order-standard_cart .view-cart-items .item,
body.xz-theme #order-standard_cart .view-cart-items .item:nth-child(odd),
body.xz-theme #order-standard_cart .view-cart-items .item:nth-child(even),
body.xz-theme #order-standard_cart .tab-content,
body.xz-theme #order-standard_cart .promo-code-form,
body.xz-theme #order-standard_cart .promo-code-form .card-body {
    border-color: var(--xz-border) !important;
    background: #151c1f !important;
    color: #dce7e7 !important;
}

body.xz-theme #order-standard_cart .view-cart-items .item-title,
body.xz-theme #order-standard_cart .view-cart-items .item-title a,
body.xz-theme #order-standard_cart .view-cart-items .item .item-title,
body.xz-theme #order-standard_cart .view-cart-items .item .item-title span {
    color: #f1f7f6 !important;
}

body.xz-theme #order-standard_cart .nav-tabs .nav-link,
body.xz-theme #order-standard_cart .nav-tabs > li > a {
    border-color: var(--xz-border) !important;
    background: #111719 !important;
    color: #91a1a4 !important;
}

body.xz-theme #order-standard_cart .nav-tabs .nav-link.active,
body.xz-theme #order-standard_cart .nav-tabs > li.active > a {
    border-bottom-color: #151c1f !important;
    background: #151c1f !important;
    color: var(--xz-teal-bright) !important;
}

body.xz-theme #order-standard_cart .account,
body.xz-theme #order-standard_cart .account.active,
body.xz-theme #order-standard_cart .apply-credit-container,
body.xz-theme #order-standard_cart .payment-methods,
body.xz-theme #order-standard_cart .payment-method,
body.xz-theme #order-standard_cart .gateway-container,
body.xz-theme #order-standard_cart .cc-input-container,
body.xz-theme #order-standard_cart .checkout-security-msg {
    border-color: var(--xz-border) !important;
    background: #151c1f !important;
    color: #dce7e7 !important;
}

body.xz-theme #order-standard_cart .account:hover,
body.xz-theme #order-standard_cart .account.active {
    border-color: rgba(32,199,183,.45) !important;
    background: rgba(32,199,183,.075) !important;
}

body.xz-theme #order-standard_cart .account *,
body.xz-theme #order-standard_cart .apply-credit-container *,
body.xz-theme #order-standard_cart .payment-method * {
    color: inherit;
}

body.xz-theme #header .main-navbar-wrapper .nav-link,
body.xz-theme #header .navbar-nav .nav-link,
body.xz-theme #header .navbar-nav a {
    color: #aebabc !important;
}

body.xz-theme #header .main-navbar-wrapper .nav-link:hover,
body.xz-theme #header .main-navbar-wrapper .active > .nav-link,
body.xz-theme #header .navbar-nav a:hover {
    color: var(--xz-teal-bright) !important;
}

body.xz-theme #order-standard_cart .product header span,
body.xz-theme #order-standard_cart .item-title,
body.xz-theme #order-standard_cart .sub-heading span,
body.xz-theme #order-standard_cart .order-summary h2 {
    color: #f2f8f7 !important;
}

body.xz-theme #order-standard_cart .product .product-desc,
body.xz-theme #order-standard_cart .product .product-desc p,
body.xz-theme #order-standard_cart .product .product-desc li,
body.xz-theme #order-standard_cart .field-help-text,
body.xz-theme #order-standard_cart .form-text,
body.xz-theme #order-standard_cart small {
    color: #95a5a8 !important;
}

body.xz-theme #order-standard_cart option,
body.xz-theme #order-standard_cart optgroup {
    background: #111719 !important;
    color: #eef6f5 !important;
}

body.xz-theme #order-standard_cart .irs-line,
body.xz-theme #order-standard_cart .irs-bar-edge,
body.xz-theme #order-standard_cart .irs-bar {
    border-color: rgba(32,199,183,.35) !important;
}

body.xz-theme #order-standard_cart .irs-bar,
body.xz-theme #order-standard_cart .irs-from,
body.xz-theme #order-standard_cart .irs-to,
body.xz-theme #order-standard_cart .irs-single {
    background: var(--xz-teal) !important;
    color: #061311 !important;
}

/* Ensure every non-home client page keeps the same graphite surface. */
body.xz-theme:not(.xz-homepage) #main-body,
body.xz-theme:not(.xz-homepage) #main-body > .container,
body.xz-theme:not(.xz-homepage) #main-body > .container > .row,
body.xz-theme:not(.xz-homepage) .primary-content {
    background-color: transparent !important;
}

body.xz-theme .client-home-panels .card,
body.xz-theme .client-home-panels .panel,
body.xz-theme .form-container,
body.xz-theme .login-form,
body.xz-theme .registration-form,
body.xz-theme .providerLinkingFeedback,
body.xz-theme .account-select-container {
    color: #dce7e7;
}

body.xz-theme #footer.footer {
    padding: 38px 0;
    border-top: 1px solid var(--xz-border);
    background: #090d0f;
    color: #718084;
}
body.xz-theme #footer .nav-link,
body.xz-theme #footer .btn { color: #87969a; }
body.xz-theme #footer .copyright { color: #657478; font-size: 11px; }

body.xz-theme #tg-floating-btn .tg-barrage { display: none !important; }
body.xz-theme #tg-floating-btn {
    right: 18px !important;
    bottom: 92px !important;
    width: 54px !important;
    height: 54px !important;
}

/* Standalone invoice keeps the same graphite/teal visual system. */
body.xz-invoice-page {
    min-height: 100vh;
    padding: 32px 16px 20px;
    background:
        linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
        #090e10 !important;
    background-size: 72px 72px !important;
    color: #dce7e7 !important;
}
body.xz-invoice-page .invoice-container {
    max-width: 1040px;
    padding: 42px 48px;
    border: 1px solid rgba(145,169,173,.18) !important;
    border-radius: 18px;
    background: #11181a !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.32);
    color: #dce7e7 !important;
}
body.xz-invoice-page h2,
body.xz-invoice-page h3,
body.xz-invoice-page strong,
body.xz-invoice-page td,
body.xz-invoice-page th,
body.xz-invoice-page address,
body.xz-invoice-page .small-text { color: #dce7e7 !important; }
body.xz-invoice-page hr,
body.xz-invoice-page .table td,
body.xz-invoice-page .table th { border-color: rgba(145,169,173,.18) !important; }
body.xz-invoice-page .card,
body.xz-invoice-page .card-header,
body.xz-invoice-page .table,
body.xz-invoice-page .total-row {
    border-color: rgba(145,169,173,.18) !important;
    background: #151f21 !important;
    color: #dce7e7 !important;
}
body.xz-invoice-page .table tbody tr:nth-child(even) td { background: rgba(255,255,255,.018) !important; }
body.xz-invoice-page .custom-select,
body.xz-invoice-page .form-control {
    border-color: rgba(145,169,173,.25) !important;
    background: #0d1315 !important;
    color: #edf7f5 !important;
}
body.xz-invoice-page .btn-default,
body.xz-invoice-page .payment-btn-container input,
body.xz-invoice-page .payment-btn-container button {
    border: 1px solid rgba(32,199,183,.48) !important;
    border-radius: 8px !important;
    background: #20c7b7 !important;
    color: #061311 !important;
    font-weight: 700;
}
body.xz-invoice-page > .text-center a { color: #20c7b7 !important; }

/* Announcement excerpts and imported article HTML must remain readable. */
body.xz-theme .announcements .announcement article,
body.xz-theme .announcement-single article,
body.xz-theme .announcement-single .article-content {
    border: 1px solid rgba(145,169,173,.17) !important;
    border-left: 3px solid rgba(32,199,183,.75) !important;
    border-radius: 9px;
    background: #101719 !important;
    color: #aebdbf !important;
}
body.xz-theme .announcements .announcement article *,
body.xz-theme .announcement-single article *,
body.xz-theme .announcement-single .article-content * {
    background-color: transparent !important;
    color: #aebdbf !important;
}
body.xz-theme .announcements .announcement article a,
body.xz-theme .announcement-single article a,
body.xz-theme .announcement-single .article-content a { color: #2ed5c4 !important; }
@media (max-width: 767px) {
    body.xz-invoice-page { padding: 12px 8px 18px; }
    body.xz-invoice-page .invoice-container { padding: 24px 18px; border-radius: 13px; }
}
@media print {
    body.xz-invoice-page { padding: 0; background: #fff !important; color: #111 !important; }
    body.xz-invoice-page .invoice-container { border: 0 !important; box-shadow: none; background: #fff !important; color: #111 !important; }
    body.xz-invoice-page h2, body.xz-invoice-page h3, body.xz-invoice-page strong,
    body.xz-invoice-page td, body.xz-invoice-page th, body.xz-invoice-page address,
    body.xz-invoice-page .small-text { color: #111 !important; }
}

@media (max-width: 991px) {
    body.xz-theme #header .container,
    body.xz-theme .master-breadcrumb .container,
    body.xz-theme:not(.xz-homepage) #main-body > .container,
    body.xz-theme #footer > .container { width: calc(100% - 30px); }
    body.xz-theme:not(.xz-homepage) #main-body { padding-top: 35px; }
    body.xz-theme .sidebar { margin-bottom: 20px; }
    body.xz-theme .tiles .tile { border-bottom: 1px solid var(--xz-border); }
}

@media (max-width: 767px) {
    body.xz-theme #header .navbar-light { min-height: 58px; }
    body.xz-theme #header .main-navbar-wrapper .nav-link { padding: 11px 13px; }
    body.xz-theme:not(.xz-homepage) #main-body { padding-bottom: 55px; }
    body.xz-theme .card-body, body.xz-theme .panel-body { padding: 17px; }
    body.xz-theme .table-container { overflow-x: auto; }
    body.xz-theme .table { min-width: 680px; }
    body.xz-theme .tiles .tile { min-height: 125px; }
    body.xz-theme .product-details .row > div + div { margin-top: 22px; }
    body.xz-theme #order-standard_cart .row { margin-inline: -8px; }
}