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

    ** 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%;
}


/*
 * B8Host Networks LLC — Aurora / SaaS edition
 * Copyright B8Host Networks LLC. WHMCS base files remain their respective owners'.
 * All homepage styling is namespaced to b8-* to avoid affecting WHMCS workflows.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
    --primary: #526df5;
    --primary-lifted: #415ddb;
    --primary-accented: #304bc3;
    --secondary: #6b7892;
    --secondary-lifted: #53627d;
    --secondary-accented: #3d4961;
    --success: #16ba94;
    --success-lifted: #0c9e7b;
    --success-accented: #067c62;
    --info: #526df5;
    --info-lifted: #415ddb;
    --info-accented: #304bc3;
    --text: #16213c;
    --text-muted: #8997b2;
    --border: #d9e0ee;
    --bg: #fff;
    --bg-muted: #f7f9fd;
    --bg-inverted: #091124;
    --b8-navy: #090f1f;
    --b8-panel: #111b30;
    --b8-border: rgba(169, 189, 230, .15);
    --b8-ink: #eaf1ff;
    --b8-muted: #9aa9c4;
    --b8-mint: #55efcb;
    --b8-blue: #7e9bff;
    --b8-purple: #936ef4;
}
html { scroll-behavior: smooth; }
body.b8-theme { font-family: 'DM Sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; }
body.b8-theme h1, body.b8-theme h2, body.b8-theme h3, body.b8-theme h4,
body.b8-theme .b8-brand, body.b8-theme .b8-btn { font-family: 'Manrope', 'DM Sans', Arial, sans-serif; }
body.b8-theme a { transition: color .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
body.b8-theme a:hover { text-decoration: none; }
body.b8-theme .btn-primary { background: #526df5; border-color: #526df5; }
body.b8-theme .btn-primary:hover { background: #405cdf; border-color: #405cdf; }
body.b8-theme .btn-outline-primary { color: #526df5; border-color: #526df5; }
body.b8-theme .btn-outline-primary:hover { color: #fff; background: #526df5; }
body.b8-theme .card, body.b8-theme .modal-content { border-radius: 12px; }
body.b8-theme button:focus-visible, body.b8-theme a:focus-visible, body.b8-theme summary:focus-visible { outline: 2px solid var(--b8-mint); outline-offset: 4px; }

/* Chrome / shared WHMCS navigation */
.b8-topline { height: 32px; background: #0a1429; border-bottom: 1px solid rgba(164,190,244,.08); color: #a0aece; }
.b8-topline-inner { height: 100%; display:flex; align-items:center; justify-content:space-between; font-size:9px; font-weight:700; letter-spacing:.13em; }
.b8-topline-message { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.b8-topline-message b { font-weight:800; color:#cce5fb; }
.b8-topline-right { display:flex; gap:24px; align-items:center; }
.b8-topline-right a { color:#9eaac5; }
.b8-topline-right a:hover { color:var(--b8-mint); }
.b8-pulse, .b8-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--b8-mint); flex:none; box-shadow:0 0 0 4px rgba(85,239,203,.10),0 0 17px rgba(85,239,203,.5); }
body.b8-theme .header.b8-site-header { background:rgba(10,16,32,.97); color:#fff; border-bottom:1px solid rgba(165,188,237,.12); position:relative; z-index:25; }
.b8-header-main { border-bottom:1px solid rgba(165,188,237,.055); }
.b8-header-inner { min-height:78px; display:flex; align-items:center; gap:34px; }
.b8-brand { display:flex; align-items:center; gap:11px; min-width:201px; color:#fff !important; line-height:1.05; }
.b8-brand:hover { color:#fff !important; }
.b8-brand-mark { width:42px; height:42px; flex:none; display:block; }
.b8-brand-word { display:flex; flex-direction:column; gap:3px; }
.b8-brand-word strong { letter-spacing:-.07em; font-size:23px; font-weight:800; color:#f6f9ff; }
.b8-brand-word strong span { color:var(--b8-mint); }
.b8-brand-word small { letter-spacing:.22em; font:700 8px/1 'DM Sans',sans-serif; color:#7484a7; }
.b8-quicknav { display:flex; align-items:center; gap:32px; margin-left:auto; }
.b8-quicknav a { color:#adbbd1; font-size:12px; font-weight:600; letter-spacing:.01em; white-space:nowrap; }
.b8-quicknav a:hover { color:#fff; }
.b8-quicknav a.active { color:#fff; }
.b8-header-actions { display:flex; align-items:center; gap:13px; margin-left:auto; }
.b8-header-account { font-size:12px; color:#c4cde0; font-weight:600; white-space:nowrap; }
.b8-header-account:hover { color:#fff; }
.b8-header-account i { margin-right:7px; color:#93a3ca; }
.b8-header-cart { position:relative; color:#afbad1; font-size:15px; line-height:1; padding:10px; }
.b8-header-cart:hover { color:#fff; }
.b8-header-cart .badge { position:absolute; top:0; right:0; padding:3px 5px; font-size:9px; background:var(--b8-mint); color:#051923; }
.b8-header-cta { font:800 11px 'Manrope',sans-serif; white-space:nowrap; padding:12px 17px; border-radius:7px; background:#ecf2ff; color:#0c1830 !important; }
.b8-header-cta:hover { background:var(--b8-mint); transform:translateY(-1px); }
.b8-header-cta span { margin-left:15px; font-size:15px; }
.b8-menu-toggler { display:none; padding:9px 12px; color:#eaf0ff; border:1px solid #344260; border-radius:8px; background:transparent; cursor:pointer; }
.b8-menu-toggler i { font-size:17px; }
.b8-dynamic-nav { background:#0d162b; border:0; padding:0; min-height:0; }
.b8-dynamic-nav #mainNavbar { min-height:41px; }
.b8-dynamic-nav ul#nav, .b8-dynamic-nav ul.navbar-nav { flex-direction:row; align-items:center; }
.b8-dynamic-nav .navbar-nav > li > a { display:inline-block; color:#94a7c9; padding:12px 17px 12px 0; font-size:11px; font-weight:600; }
.b8-dynamic-nav .navbar-nav > li > a:hover { color:#fff; }
.b8-dynamic-nav .navbar-nav .dropdown-menu a { color:#223050; }
.b8-dynamic-nav .dropdown-menu { border:1px solid #e8edf6; border-radius:8px; box-shadow:0 14px 36px rgba(8,17,34,.22); padding:6px; }
.b8-dynamic-nav .navbar-nav .dropdown-menu a { padding:9px 10px !important; border-radius:5px; }
.b8-dynamic-nav .navbar-nav .dropdown-menu a:hover { background:#f1f5ff; }
.b8-homepage .b8-dynamic-nav { display:none; }
.b8-theme .topbar { background:#111c33; color:#e5ecfb; }
.b8-theme .topbar .btn { color:#dce9ff; }
.b8-theme .topbar .btn-active-client { color:#fff; }
.b8-theme .master-breadcrumb { background:#f0f4fc; color:#7081a1; }
.b8-theme .master-breadcrumb .breadcrumb { background:transparent; }
.b8-homepage .master-breadcrumb { display:none; }
.b8-interior #main-body { background:#f6f8fd; min-height:500px; padding-top:42px; padding-bottom:64px; }
.b8-interior #main-body .primary-content { color:#25324b; }
.b8-interior #main-body h1, .b8-interior #main-body h2, .b8-interior #main-body h3 { color:#16233b; }
.b8-theme #footer.b8-footer { background:#080e1c; border-top:1px solid rgba(134,157,205,.18); padding:0; color:#8191af; }
.b8-footer-main { display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:60px; padding:70px 0 55px; }
.b8-footer-about p { max-width:300px; margin:20px 0 22px; color:#8090b1; font-size:13px; line-height:1.85; }
.b8-footer-social { display:flex; align-items:center; gap:9px; }
.b8-footer-social a { display:flex; align-items:center; justify-content:center; background:#111b30; border:1px solid #23304c; color:#b8c6df; width:34px; height:34px; border-radius:6px; }
.b8-footer-social a:hover { color:#51ecc8; border-color:#51ecc8; }
.b8-footer-heading { margin:0 0 24px; font:800 11px 'Manrope',sans-serif; letter-spacing:.14em; color:#eef3ff; }
.b8-footer-links { display:flex; flex-direction:column; gap:15px; }
.b8-footer-links a { color:#8797b5; font-size:12px; font-weight:500; }
.b8-footer-links a:hover { color:#55efcb; }
.b8-footer-bottom { border-top:1px solid rgba(134,157,205,.12); min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.b8-footer-bottom > span { font-size:11px; color:#7987a3; }
.b8-footer-bottom > div { display:flex; align-items:center; gap:15px; font-size:11px; }
.b8-footer-bottom a { color:#8d9ab2; }
.b8-footer-bottom a:hover { color:#fff; }
.b8-footer-registered { font-size:10px; color:#899fbe; letter-spacing:.06em; }
.b8-footer-language { margin-top:19px; }
.b8-footer-language .btn { color:#9eacc6; border:1px solid #26344e; border-radius:5px; font-size:11px; }
.b8-footer-language .btn:hover { color:#fff; border-color:#7b90bd; }

/* Homepage: remove WHMCS default containment only on the landing */
.b8-homepage { background:var(--b8-navy); }
.b8-homepage #main-body { padding:0; margin:0; background:var(--b8-navy); overflow:hidden; }
.b8-homepage #main-body > .container { width:100%; max-width:none; padding:0; margin:0; }
.b8-homepage #main-body > .container > .row { margin:0; }
.b8-homepage #main-body .primary-content { padding:0; min-width:0; }
.b8-homepage #main-body .sidebar, .b8-homepage #main-body .sidebar-secondary { display:none; }
.b8-landing { color:var(--b8-ink); background:var(--b8-navy); font-size:14px; }
.b8-landing * { box-sizing:border-box; }
.b8-landing ::selection { background:rgba(85,239,203,.35); color:#fff; }
.b8-landing h1,.b8-landing h2,.b8-landing h3,.b8-landing h4,.b8-landing p { margin-top:0; }
.b8-landing h1,.b8-landing h2,.b8-landing h3 { color:#edf3ff; }
.b8-landing p { color:#a0afc9; }
.b8-container { width:min(1236px, calc(100% - 86px)); margin:0 auto; position:relative; }
.b8-section { position:relative; }
.b8-btn { display:inline-flex; justify-content:center; align-items:center; gap:20px; font-size:12px; line-height:1.4; font-weight:800; border-radius:8px; padding:12px 20px; text-decoration:none !important; white-space:nowrap; }
.b8-btn:hover { transform:translateY(-2px); }
.b8-btn span:last-child { font-size:17px; font-weight:500; }
.b8-btn-large { min-height:55px; padding:14px 22px; }
.b8-btn-primary { color:#071922 !important; background:var(--b8-mint); border:1px solid var(--b8-mint); box-shadow:0 9px 35px rgba(76,229,192,.17); }
.b8-btn-primary:hover { background:#b4ffe8; border-color:#b4ffe8; box-shadow:0 12px 35px rgba(76,229,192,.24); }
.b8-btn-ghost { color:#eaf2ff !important; border:1px solid #384760; background:rgba(20,34,58,.55); }
.b8-btn-ghost:hover { border-color:#7c98ca; background:#172741; }
.b8-btn-dark { background:#07101f; color:#fff !important; border:1px solid #07101f; }
.b8-btn-dark:hover { background:#172b42; }
.b8-kicker { display:flex; align-items:center; gap:10px; color:#5ce8c5; font-size:10px; line-height:1; letter-spacing:.21em; font-weight:800; margin-bottom:25px; }
.b8-kicker-icon { font-size:16px; line-height:1; color:#63edc9; }
.b8-section-topline { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(181,198,230,.12); padding:16px 0; margin-bottom:66px; color:#6f7e9d; font-size:9px; font-weight:800; letter-spacing:.14em; }
.b8-section-heading h2,.b8-feature-intro h2,.b8-network-copy h2,.b8-faq-intro h2 { font-size:clamp(32px,3.5vw,48px); letter-spacing:-.065em; line-height:1.19; font-weight:800; }
.b8-section-heading h2 span,.b8-feature-intro h2 span,.b8-network-copy h2 span,.b8-faq-intro h2 span { color:#778bac; }
.b8-section-heading p { max-width:400px; color:#98a8c2; font-size:13px; line-height:1.9; }

/* Hero */
.b8-hero { min-height:625px; padding:85px 0 24px; background:radial-gradient(ellipse 43% 70% at 84% 48%,#18234a 0%,rgba(10,16,35,0) 84%),linear-gradient(180deg,#0a1122,#090f1e); }
.b8-hero::after { position:absolute; content:""; inset:0; opacity:.12; pointer-events:none; background-image:linear-gradient(rgba(91,129,193,.19) 1px, transparent 1px),linear-gradient(90deg,rgba(91,129,193,.19) 1px, transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,transparent 10%,#000 80%); }
.b8-hero-glow { position:absolute; pointer-events:none; border-radius:50%; filter:blur(80px); opacity:.25; }
.b8-hero-glow-a { width:310px; height:310px; right:14%; top:115px; background:#4556ee; }
.b8-hero-glow-b { width:180px; height:180px; right:1%; top:320px; background:#16a998; opacity:.13; }
.b8-hero-grid { display:grid; grid-template-columns: 1.03fr 1fr; align-items:center; gap:34px; z-index:2; }
.b8-hero-copy { padding-bottom:15px; position:relative; z-index:2; }
.b8-eyebrow { display:inline-flex; align-items:center; gap:11px; white-space:nowrap; font-size:10px; letter-spacing:.15em; color:#9dadc8; font-weight:800; margin-bottom:32px; }
.b8-eyebrow-line { width:19px; height:1px; background:#7083ab; }
.b8-hero h1 { max-width:620px; font-size:clamp(47px,5.45vw,75px); line-height:1.09; letter-spacing:-.075em; font-weight:800; margin:0 0 27px; }
.b8-hero-hl { color:var(--b8-mint); background:linear-gradient(110deg,#e6fff8 0%,#61edd0 53%,#6c9efd 105%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.b8-hero-description { max-width:500px; font-size:15px; line-height:1.95; color:#9dacc4; margin:0 0 31px; }
.b8-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.b8-hero-proofs { display:flex; flex-wrap:wrap; align-items:center; gap:24px; margin-top:37px; font-size:11px; font-weight:600; color:#99a9c6; }
.b8-hero-proofs i { color:var(--b8-mint); font-size:13px; margin-right:7px; }
.b8-hero-bottom { z-index:2; display:flex; justify-content:space-between; align-items:center; padding:25px 0 7px; font-size:9px; color:#697996; letter-spacing:.15em; font-weight:800; }
.b8-hero-bottom-scroll i { font-size:10px; margin-left:10px; color:var(--b8-mint); }
.b8-art { height:476px; position:relative; display:flex; align-items:center; justify-content:center; perspective:1200px; }
.b8-art-grid { position:absolute; inset:10px -35px; background:linear-gradient(rgba(98,143,230,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(98,143,230,.11) 1px,transparent 1px); background-size:40px 40px; opacity:.47; transform:perspective(650px) rotateX(25deg) rotateZ(-4deg); mask-image:radial-gradient(ellipse at center,#000 5%,transparent 75%); }
.b8-art-glow { position:absolute; width:290px; height:290px; border-radius:50%; background:rgba(80,105,235,.25); filter:blur(75px); }
.b8-console { width:100%; max-width:558px; position:relative; overflow:hidden; z-index:2; border-radius:14px; background:linear-gradient(140deg,rgba(24,36,65,.9),rgba(12,22,43,.96)); border:1px solid rgba(140,171,235,.28); box-shadow:0 24px 70px rgba(1,6,20,.6), 0 0 45px rgba(56,88,211,.13),inset 0 1px rgba(255,255,255,.06); transform:perspective(1200px) rotateY(-6deg) rotateX(2deg); }
.b8-console-head { height:56px; padding:0 23px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(163,184,234,.12); }
.b8-console-identity { display:flex; gap:10px; align-items:center; color:#dfe9ff; font-size:9px; letter-spacing:.095em; font-weight:800; line-height:1.3; }
.b8-console-identity small { display:block; color:#6e82aa; letter-spacing:.19em; font-size:7px; }
.b8-console-mark { display:inline-flex; align-items:center; justify-content:center; width:31px; height:31px; border:1px solid rgba(115,160,240,.25); background:#142851; color:#6beccd; border-radius:5px; font-size:13px; font-weight:900; }
.b8-console-signal { color:#69e6c0; font-size:8px; letter-spacing:.13em; font-weight:800; }
.b8-console-signal .b8-dot { width:5px; height:5px; margin-right:8px; }
.b8-console-middle { position:relative; height:325px; display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 47%,rgba(55,89,195,.14),transparent 55%); }
.b8-network-svg { width:100%; height:100%; max-width:550px; }
.b8-visual-label { position:absolute; padding:12px 14px; display:flex; align-items:center; gap:9px; border:1px solid rgba(113,146,216,.24); border-radius:9px; background:rgba(13,27,56,.90); box-shadow:0 10px 20px rgba(0,0,0,.18); }
.b8-visual-label > i { display:flex; align-items:center; justify-content:center; width:33px; height:33px; background:rgba(93,122,239,.14); border:1px solid rgba(134,156,234,.13); border-radius:7px; color:#80a1ff; font-size:13px; }
.b8-visual-label div { display:flex; flex-direction:column; gap:5px; }
.b8-visual-label strong { color:#dce8fb; font-size:10px; line-height:1; }
.b8-visual-label span { color:#8a9bb9; font-size:8px; }
.b8-visual-label-left { left:9px; top:64px; }
.b8-visual-label-right { right:9px; bottom:45px; }
.b8-console-footer { height:44px; padding:0 22px; border-top:1px solid rgba(163,184,234,.12); display:flex; gap:23px; align-items:center; color:#90a6c8; font-size:8px; letter-spacing:.12em; font-weight:800; }
.b8-console-footer > span { display:flex; align-items:center; gap:8px; }
.b8-square-dot { width:5px; height:5px; background:var(--b8-mint); box-shadow:0 0 10px rgba(85,239,203,.4); }
.b8-purple-dot { background:#9d90ff; box-shadow:none; }
.b8-console-footer .b8-console-code { margin-left:auto; color:#52668c; }
.b8-float-tag { position:absolute; z-index:3; display:flex; align-items:center; gap:12px; padding:10px 13px; border-radius:6px; border:1px solid rgba(140,171,235,.24); background:rgba(13,25,46,.9); color:#c0d2eb; font-size:8px; font-weight:800; letter-spacing:.13em; box-shadow:0 8px 20px rgba(2,8,22,.28); }
.b8-float-tag-one { top:8px; right:-7px; transform:rotate(5deg); }
.b8-float-tag-one span { color:#6e86ac; }
.b8-float-tag-one i { color:var(--b8-mint); }
.b8-float-tag-two { bottom:7px; left:-21px; transform:rotate(-3deg); }
.b8-float-tag-two .b8-dot { width:5px; height:5px; }

/* Membership proof bar */
.b8-proof-band { background:#10192c; border-block:1px solid rgba(172,193,235,.1); }
.b8-proof-inner { min-height:107px; display:grid; grid-template-columns:1.2fr repeat(4,1fr); align-items:center; gap:32px; }
.b8-proof-intro { font-size:9px; letter-spacing:.15em; line-height:1.75; font-weight:700; color:#7686a8; }
.b8-proof-intro strong { font-size:10px; color:#d4dff1; }
.b8-proof-item { display:flex; align-items:center; gap:12px; }
.b8-proof-item > span:last-child { display:flex; flex-direction:column; gap:3px; }
.b8-proof-item strong { color:#e5eeff; font-size:15px; font-weight:800; letter-spacing:-.03em; white-space:nowrap; }
.b8-proof-item small { color:#7384a5; font-size:10px; }
.b8-proof-symbol { display:flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #293b5a; background:#18243d; border-radius:9px; color:#9cabff; font-size:18px; font-weight:900; flex:none; }
.b8-proof-symbol-ring { color:#70ebd1; }
.b8-proof-symbol-ripe { color:#839cfb; }

/* Solutions */
.b8-solutions { background:#0b1223; padding:58px 0 105px; }
.b8-section-heading-split { display:flex; align-items:end; justify-content:space-between; gap:45px; margin-bottom:37px; }
.b8-section-heading-split h2 { margin:0; }
.b8-section-heading-split p { margin:0 20px 7px 0; }
.b8-solution-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.b8-solution-card { min-height:290px; display:flex; flex-direction:column; padding:24px 23px 20px; border:1px solid #26314b; background:linear-gradient(145deg,#121c32,#0e1729); border-radius:10px; text-decoration:none !important; position:relative; overflow:hidden; }
.b8-solution-card:hover { transform:translateY(-6px); border-color:#5a789a; background:#17253b; }
.b8-solution-featured { border-color:#4c907f; background:linear-gradient(165deg,#1a3c42 0%,#162936 39%,#101b2c 85%); }
.b8-solution-featured::after { content:""; width:220px; height:220px; position:absolute; right:-90px; top:-99px; background:radial-gradient(circle,rgba(77,239,196,.25),transparent 70%); pointer-events:none; }
.b8-solution-card-top { display:flex; align-items:center; justify-content:space-between; }
.b8-tile-index { color:#7588a8; font-size:9px; font-weight:800; letter-spacing:.09em; }
.b8-card-arrow { color:#a1b7d4; font-size:23px; line-height:1; }
.b8-solution-featured .b8-card-arrow { color:#70eac8; }
.b8-solution-icon { color:#9caaff; display:flex; align-items:center; justify-content:center; width:56px; height:56px; border:1px solid rgba(146,171,234,.16); border-radius:13px; background:#1d2b4d; font-size:23px; margin:24px 0 24px; }
.b8-solution-featured .b8-solution-icon { background:#1c5558; color:#6bedc9; }
.b8-solution-card h3 { font-size:19px; font-weight:800; letter-spacing:-.045em; margin:0 0 10px; color:#edf4ff; }
.b8-solution-card p { font-size:12px; line-height:1.75; color:#8e9eb9; margin:0 0 26px; }
.b8-solution-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid rgba(171,191,233,.1); margin-top:auto; padding-top:17px; color:#8293b5; font-size:9px; letter-spacing:.08em; font-weight:800; }
.b8-solution-bottom span:last-child { color:#d6e4fa; white-space:nowrap; }
.b8-solution-bottom i { margin-left:6px; font-size:8px; }
.b8-solution-featured .b8-solution-bottom span:last-child { color:#71eacb; }

/* Pricing */
.b8-pricing { background:#0e172a; padding:58px 0 105px; }
.b8-pricing-heading { text-align:center; margin-bottom:47px; }
.b8-pricing-heading .b8-kicker { justify-content:center; }
.b8-pricing-heading h2 { margin:0 0 16px; }
.b8-pricing-heading h2 span { color:#76e5cf; }
.b8-pricing-heading p { max-width:510px; margin:0 auto; }
.b8-price-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.b8-price-card { padding:29px 23px 30px; position:relative; border:1px solid #283755; border-radius:11px; background:linear-gradient(135deg,#152137,#111b30); min-height:490px; }
.b8-price-card:hover { border-color:#6076a0; box-shadow:0 18px 35px rgba(4,9,22,.16); }
.b8-price-popular { border-color:rgba(94,238,204,.65); background:linear-gradient(165deg,#1c3446,#152337 50%,#131d32); box-shadow:0 0 0 1px rgba(95,235,205,.16),0 18px 45px rgba(0,0,0,.08); }
.b8-popular-label { position:absolute; top:-14px; left:19px; padding:8px 12px; background:var(--b8-mint); color:#091d29; display:flex; gap:10px; align-items:center; font-size:9px; font-weight:900; letter-spacing:.1em; border-radius:4px; }
.b8-popular-label .b8-pulse { background:#0b6659; width:5px; height:5px; box-shadow:none; }
.b8-price-overline { color:#7789ac; font-size:9px; font-weight:800; letter-spacing:.12em; margin:6px 0 20px; }
.b8-price-card h3 { font-size:25px; letter-spacing:-.055em; font-weight:800; margin:0 0 8px; }
.b8-price-desc { font-size:11px; line-height:1.7; color:#8d9fbe; min-height:39px; margin:0 0 20px; }
.b8-price { color:#eff5ff; font-family:'Manrope',sans-serif; font-size:40px; font-weight:800; letter-spacing:-.075em; white-space:nowrap; margin-bottom:22px; }
.b8-price .b8-currency { display:inline-block; vertical-align:top; margin-top:9px; margin-right:3px; font-size:19px; letter-spacing:0; }
.b8-price small { color:#8c9dbb; font-size:10px; font-family:'DM Sans',sans-serif; letter-spacing:0; font-weight:500; }
.b8-btn-price { width:100%; display:flex; justify-content:space-between; border:1px solid #4c5d7d; border-radius:6px; color:#e1ebff !important; background:#1b2a45; font-size:11px; padding:12px 14px; }
.b8-btn-price:hover { color:#fff !important; background:#263959; border-color:#7e9fda; }
.b8-btn-price-featured { color:#071e26 !important; border-color:var(--b8-mint); background:var(--b8-mint); }
.b8-btn-price-featured:hover { color:#071e26 !important; background:#aaffea; border-color:#aaffea; }
.b8-price-separator { height:1px; background:rgba(160,181,225,.12); margin:25px 0 22px; }
.b8-features-title { color:#7e92b7 !important; font-size:9px; font-weight:800; letter-spacing:.12em; margin-bottom:18px; }
.b8-feature-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.b8-feature-list li { display:flex; align-items:flex-start; gap:9px; color:#c5d1e6; font-size:11px; line-height:1.5; }
.b8-feature-list i { flex:none; color:var(--b8-mint); font-size:9px; margin-top:4px; }
.b8-pricing-foot { display:flex; justify-content:space-between; align-items:center; gap:25px; margin-top:23px; font-size:10px; color:#8394b3; line-height:1.7; }
.b8-pricing-foot i { color:var(--b8-mint); margin-right:8px; }

/* Features */
.b8-feature-section { background:#0b1223; padding:58px 0 110px; }
.b8-feature-layout { display:grid; grid-template-columns: .87fr 1.13fr; gap:80px; align-items:center; }
.b8-feature-intro { max-width:445px; }
.b8-feature-intro h2 { margin-bottom:23px; }
.b8-feature-intro p { font-size:13px; line-height:2; margin-bottom:32px; }
.b8-text-link { display:inline-flex; align-items:center; gap:28px; color:var(--b8-mint) !important; text-decoration:none !important; font-weight:800; font-size:11px; border-bottom:1px solid rgba(80,239,203,.42); padding-bottom:10px; }
.b8-text-link:hover { gap:35px; color:#c6fff2 !important; }
.b8-text-link span { font-size:16px; }
.b8-feature-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.b8-feature-tile { padding:28px 25px 20px; min-height:233px; background:#141f34; border:1px solid #27354f; border-radius:9px; display:flex; flex-direction:column; }
.b8-feature-tile-icon { display:flex; align-items:center; justify-content:center; height:43px; width:43px; color:var(--b8-mint); font-size:17px; background:#1b3845; border:1px solid #265657; border-radius:9px; margin-bottom:24px; }
.b8-feature-tile h3 { font-size:14px; letter-spacing:-.025em; font-weight:800; margin-bottom:9px; }
.b8-feature-tile p { font-size:11px; line-height:1.75; margin-bottom:25px; color:#8a9cb8; }
.b8-feature-index { color:#586a8e; font-size:8px; font-weight:800; letter-spacing:.12em; margin-top:auto; }

/* Network */
.b8-network-section { background:linear-gradient(150deg,#0e1930 0%,#10172d 55%,#12182f 100%); padding:58px 0 110px; overflow:hidden; }
.b8-network-layout { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:82px; }
.b8-network-graphic { height:428px; position:relative; display:flex; justify-content:center; align-items:center; background:radial-gradient(circle,rgba(72,102,212,.17),transparent 59%); }
.b8-network-graphic::after { content:""; position:absolute; inset:10%; background-image:radial-gradient(rgba(126,155,255,.19) .8px,transparent 1px); background-size:22px 22px; mask-image:radial-gradient(circle,#000,transparent 72%); }
.b8-orbital-ring { position:absolute; border:1px solid rgba(114,143,216,.3); border-radius:50%; }
.b8-orbital-ring-one { width:195px; height:195px; box-shadow:0 0 45px rgba(91,123,235,.08); }
.b8-orbital-ring-two { width:298px; height:298px; border-style:dashed; border-color:rgba(100,133,218,.24); animation:b8-rotate 60s linear infinite; }
.b8-orbital-ring-three { width:395px; height:395px; border-color:rgba(100,133,218,.15); }
.b8-orbital-ring-three:before { content:""; position:absolute; left:44px; top:43px; right:44px; bottom:43px; border:1px solid rgba(127,168,229,.08); border-radius:50%; }
@keyframes b8-rotate { to { transform:rotate(360deg); } }
.b8-network-center { position:relative; z-index:2; width:126px; height:126px; border-radius:50%; border:1px solid #588de9; background:radial-gradient(circle at 50% 20%,#213c77,#101d40); box-shadow:0 0 0 15px rgba(78,124,229,.06),0 0 55px rgba(80,120,228,.28); display:flex; flex-direction:column; justify-content:center; align-items:center; }
.b8-network-center span { font:800 55px 'Manrope',sans-serif; letter-spacing:-.13em; padding-right:8px; line-height:1; color:#e8f3ff; }
.b8-network-center small { color:#75efcd; font-size:8px; letter-spacing:.15em; font-weight:800; }
.b8-orbit-point { position:absolute; z-index:3; width:12px; height:12px; background:#59ebcf; border:3px solid #233f5a; border-radius:50%; box-shadow:0 0 17px #36e6c9; }
.b8-orbit-point-a { top:67px; left:37%; }.b8-orbit-point-b { bottom:88px; right:25%; }.b8-orbit-point-c { bottom:116px; left:14%; }
.b8-network-caption { position:absolute; z-index:4; font-size:8px; letter-spacing:.09em; font-weight:800; color:#c4d6f5; background:#142540; border:1px solid #344c70; border-radius:6px; padding:11px 12px; }
.b8-network-caption span { color:#6b97d0; }
.b8-network-caption-a { left:0; top:49px; }.b8-network-caption-b { right:0; bottom:50px; }
.b8-network-copy h2 { margin-bottom:22px; }
.b8-network-copy > p { font-size:13px; line-height:1.95; max-width:480px; margin-bottom:32px; }
.b8-registry-row { display:flex; flex-direction:column; gap:9px; margin-bottom:30px; }
.b8-registry { display:flex; align-items:center; gap:13px; padding:13px 15px; border:1px solid #2b3d5e; border-radius:8px; background:rgba(26,40,66,.68); max-width:460px; }
.b8-registry-badge { width:35px; height:35px; flex:none; display:flex; align-items:center; justify-content:center; background:#17494a; border:1px solid #2b726e; color:#69eccc; border-radius:6px; font-weight:900; font-size:19px; }
.b8-registry-badge-alt { background:#252a5b; border-color:#44488d; color:#adb1ff; }
.b8-registry div { display:flex; flex-direction:column; gap:4px; }
.b8-registry strong { font-size:12px; color:#f0f5ff; }
.b8-registry small { color:#899fbd; font-size:10px; }
.b8-registry > i { margin-left:auto; color:#63e8c3; font-size:13px; }

/* FAQ */
.b8-faq-section { background:#0b1223; padding:58px 0 118px; }
.b8-faq-layout { display:grid; grid-template-columns:.78fr 1.22fr; gap:95px; }
.b8-faq-intro h2 { margin-bottom:20px; }
.b8-faq-intro p { font-size:13px; line-height:1.85; max-width:310px; margin-bottom:27px; }
.b8-faq-items { border-top:1px solid #34415d; }
.b8-faq-item { border-bottom:1px solid #34415d; }
.b8-faq-item summary { cursor:pointer; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:22px 2px; font-size:13px; font-weight:800; color:#e3eaff; }
.b8-faq-item summary::-webkit-details-marker { display:none; }
.b8-faq-item summary:hover { color:var(--b8-mint); }
.b8-faq-icon { flex:none; width:25px; height:25px; border:1px solid #425375; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px; font-weight:400; color:#a6b7d2; }
.b8-faq-item[open] .b8-faq-icon { transform:rotate(45deg); color:var(--b8-mint); border-color:var(--b8-mint); }
.b8-faq-item p { color:#98a8c2; max-width:660px; line-height:1.9; font-size:12px; padding:0 28px 20px 2px; margin:0; }
.b8-faq-item p a { color:var(--b8-mint); }

/* WHMCS domain search, embedded only when registration is enabled */
.b8-domain-section { padding:0 0 85px; background:#0b1223; }
.b8-domain-shell { display:grid; grid-template-columns:.85fr 1.15fr; gap:55px; align-items:center; padding:37px 42px; border-radius:12px; border:1px solid #263854; background:#111f36; }
.b8-domain-shell h2 { font-size:25px; font-weight:800; letter-spacing:-.05em; margin:0 0 12px; }
.b8-domain-shell p { font-size:12px; margin:0; }
.b8-domain-section .b8-kicker { margin-bottom:14px; }
.b8-domain-search .home-domain-search { background:none !important; margin:0; padding:0; }
.b8-domain-search .home-domain-search .container { width:100%; max-width:100%; padding:0; }
.b8-domain-search .home-domain-search .p-5 { padding:0 !important; }
.b8-domain-search .home-domain-search h2 { display:none; }
.b8-domain-search .home-domain-search .form-control { height:46px; border:1px solid #476081; border-radius:6px 0 0 6px; color:#202c42; }
.b8-domain-search .home-domain-search .btn { height:46px; border-radius:0; }
.b8-domain-search .home-domain-search .tld-logos { display:none; }
.b8-domain-search .home-domain-search > .container a.btn-link { font-size:11px; color:var(--b8-mint); }
.b8-domain-search .home-domain-search .input-group { flex-wrap:nowrap; }

/* Final CTA */
.b8-final-cta { background:#0b1223; padding:0 0 87px; }
.b8-cta-shell { background:linear-gradient(108deg,#69eccf 0%,#7de8d7 55%,#a4d4fb 100%); color:#09202a; border-radius:15px; position:relative; overflow:hidden; padding:30px 40px 27px; }
.b8-cta-shell::after { content:""; display:block; width:430px; height:430px; border:1px solid rgba(13,69,88,.13); border-radius:50%; position:absolute; right:-130px; top:-155px; box-shadow:0 0 0 45px rgba(13,69,88,.05),0 0 0 95px rgba(13,69,88,.04); pointer-events:none; }
.b8-cta-noise { position:absolute; inset:0; opacity:.22; pointer-events:none; background-image:linear-gradient(90deg,transparent 98%,rgba(16,87,103,.07) 100%); background-size:26px 26px; }
.b8-cta-top,.b8-cta-bottom { display:flex; align-items:center; justify-content:space-between; font-size:9px; letter-spacing:.15em; font-weight:900; color:rgba(7,55,66,.6); position:relative; z-index:1; }
.b8-cta-top { padding-bottom:60px; }
.b8-cta-row { display:flex; justify-content:space-between; align-items:end; gap:30px; position:relative; z-index:2; margin-bottom:63px; }
.b8-cta-row h2 { max-width:790px; font-size:clamp(38px,4.5vw,62px); letter-spacing:-.075em; line-height:1.15; font-weight:800; color:#09222b; margin:0 0 11px; }
.b8-cta-row h2 em { font-style:normal; color:#245b68; }
.b8-cta-row p { color:#326573; font-size:13px; font-weight:600; margin:0; }
.b8-cta-row .b8-btn { flex:none; box-shadow:0 10px 21px rgba(12,68,81,.14); }

@media(min-width:1200px) {
  .b8-header-inner.container, .b8-topline-inner.container, .b8-dynamic-nav .container, .b8-footer .container { max-width:1236px; }
}
@media(max-width:1199.98px) {
  .b8-quicknav { gap:18px; }
  .b8-header-inner { gap:16px; }
  .b8-header-cta { display:none; }
  .b8-menu-toggler { display:inline-flex; }
  .b8-dynamic-nav { display:block !important; }
  .b8-dynamic-nav #mainNavbar { min-height:0; }
  .b8-dynamic-nav .navbar-nav, .b8-dynamic-nav ul#nav { align-items:stretch; flex-direction:column; }
  .b8-dynamic-nav #mainNavbar { padding:13px 0 19px; }
  .b8-dynamic-nav .navbar-nav > li > a { display:block; padding:10px 5px; font-size:12px; }
  .b8-dynamic-nav .navbar-nav .dropdown-menu { position:static; float:none; box-shadow:none; background:#121f34; border-color:#263550; }
  .b8-dynamic-nav .navbar-nav .dropdown-menu a { color:#d8e4fa; }
  .b8-dynamic-nav .navbar-nav .dropdown-menu a:hover { color:#0e1b30; }
  .b8-art { height:438px; }
  .b8-proof-inner { gap:16px; }
  .b8-solution-card { padding:22px 18px 19px; }
  .b8-solution-bottom { font-size:8px; }
  .b8-price-card { padding:26px 18px 29px; }
  .b8-feature-layout { gap:50px; }
  .b8-network-layout { gap:47px; }
}
@media(max-width:991.98px) {
  .b8-quicknav { display:none; }
  .b8-header-actions { margin-left:auto; }
  .b8-hero { padding-top:65px; }
  .b8-hero-grid { grid-template-columns:1fr; }
  .b8-hero-copy { max-width:690px; }
  .b8-hero h1 { font-size:65px; }
  .b8-art { max-width:670px; margin:20px auto 0; width:100%; height:465px; }
  .b8-hero-bottom { padding-top:4px; }
  .b8-proof-inner { grid-template-columns:repeat(4,1fr); min-height:110px; }
  .b8-proof-intro { display:none; }
  .b8-solution-grid,.b8-price-grid { grid-template-columns:repeat(2,1fr); }
  .b8-solution-card { min-height:285px; }
  .b8-price-card { min-height:440px; }
  .b8-feature-layout { grid-template-columns:1fr; gap:40px; }
  .b8-feature-intro { max-width:620px; }
  .b8-network-layout { grid-template-columns:1fr; gap:0; }
  .b8-network-graphic { max-width:520px; width:100%; margin:0 auto; }
  .b8-network-copy { max-width:670px; }
  .b8-faq-layout { gap:35px; }
  .b8-footer-main { grid-template-columns:repeat(2,1fr); gap:40px; }
  .b8-domain-shell { grid-template-columns:1fr; }
}
@media(max-width:767.98px) {
  .b8-topline { height:30px; }
  .b8-topline-inner { font-size:8px; }
  .b8-topline-right { gap:0; }
  .b8-topline-right span { display:none; }
  .b8-header-inner { min-height:70px; }
  .b8-header-account { font-size:0; }
  .b8-header-account i { font-size:17px; margin:0; }
  .b8-container { width:calc(100% - 40px); }
  .b8-hero { padding-top:53px; }
  .b8-hero h1 { font-size:clamp(42px,9.7vw,62px); }
  .b8-hero-description { font-size:14px; }
  .b8-art { height:410px; }
  .b8-console { transform:none; }
  .b8-proof-inner { grid-template-columns:repeat(2,1fr); gap:22px; padding-block:25px; }
  .b8-section-topline { margin-bottom:47px; }
  .b8-solutions,.b8-pricing,.b8-feature-section,.b8-network-section,.b8-faq-section { padding:35px 0 78px; }
  .b8-section-heading-split { display:block; }
  .b8-section-heading-split p { margin-top:19px; }
  .b8-section-heading h2,.b8-feature-intro h2,.b8-network-copy h2,.b8-faq-intro h2 { font-size:clamp(32px,7vw,47px); }
  .b8-network-graphic { height:385px; }
  .b8-faq-layout { grid-template-columns:1fr; }
  .b8-cta-row { flex-direction:column; align-items:start; gap:25px; }
  .b8-cta-top { padding-bottom:46px; }
  .b8-cta-row { margin-bottom:45px; }
  .b8-cta-shell { padding:24px; }
  .b8-final-cta { padding-bottom:45px; }
  .b8-footer-main { padding:45px 0; }
}
@media(max-width:575.98px) {
  .b8-topline-right { display:none; }
  .b8-brand { min-width:0; }
  .b8-brand-mark { width:38px; height:38px; }
  .b8-brand-word strong { font-size:21px; }
  .b8-header-inner { padding-left:14px; padding-right:14px; }
  .b8-header-actions { gap:5px; }
  .b8-header-account { padding:7px; }
  .b8-header-cart { padding:8px; }
  .b8-menu-toggler { padding:8px 10px; }
  .b8-hero { padding-top:45px; }
  .b8-eyebrow { font-size:8px; gap:8px; letter-spacing:.075em; margin-bottom:25px; }
  .b8-eyebrow-line { width:12px; }
  .b8-hero h1 { font-size:clamp(42px,11vw,60px); }
  .b8-hero-actions { gap:10px; }
  .b8-hero-actions .b8-btn { width:100%; justify-content:space-between; }
  .b8-hero-proofs { gap:10px 18px; font-size:10px; margin-top:27px; }
  .b8-art { height:300px; margin-top:5px; }
  .b8-console-head { height:43px; padding-inline:11px; }
  .b8-console-middle { height:220px; }
  .b8-console-footer { height:37px; padding:0 11px; gap:10px; font-size:6px; }
  .b8-console-identity { font-size:7px; }
  .b8-console-signal { font-size:6px; }
  .b8-visual-label { padding:7px; gap:5px; }
  .b8-visual-label > i { width:22px; height:22px; font-size:10px; }
  .b8-visual-label strong { font-size:8px; }
  .b8-visual-label span { font-size:6px; }
  .b8-float-tag { font-size:6px; padding:8px; }
  .b8-float-tag-one { top:0; right:-5px; }
  .b8-float-tag-two { bottom:-3px; left:-6px; }
  .b8-proof-inner { gap:20px 12px; }
  .b8-proof-item strong { font-size:13px; }
  .b8-proof-item small { font-size:9px; }
  .b8-solution-grid,.b8-price-grid { grid-template-columns:1fr; }
  .b8-solution-card { min-height:255px; }
  .b8-solution-icon { margin:16px 0; }
  .b8-price-card { min-height:0; }
  .b8-price-desc { min-height:0; }
  .b8-pricing-foot { flex-direction:column; align-items:start; gap:7px; }
  .b8-feature-cards { grid-template-columns:1fr; }
  .b8-feature-tile { min-height:200px; }
  .b8-network-graphic { height:320px; transform:scale(.82); margin:-20px auto; }
  .b8-registry small { font-size:9px; }
  .b8-faq-item summary { font-size:12px; }
  .b8-domain-shell { padding:24px 17px; }
  .b8-cta-shell { padding:22px; }
  .b8-cta-row h2 { font-size:39px; }
  .b8-cta-top,.b8-cta-bottom { font-size:8px; }
  .b8-cta-top span:last-child,.b8-cta-bottom span:last-child { display:none; }
  .b8-footer-main { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 18px; }
  .b8-footer-about { grid-column:span 2; }
  .b8-footer-bottom { flex-direction:column; align-items:start; padding:20px 0; min-height:0; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .b8-landing *, .b8-landing *:before, .b8-landing *:after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}
/* Standalone preview menu (not shown in WHMCS deployment). */
.b8-preview-menu { display:none; }
@media(max-width:1199.98px) {
  .b8-preview-menu.is-open { display:flex; flex-direction:column; gap:0; background:#101b30; border-top:1px solid #28344d; padding:13px 28px 18px; }
  .b8-preview-menu a { color:#c0cee5; padding:10px; font-size:13px; }
  .b8-preview-menu a:hover { color:#64efd2; }
}
/* Shared navigation/footer links are always clean, including in print renderers. */
body.b8-theme .b8-brand,
body.b8-theme .b8-quicknav a,
body.b8-theme .b8-header-account,
body.b8-theme .b8-header-cart,
body.b8-theme .b8-header-cta,
body.b8-theme .b8-topline a,
body.b8-theme .b8-footer a { text-decoration:none !important; }

/* Subtle motion: disabled automatically for reduced-motion preferences above. */
@keyframes b8-drift { 0%,100% { translate:0 0; } 50% { translate:0 -7px; } }
.b8-float-tag-one { animation:b8-drift 7s ease-in-out infinite; }
.b8-float-tag-two { animation:b8-drift 8s ease-in-out 1.2s infinite; }

/* Keep WHMCS account, invoices, tickets, and order workflow surfaces legible. */
.b8-interior #main-body .card { border:1px solid #e0e6f2; box-shadow:0 6px 26px rgba(16,37,77,.035); }
.b8-interior #main-body .form-control, .b8-interior #main-body .custom-select { border-color:#d6e0ef; border-radius:7px; }
.b8-interior #main-body .form-control:focus, .b8-interior #main-body .custom-select:focus { border-color:#718cf1; box-shadow:0 0 0 3px rgba(82,109,245,.11); }
.b8-interior #main-body .table { background:#fff; }
.b8-interior #main-body .nav-tabs .nav-link.active { color:#445fe0; border-color:#dfe6f4 #dfe6f4 #fff; }
.b8-interior #main-body .sidebar .panel { border-radius:9px; }