/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}


/* MBH Cloud / Blue-white WHMCS Nexus custom theme, 2026 */
:root {
 --primary: #1267eb; --primary-lifted: #0755d7; --primary-accented: #0645b0;
 --primary-50: #eef6ff; --primary-100: #dcecff; --primary-200: #bfdcff;
 --primary-500: #2a86ff; --primary-600: #1267eb; --primary-700: #0755d7;
 --text: #142744; --text-muted: #778aa5; --text-lifted: #5e7290; --text-accented: #405775;
 --bg: #fff; --bg-muted: #f6f9fe; --border: #dae5f1; --border-muted: #e7eef7;
 --rounding-sm: .4rem; --rounding-md: .7rem; --rounding-lg: 1rem;
}
html {scroll-behavior:smooth}
body {color:#152c49;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f8fbff}
a {transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
a:hover {text-decoration:none}
.btn-primary,.btn-success {border-radius:10px;box-shadow:0 5px 14px rgba(13,103,235,.12)}
.btn-primary {background:#1267eb;border-color:#1267eb}
.btn-primary:hover {background:#0555ce;border-color:#0555ce}
.form-control:focus {border-color:#64a7ff;box-shadow:0 0 0 3px rgba(19,105,235,.12)}
.card {border-radius:14px;border-color:#e5edf7;box-shadow:0 6px 30px rgba(30,67,115,.045)}
.master-breadcrumb {background:#f8fbff;border-bottom:1px solid #e8eff8}
#main-body {background:#f8fbff;min-height:400px}
.mbh-homepage #main-body {padding:0!important;background:#fff;min-height:0}
.mbh-homepage #main-body > .container-fluid, .mbh-homepage .primary-content {max-width:none!important;}
.mbh-homepage .primary-content {padding:0!important;margin:0!important;}
.mbh-homepage #main-body > .container-fluid > .row {margin:0!important;}
.mbh-homepage .mbh-portal *, .mbh-site-header *, .mbh-site-footer * {box-sizing:border-box}
.mbh-site-header {background:#fff;position:relative;z-index:70;border-bottom:1px solid #eaf0f8;box-shadow:0 3px 18px rgba(21,57,105,.025)}
.mbh-utility-bar {background:#0d2446;color:#bfd0ed;font-size:11px;letter-spacing:.03em}
.mbh-utility-content {min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.mbh-utility-bar a {color:#d8e8fc}.mbh-utility-bar a:hover {color:#fff}
.mbh-utility-dot {display:inline-block;width:6px;height:6px;background:#58d6b1;border-radius:50%;vertical-align:2px;margin-right:6px;box-shadow:0 0 0 4px rgba(88,214,177,.12)}
.mbh-utility-right {display:flex;gap:26px}.mbh-utility-right i {margin-right:5px}
.mbh-navbar {padding:0;background:white}.mbh-navbar-inner {min-height:84px;display:flex;align-items:center;gap:22px;flex-wrap:nowrap}
.mbh-brand {display:inline-flex;gap:12px;align-items:center;white-space:nowrap;margin:0!important;padding:0;color:#0a2349!important;text-decoration:none!important;flex-shrink:0}
.mbh-brand-icon {width:41px;height:41px;display:flex;align-items:center;justify-content:center;gap:3px;background:linear-gradient(142deg,#0a89ff,#134fe0);border-radius:12px;box-shadow:0 7px 16px rgba(15,106,237,.18);transform:rotate(-8deg)}
.mbh-brand-icon span {display:block;width:6px;border-radius:5px;background:#fff;transform:rotate(8deg)}
.mbh-brand-icon span:first-child {height:12px;margin-top:9px;opacity:.78}.mbh-brand-icon span:nth-child(2) {height:22px}.mbh-brand-icon span:last-child {height:16px;margin-top:-6px;opacity:.9}
.mbh-brand-words {display:flex;flex-direction:column;line-height:1}.mbh-brand-words strong {font-size:23px;font-weight:850;letter-spacing:-1.25px}.mbh-brand-words strong span {color:#1267eb}.mbh-brand-words small {font-size:8px;font-weight:800;letter-spacing:1.45px;color:#8190a7;margin-top:6px}
.mbh-main-collapse {flex:1;min-width:0;justify-content:flex-end}.mbh-primary-menu {align-items:center;margin-left:auto!important}
.mbh-primary-menu .nav-link,.mbh-account-menu .nav-link {color:#355071!important;font-size:13px!important;font-weight:700!important;padding:12px 11px!important;border-radius:9px}
.mbh-primary-menu .nav-link:hover,.mbh-account-menu .nav-link:hover,.mbh-primary-menu .nav-link.active {color:#086be9!important;background:#edf5ff}
.mbh-primary-product-link {color:#086be9!important}
.mbh-account-menu {align-items:center}.mbh-navbar-actions {display:flex;align-items:center;gap:11px;flex-shrink:0}
.mbh-console-btn {height:39px;display:inline-flex;align-items:center;gap:8px;padding:0 14px;border-radius:10px;font-weight:700;font-size:12px;background:#eef5ff;color:#1262dc;border:1px solid #e0eefe}
.mbh-console-btn:hover {background:#deecff;color:#0a55c2}
.mbh-cart-btn {height:39px;width:40px;background:#1267eb;color:#fff!important;display:flex;align-items:center;justify-content:center;border-radius:10px;position:relative}
.mbh-cart-btn:hover {background:#0755d7;transform:translateY(-1px)}
.mbh-cart-count {position:absolute;top:-7px;right:-7px;background:#0b2345;border:2px solid white;border-radius:20px;font-size:10px;min-width:19px;height:19px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}
.mbh-mobile-toggle {height:39px;width:39px;border:1px solid #dce7f4;border-radius:10px;background:#fff;color:#0e5dd2;cursor:pointer}
.mbh-site-header .topbar {background:#eef6ff;border-bottom:1px solid #dbe9fc}.mbh-site-header .topbar .btn {color:#214b81}
/* Footer */
.mbh-site-footer {background:#0b1d38!important;color:#b4c3d8!important;padding:0!important;border:0!important;font-size:13px}
.mbh-footer-grid {display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:54px;padding-top:68px;padding-bottom:53px}
.mbh-footer-brand .mbh-brand-words strong {color:#fff!important}.mbh-footer-brand .mbh-brand-words small {color:#97aeca}.mbh-footer-about p {line-height:1.9;color:#9bb0ca;max-width:285px;margin:23px 0 20px}
.mbh-footer-member {display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(132,184,251,.21);background:rgba(62,123,206,.1);color:#c5d9f5;font-size:11px;border-radius:30px;padding:8px 12px}
.mbh-footer-group {display:flex;flex-direction:column;gap:14px}.mbh-footer-group h3 {color:#fff;font-size:13px;font-weight:750;margin:6px 0 12px}.mbh-footer-group a,.mbh-footer-group span {font-size:12px;color:#a5b9d3}.mbh-footer-group a:hover {color:#fff}
.mbh-footer-bottom {border-top:1px solid rgba(206,228,255,.11);display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:21px;padding-bottom:23px}.mbh-footer-bottom p {color:#829bb8;font-size:11px;margin:0!important}.mbh-footer-bottom-actions {display:flex;align-items:center;gap:18px}
.mbh-footer-bottom-actions .list-inline-item {display:inline}.mbh-footer-bottom-actions a {color:#acc4e1}
.mbh-language-trigger {border:1px solid rgba(176,210,255,.22);border-radius:9px;background:transparent;color:#b7cbea;padding:8px 12px;font-size:11px;cursor:pointer}
/* Homepage containers, typography */
.mbh-portal {overflow:hidden;background:#fff;color:#112a4c}
.mbh-container {max-width:1220px;padding:0 25px;margin:0 auto}
.mbh-portal h1,.mbh-portal h2,.mbh-portal h3,.mbh-portal p {font-family:inherit}
.mbh-portal h1,.mbh-portal h2,.mbh-portal h3 {letter-spacing:-.055em}
.mbh-btn {display:inline-flex;justify-content:center;align-items:center;gap:15px;font-weight:750;font-size:13px;border-radius:11px;min-height:52px;padding:0 23px;white-space:nowrap;box-shadow:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.mbh-btn i {font-size:12px}.mbh-btn:hover {transform:translateY(-2px)}
.mbh-btn-primary {background:#116af0;color:#fff!important;box-shadow:0 9px 24px rgba(21,109,238,.21)}.mbh-btn-primary:hover {background:#0056d8;box-shadow:0 12px 28px rgba(21,109,238,.25)}
.mbh-btn-ghost {border:1px solid #cbd9ec;color:#1d4169!important;background:#fff}.mbh-btn-ghost:hover {border-color:#398beb;background:#f6fbff}
.mbh-btn-white {background:#fff;color:#105ddd!important}.mbh-btn-white:hover {background:#f0f6ff}
.mbh-hero {position:relative;min-height:603px;background:radial-gradient(ellipse 46% 70% at 77% 39%,rgba(178,219,255,.36),transparent 82%),radial-gradient(ellipse 30% 46% at 4% 5%,rgba(212,231,255,.5),transparent 88%),linear-gradient(112deg,#fff 24%,#f5faff 68%,#eaf5ff 100%);overflow:hidden}
.mbh-hero:before {content:'';position:absolute;inset:0;opacity:.33;background-image:linear-gradient(#e2ecfa 1px,transparent 1px),linear-gradient(90deg,#e2ecfa 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 24%,#000 100%);pointer-events:none}
.mbh-hero-orb {position:absolute;pointer-events:none;border-radius:50%}.mbh-hero-orb-a {width:370px;height:370px;background:rgba(93,171,255,.17);filter:blur(95px);right:-110px;top:30px}.mbh-hero-orb-b {width:280px;height:280px;background:rgba(200,225,255,.42);filter:blur(80px);left:-170px;bottom:0}
.mbh-hero-grid {position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:25px;align-items:center;min-height:603px;padding-top:68px;padding-bottom:77px}
.mbh-hero-copy {position:relative;z-index:2;padding-right:6px}
.mbh-hero-kicker {display:inline-flex;align-items:center;gap:9px;background:#edf5ff;border:1px solid #d9eaff;border-radius:100px;padding:10px 14px;font-size:9.5px;color:#2166ba;font-weight:850;letter-spacing:1.1px;white-space:nowrap;max-width:100%}
.mbh-kicker-spark {width:8px;height:8px;border-radius:50%;background:#217dff;box-shadow:0 0 0 4px rgba(33,125,255,.13)}.mbh-kicker-rule {width:1px;height:11px;background:#b4d5f8}
.mbh-hero h1 {font-size:clamp(42px,4.5vw,65px);line-height:1.24;font-weight:850;letter-spacing:-2.5px;color:#0c2549;margin:25px 0 21px}
.mbh-hero h1 span {color:#126bf0;background:linear-gradient(100deg,#0b6cef,#3b95ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mbh-hero-lead {font-size:15px;line-height:2;color:#617691;max-width:505px;margin:0}
.mbh-hero-actions {display:flex;align-items:center;gap:13px;margin-top:29px;flex-wrap:wrap}
.mbh-hero-highlights {display:flex;gap:21px;align-items:center;flex-wrap:wrap;color:#7488a0;font-size:11px;font-weight:650;margin-top:30px}.mbh-hero-highlights i {color:#1d80ef;margin-right:5px}
.mbh-hero-bottom-line {position:absolute;bottom:0;left:0;right:0;height:1px;background:#e4edf8}
/* self-contained CPU dashboard vector illustration */
.mbh-hero-visual {height:455px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;z-index:1}
.mbh-visual-halo {position:absolute;width:395px;height:395px;border-radius:50%;background:radial-gradient(circle,rgba(11,122,249,.18),rgba(11,122,249,0) 72%);border:1px dashed rgba(79,155,240,.28);transform:rotate(20deg)}
.mbh-visual-halo:after {content:'';position:absolute;inset:34px;border:1px dashed rgba(72,139,230,.26);border-radius:50%}
.mbh-visual-window {width:395px;background:#fff;border-radius:21px;box-shadow:0 38px 85px rgba(22,86,168,.16),0 2px 10px rgba(21,87,170,.07);border:1px solid rgba(218,232,250,.95);transform:rotate(-2deg);position:relative;z-index:2;overflow:hidden}
.mbh-window-bar {height:46px;padding:0 16px;background:#f8fbff;border-bottom:1px solid #e9f0f9;display:flex;align-items:center;justify-content:space-between;color:#8da0b6;font-size:9px;font-weight:800;letter-spacing:1.2px}
.mbh-window-dots {display:flex;gap:5px}.mbh-window-dots span {width:7px;height:7px;background:#dce8f6;border-radius:50%}.mbh-window-dots span:first-child {background:#ffac9f}.mbh-window-dots span:nth-child(2) {background:#ffdc89}.mbh-window-dots span:nth-child(3) {background:#a3e3c3}
.mbh-window-signal {color:#467bb5;font-size:8px}.mbh-window-signal i {display:inline-block;width:6px;height:6px;background:#3cd19a;border-radius:50%;margin-right:4px}
.mbh-window-main {padding:25px 27px 23px}.mbh-window-heading {display:flex;justify-content:space-between;align-items:center}.mbh-window-heading>div {display:flex;flex-direction:column;gap:7px}.mbh-window-heading>div span {font-size:10px;color:#8ca0b6}.mbh-window-heading strong {font-size:20px;color:#0d2b53;letter-spacing:-.7px}.mbh-chip-badge {font-size:10px;color:#1671e8;font-weight:850;background:#eaf4ff;border:1px solid #daebff;padding:7px 9px;border-radius:7px}
.mbh-chip-illustration {height:199px;display:flex;align-items:center;justify-content:center;position:relative;margin:6px 0 11px;overflow:hidden;background:radial-gradient(ellipse 45% 45% at center,rgba(67,161,255,.11),transparent 90%)}
.mbh-main-chip {height:144px;width:144px;background:linear-gradient(135deg,#0a2854,#1056a6);border:8px solid #10447c;border-radius:16px;box-shadow:0 15px 27px rgba(18,99,209,.25),inset 0 0 0 1px rgba(218,237,255,.22);display:grid;place-items:center;position:relative;z-index:2;transform:rotate(-5deg)}
.mbh-main-chip:before,.mbh-main-chip:after {content:'';position:absolute;inset:-12px -17px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 12px,#5594d9 12px,#5594d9 16px,transparent 16px,transparent 25px);z-index:-1;border-radius:12px}.mbh-main-chip:after {transform:rotate(90deg)}
.mbh-main-chip-core {height:110px;width:110px;border:1px solid rgba(144,198,255,.32);border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:white;background:radial-gradient(circle at top right,rgba(103,174,255,.17),transparent 80%)}
.mbh-main-chip-core span {font-size:13px;font-style:italic;font-weight:800;letter-spacing:-.4px}.mbh-main-chip-core strong {font-size:19px;font-style:italic;font-weight:900;letter-spacing:1px}.mbh-main-chip-core em {font-size:10px;letter-spacing:2px;font-style:normal;color:#86beff}
.mbh-chip-ring {position:absolute;width:250px;height:250px;border:1px dashed rgba(50,146,255,.24);border-radius:50%}.mbh-chip-circuit {position:absolute;width:95px;height:95px;border-top:1px solid #d7e8ff;border-bottom:1px solid #d7e8ff;top:50px}.mbh-circuit-left {left:-10px}.mbh-circuit-right {right:-10px}
.mbh-window-bottom {display:flex;gap:10px}.mbh-window-bottom>div {display:flex;align-items:center;gap:10px;flex:1;border:1px solid #e7eff8;border-radius:10px;padding:12px 13px;min-width:0}.mbh-window-bottom i {color:#1675f1;font-size:15px}.mbh-window-bottom span {display:flex;flex-direction:column;gap:3px}.mbh-window-bottom small {font-size:9px;color:#8da0b8}.mbh-window-bottom strong {font-size:12px;color:#1c3b63}
.mbh-floating-card {position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);padding:12px 14px;border:1px solid #e5effb;border-radius:13px;box-shadow:0 13px 34px rgba(36,95,163,.14);white-space:nowrap}.mbh-floating-card span:last-child {display:flex;flex-direction:column;gap:4px}.mbh-floating-card small {font-size:8px;color:#8b9db6;font-weight:800;letter-spacing:.8px}.mbh-floating-card strong {font-size:11px;color:#1c3e68}.mbh-floating-icon {height:32px;width:32px;border-radius:9px;background:#e9f4ff;display:grid;place-items:center;color:#0877f9;font-size:13px}.mbh-floating-card-left {left:-5px;bottom:45px;transform:rotate(4deg)}.mbh-floating-card-right {right:-18px;top:35px;transform:rotate(5deg)}
/* four capability metrics */
.mbh-stats-strip {background:#fff;border-bottom:1px solid #e8eff8}.mbh-stats-grid {display:grid;grid-template-columns:repeat(4,1fr);padding-top:27px;padding-bottom:27px}.mbh-stat {display:flex;align-items:center;gap:14px;padding:4px 20px;border-right:1px solid #e8eef7}.mbh-stat:first-child {padding-left:0}.mbh-stat:last-child {border-right:0}.mbh-stat-icon {height:43px;width:43px;display:grid;place-items:center;border:1px solid #e0edff;border-radius:12px;background:#f0f7ff;color:#1879f4;font-size:17px}.mbh-stat>div {display:flex;flex-direction:column;gap:4px}.mbh-stat strong {color:#163b69;font-size:15px;line-height:1.2}.mbh-stat small {color:#91a1b5;font-size:10px}
/* product offers */
.mbh-plans-section {padding:97px 0 90px;background:linear-gradient(#f8fbff,#fff 93%);scroll-margin-top:110px}.mbh-section-intro {display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.mbh-section-tag {color:#1471ef;font-size:10px;font-weight:900;letter-spacing:2px;display:inline-flex;align-items:center;gap:10px}.mbh-section-tag i {font-size:6px}.mbh-portal h2 {font-size:clamp(31px,3.25vw,43px);font-weight:850;line-height:1.28;color:#112b4c;margin:12px 0 13px}.mbh-portal h2 span {color:#1670eb}.mbh-section-intro p,.mbh-center-heading p,.mbh-faq-intro p {font-size:13px;color:#7890a9;line-height:1.9;margin:0;max-width:650px}.mbh-inline-link {font-size:12px;color:#1369e8!important;font-weight:750;white-space:nowrap;display:inline-flex;align-items:center;gap:10px;padding-bottom:5px}.mbh-inline-link:hover {gap:15px}
.mbh-plan-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;align-items:stretch}
.mbh-plan {position:relative;background:#fff;border:1px solid #e0e9f6;border-radius:17px;padding:25px 18px 18px;box-shadow:0 12px 27px rgba(21,68,128,.035);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0}.mbh-plan:hover {transform:translateY(-6px);box-shadow:0 18px 39px rgba(19,80,163,.12);border-color:#87bcff}
.mbh-plan-popular {border:2px solid #227aff;padding:24px 17px 17px;box-shadow:0 15px 37px rgba(10,95,218,.10)}
.mbh-popular-tag {position:absolute;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:linear-gradient(100deg,#1171ec,#49a0ff);color:#fff;font-size:10px;font-weight:800;padding:7px 15px;border-radius:30px;box-shadow:0 5px 12px rgba(15,106,233,.2)}
.mbh-plan-eyebrow {font-size:9px;font-weight:800;color:#2f82f1;letter-spacing:1.3px;white-space:nowrap}.mbh-plan h3 {font-size:24px;color:#17385f;font-weight:850;margin:10px 0 7px;letter-spacing:-1px}.mbh-plan-top p {font-size:10.5px;color:#8ca0b5;margin:0;min-height:16px}
.mbh-plan-price {display:flex;align-items:baseline;gap:3px;margin-top:25px;white-space:nowrap}.mbh-dollar {color:#156ee9;font-size:21px;font-weight:800;align-self:flex-start;margin-top:7px}.mbh-plan-price strong {color:#102b4f;font-size:44px;letter-spacing:-2px;line-height:1;font-weight:850}.mbh-price-term {font-size:10px;color:#8da0b5;margin-left:3px;letter-spacing:-.2px}.mbh-plan-rule {height:1px;background:#e8eef7;margin:23px 0 20px}
.mbh-plan-specs {list-style:none!important;margin:0 0 26px!important;padding:0!important;display:flex;flex-direction:column;gap:17px}.mbh-plan-specs li {display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:10px;line-height:1.3}.mbh-plan-specs li span {color:#869ab1;white-space:nowrap}.mbh-plan-specs li span i {color:#3989ec;margin-right:4px;width:12px;text-align:center}.mbh-plan-specs li strong {color:#26466f;font-weight:750;text-align:right;white-space:nowrap;font-size:10px}
.mbh-plan-cta {display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #cadffa;border-radius:10px;background:#f0f7ff;color:#1169e4!important;font-weight:800;font-size:12px;min-height:43px;margin-top:auto;white-space:nowrap}.mbh-plan-cta:hover {background:#e3f0ff;border-color:#6ba8fa}.mbh-plan-popular .mbh-plan-cta {background:#1475ed;color:#fff!important;border-color:#1475ed;box-shadow:0 7px 18px rgba(20,117,237,.17)}.mbh-plan-popular .mbh-plan-cta:hover {background:#0759cd}
.mbh-pricing-disclaimer {font-size:10px!important;line-height:1.8;color:#9badc1;text-align:center;margin:23px 0 0}
/* features */
.mbh-why-section {padding:60px 0 104px;background:#fff}.mbh-center-heading {text-align:center;max-width:750px;margin:0 auto 42px}.mbh-center-heading p {margin:0 auto}
.mbh-feature-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.mbh-feature {background:#f8fbff;border:1px solid #e9f0fa;padding:30px 25px 24px;border-radius:16px;transition:transform .2s,background .2s}.mbh-feature:hover {transform:translateY(-4px);background:#f0f7ff}.mbh-feature-symbol {height:52px;width:52px;background:#eaf4ff;color:#136fed;font-size:20px;display:grid;place-items:center;border-radius:14px;margin-bottom:25px}.mbh-feature h3 {font-size:17px;font-weight:820;letter-spacing:-.5px;margin:0 0 11px;color:#193659}.mbh-feature p {font-size:12px;color:#798ea8;line-height:1.95;min-height:89px;margin:0}.mbh-feature>span {font-size:9px;font-weight:800;letter-spacing:1.2px;color:#a7b9ce}
/* LA datacenter / location visualization */
.mbh-infra-section {background:#0d2851;color:#fff;padding:100px 0;position:relative;overflow:hidden}.mbh-infra-section:before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 15%,rgba(17,111,234,.28),transparent 42%);pointer-events:none}
.mbh-infra-grid {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px;position:relative}.mbh-section-tag-light {color:#74b9ff}.mbh-infra-copy h2 {color:#fff;font-size:clamp(33px,3.6vw,49px);line-height:1.29;margin-top:19px}.mbh-infra-copy h2 span {color:#65b0ff}.mbh-infra-copy>p {font-size:13px;line-height:2.1;color:#aec4e0;max-width:470px;margin:20px 0 0}.mbh-infra-list {display:flex;flex-direction:column;gap:18px;margin:28px 0 33px;color:#d6e8fd;font-size:12px}.mbh-infra-list i {color:#7ec3ff;margin-right:9px}
.mbh-infra-graphic {height:360px;border:1px solid rgba(124,174,255,.28);background:linear-gradient(155deg,rgba(53,114,197,.18),rgba(17,57,103,.42));border-radius:20px;position:relative;overflow:hidden;box-shadow:0 25px 60px rgba(1,19,44,.18)}
.mbh-map-grid {position:absolute;inset:0;background-image:linear-gradient(rgba(110,166,237,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(110,166,237,.13) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse at center,#000,transparent 95%)}
.mbh-map-ring {position:absolute;border:1px solid rgba(89,171,252,.28);width:300px;height:300px;border-radius:50%;left:55px;top:15px}.mbh-map-ring-two {width:210px;height:210px;left:100px;top:60px;border-style:dashed}.mbh-city-pin {position:absolute;top:115px;left:122px;display:flex;align-items:center;gap:12px}.mbh-city-pin-dot {height:17px;width:17px;border:4px solid #c6e8ff;background:#1477f4;border-radius:50%;box-shadow:0 0 0 12px rgba(31,138,244,.14),0 0 0 28px rgba(31,138,244,.065)}.mbh-city-pin>div {display:flex;flex-direction:column;gap:6px;padding:12px 15px;background:rgba(4,34,76,.78);border:1px solid rgba(134,189,255,.25);border-radius:11px;backdrop-filter:blur(5px)}.mbh-city-pin small {color:#6fbcff;font-size:8px;letter-spacing:1.2px}.mbh-city-pin strong {color:#fff;font-size:17px;letter-spacing:1px}.mbh-city-pin>div>span {font-size:9px;color:#91b4dc}
.mbh-infra-mini-card {position:absolute;bottom:24px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(8,32,71,.8);border:1px solid rgba(136,186,251,.24);padding:14px 16px;border-radius:11px}.mbh-infra-mini-card>span {color:#99caff;font-size:11px;font-weight:750}.mbh-infra-mini-card>span i {margin-right:8px}.mbh-infra-mini-card>div {display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mbh-infra-mini-card strong {font-size:11px;letter-spacing:.3px}.mbh-infra-mini-card small {font-size:8px;color:#8baed5}.mbh-map-coord {position:absolute;left:24px;top:24px;font-size:9px;font-weight:800;letter-spacing:1.5px;color:#8eb2df}.mbh-map-coord span {padding-left:15px;color:#e0efff}
/* accordion */
.mbh-faq-section {padding:100px 0 108px;background:#f8fbff}.mbh-faq-grid {display:grid;grid-template-columns:.83fr 1.17fr;gap:80px;align-items:start}.mbh-faq-intro p {max-width:300px;margin:17px 0 26px}.mbh-faq-list {display:flex;flex-direction:column;gap:12px}.mbh-faq-list details {background:#fff;border:1px solid #e3ebf6;border-radius:12px;box-shadow:0 4px 16px rgba(11,63,124,.025)}.mbh-faq-list details[open] {border-color:#c7dfff;box-shadow:0 7px 21px rgba(11,93,183,.07)}.mbh-faq-list summary {list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:19px 22px;gap:20px;font-size:13px;font-weight:800;color:#24456c}.mbh-faq-list summary::-webkit-details-marker {display:none}.mbh-faq-list summary span {font-size:22px;color:#126eea;font-weight:400}.mbh-faq-list details[open] summary span {transform:rotate(45deg)}.mbh-faq-list details p {color:#728ba7;font-size:12px;line-height:1.9;padding:0 22px 20px;margin:0}
/* CTA */
.mbh-final-section {padding:55px 0 95px;background:#fff}.mbh-final-card {background:linear-gradient(110deg,#0a5bdf,#278df7);color:#fff;border-radius:19px;padding:54px 58px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 24px 50px rgba(17,105,215,.15)}.mbh-final-card>div:not(.mbh-final-rings) {position:relative;z-index:2}.mbh-final-card>div>span {font-size:10px;letter-spacing:2px;color:#c0e1ff;font-weight:800}.mbh-final-card h2 {font-size:31px;color:#fff;margin:14px 0 8px}.mbh-final-card p {color:#cde5ff;font-size:13px;margin:0}.mbh-final-actions {display:flex;align-items:center;gap:22px;white-space:nowrap}.mbh-final-secondary {color:#fff!important;font-weight:750;font-size:12px}.mbh-final-secondary i {margin-left:5px}.mbh-final-rings {position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.14);border-radius:50%;right:125px;top:-265px;box-shadow:0 0 0 80px rgba(255,255,255,.045),0 0 0 160px rgba(255,255,255,.03)}
/* Modal/login and WHMCS account consistency */
.mbh-homepage .master-breadcrumb {display:none}.mbh-site-header .dropdown-menu {border-radius:11px;box-shadow:0 15px 34px rgba(22,77,137,.13);border:1px solid #e7eff8}
.mbh-site-header .dropdown-item:hover {background:#eff6ff;color:#0a65e5}.mbh-homepage #footer {margin:0}
@media (max-width:1199px){
 .mbh-navbar-inner {flex-wrap:wrap;gap:0;min-height:76px;padding-top:12px;padding-bottom:12px}.mbh-navbar-actions {margin-left:auto}.mbh-main-collapse {order:3;flex-basis:100%;width:100%;background:#fff;padding:14px 4px 7px}.mbh-primary-menu,.mbh-account-menu {align-items:stretch!important;margin-left:0!important}.mbh-main-collapse .navbar-nav {width:100%}.mbh-main-collapse .nav-link {padding:11px 13px!important}.mbh-hero-grid {gap:10px}.mbh-plan-grid {grid-template-columns:repeat(3,minmax(0,1fr))}.mbh-plan-specs li {font-size:11px}.mbh-plan-specs li strong {font-size:11px}.mbh-feature-grid {grid-template-columns:repeat(2,1fr)}.mbh-feature p {min-height:0;margin-bottom:22px}.mbh-footer-grid {gap:25px}
}
@media (max-width:991px){
 .mbh-hero-grid {grid-template-columns:1fr;min-height:0;padding-top:65px;padding-bottom:72px;gap:20px}.mbh-hero-copy {text-align:center}.mbh-hero-lead {margin:auto}.mbh-hero-actions,.mbh-hero-highlights {justify-content:center}.mbh-hero-visual {height:435px;max-width:540px;width:100%;margin:0 auto}.mbh-infra-grid {gap:40px}.mbh-stats-grid {grid-template-columns:repeat(2,1fr);row-gap:12px}.mbh-stat:nth-child(2) {border-right:0}.mbh-stat:nth-child(3) {padding-left:0}.mbh-faq-grid {gap:32px}.mbh-final-card {flex-direction:column;align-items:flex-start}.mbh-footer-grid {grid-template-columns:repeat(3,1fr)}.mbh-footer-about {grid-column:1/-1}.mbh-footer-about p {max-width:600px}
}
@media (max-width:720px){
 .mbh-container {padding-left:18px;padding-right:18px}.mbh-utility-location {display:none}.mbh-utility-right {gap:10px}.mbh-brand-icon {width:36px;height:36px}.mbh-brand-words strong {font-size:20px}.mbh-brand-words small {font-size:6.5px;letter-spacing:1.2px}.mbh-hero {min-height:0}.mbh-hero-grid {padding-top:50px;padding-bottom:45px}.mbh-hero-kicker {white-space:normal;letter-spacing:.6px;font-size:8px;line-height:1.5}.mbh-hero h1 {font-size:clamp(35px,8.6vw,48px);letter-spacing:-2px}.mbh-hero-lead {font-size:13px;line-height:1.85}.mbh-hero-visual {height:380px}.mbh-visual-window {width:min(350px,85%)}.mbh-window-main {padding:20px}.mbh-main-chip {height:122px;width:122px}.mbh-main-chip-core {width:90px;height:90px}.mbh-chip-illustration {height:164px}.mbh-chip-ring {width:205px;height:205px}.mbh-floating-card {padding:9px;font-size:9px}.mbh-floating-card-left {left:0;bottom:32px}.mbh-floating-card-right {right:0;top:22px}.mbh-floating-icon {height:27px;width:27px}.mbh-floating-card strong {font-size:9px}.mbh-floating-card small {font-size:7px}.mbh-hero-highlights {gap:10px 13px}.mbh-hero-highlights span {font-size:10px}
 .mbh-plans-section {padding:68px 0 66px}.mbh-section-intro {display:block}.mbh-section-intro .mbh-inline-link {margin-top:18px}.mbh-plan-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mbh-plan {padding:21px 13px 14px}.mbh-plan-popular {padding:20px 12px 13px}.mbh-plan h3 {font-size:21px}.mbh-plan-price strong {font-size:39px}.mbh-plan-price {margin-top:22px}.mbh-plan-specs li {flex-wrap:wrap;gap:3px}.mbh-plan-specs li strong {margin-left:auto}.mbh-plan-cta {font-size:11px}.mbh-plan-eyebrow {font-size:8px}.mbh-feature-grid {grid-template-columns:1fr 1fr;gap:12px}.mbh-feature {padding:22px 18px}.mbh-feature h3 {font-size:15px}.mbh-feature p {font-size:11px}.mbh-why-section {padding:25px 0 70px}.mbh-infra-section {padding:70px 0}.mbh-infra-grid {grid-template-columns:1fr}.mbh-infra-graphic {height:310px}.mbh-city-pin {left:22%;top:93px}.mbh-map-ring {left:7%;top:0}.mbh-map-ring-two {left:16%;top:40px}.mbh-faq-section {padding:70px 0}.mbh-faq-grid {grid-template-columns:1fr;gap:26px}.mbh-final-section {padding:33px 0 62px}.mbh-final-card {padding:36px 29px}.mbh-final-card h2 {font-size:26px}.mbh-footer-grid {grid-template-columns:repeat(2,1fr);gap:28px 20px;padding-top:50px}.mbh-footer-about {grid-column:1/-1}.mbh-footer-bottom {align-items:flex-start;flex-direction:column}
}
@media (max-width:420px){
 .mbh-utility-content {font-size:9px}.mbh-utility-right a {font-size:9px}.mbh-console-btn {padding:0 10px}.mbh-navbar-actions {gap:6px}.mbh-brand-words small {display:none}.mbh-brand-words strong {font-size:19px}.mbh-hero-actions {display:grid;grid-template-columns:1fr;width:100%}.mbh-hero-actions .mbh-btn {width:100%}.mbh-hero-visual {height:345px}.mbh-visual-window {width:85%}.mbh-floating-card-right {top:5px}.mbh-floating-card-left {bottom:8px}.mbh-window-bottom>div {padding:9px 6px;gap:5px}.mbh-window-bottom strong {font-size:10px}.mbh-window-heading strong {font-size:17px}
 .mbh-stats-grid {grid-template-columns:repeat(2,1fr)}.mbh-stat {gap:8px;padding:5px 9px}.mbh-stat-icon {width:34px;height:34px;font-size:13px}.mbh-stat strong {font-size:11px}.mbh-stat small {font-size:9px}.mbh-plan-grid {grid-template-columns:1fr}.mbh-plan {padding:25px}.mbh-plan-popular {padding:24px}.mbh-plan-specs li {flex-wrap:nowrap}.mbh-plan-specs li strong {font-size:12px}.mbh-plan-price strong {font-size:48px}.mbh-feature-grid {grid-template-columns:1fr}.mbh-feature p {min-height:0;margin-bottom:16px}.mbh-infra-mini-card {padding:12px}.mbh-infra-mini-card strong {font-size:9px}.mbh-infra-mini-card small {font-size:7px}.mbh-final-actions {flex-wrap:wrap;gap:20px}
}
@media (prefers-reduced-motion:reduce){html {scroll-behavior:auto}.mbh-plan,.mbh-btn,.mbh-feature,.mbh-portal a {transition:none!important}}