/* ============================================================================
   EGLETECH NETWORKS Inc — Cloud storefront & WHMCS Nexus 9 styling
   Brand: deep navy / electric indigo / aqua. Self-contained, no remote assets.
   ============================================================================ */
:root {
  --eg-navy: #071428;
  --eg-navy-2: #0b1b34;
  --eg-ink: #111f39;
  --eg-muted: #6d7b92;
  --eg-blue: #526eff;
  --eg-blue-hover: #3f5eea;
  --eg-cyan: #31cec7;
  --eg-border: #e7ebf2;
  --eg-bg: #f6f8fc;
  --eg-white: #fff;
  --eg-shadow: 0 18px 54px rgba(28, 46, 82, .065);
  --eg-radius: 19px;
}
html { scroll-behavior: smooth; }
body.eg-body {
  background: #fff; color: var(--eg-ink);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 14px; line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body.eg-body button, body.eg-body input, body.eg-body select, body.eg-body textarea { font-family: inherit; }
body.eg-body a { transition: color .2s, background .2s, border .2s, transform .2s, box-shadow .2s; }
body.eg-body a:hover { text-decoration: none; }
body.eg-body :focus-visible { outline: 3px solid rgba(65, 117, 255, .55); outline-offset: 3px; }
.eg-container { max-width: 1228px; margin: 0 auto; padding: 0 28px; width: 100%; }
.eg-status-dot { display:inline-block; width:7px; height:7px; flex:none; background:#37d6b4; box-shadow:0 0 0 5px rgba(55,214,180,.12); border-radius:50%; }
.eg-btn { display:inline-flex; align-items:center; justify-content:center; gap:20px; border:1px solid transparent; border-radius:10px; padding:11px 18px; font-weight:700; font-size:12px; letter-spacing:.005em; line-height:1.3; text-decoration:none; white-space:nowrap; cursor:pointer; }
.eg-btn span:last-child { font-size:17px; font-weight:400; line-height:1; }
.eg-btn-primary { color:white !important; background:var(--eg-blue); border-color:var(--eg-blue); box-shadow:0 9px 22px rgba(67,102,253,.19); }
.eg-btn-primary:hover { color:#fff !important; background:var(--eg-blue-hover); border-color:var(--eg-blue-hover); transform:translateY(-2px); box-shadow:0 13px 26px rgba(67,102,253,.29); }
.eg-btn-outline { color:var(--eg-ink) !important; background:#f3f6fd; border-color:#e8edfa; }
.eg-btn-outline:hover { color:var(--eg-blue) !important; background:#e9edff; border-color:#dbe3fe; transform:translateY(-2px); }
.eg-btn-large { padding:16px 23px; font-size:13px; border-radius:10px; min-height:50px; }
.eg-btn-ghost { color:#dfe7ff !important; border-color:rgba(174,193,238,.24); background:rgba(255,255,255,.055); }
.eg-btn-ghost:hover { border-color:rgba(174,193,238,.5); background:rgba(255,255,255,.105); color:#fff!important; transform:translateY(-2px); }

/* Header and WHMCS-managed portal navigation */
#header.eg-header { background:var(--eg-navy); color:#ecf1ff; position:relative; z-index:50; }
.eg-header a { color:#edf2ff; }
.eg-utility-bar { height:38px; background:#051021; border-bottom:1px solid rgba(255,255,255,.07); }
.eg-utility-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.eg-utility-message { color:#9baac3; display:inline-flex; align-items:center; gap:11px; font-size:10px; letter-spacing:.075em; text-transform:uppercase; font-weight:650; }
.eg-utility-message .eg-status-dot { width:6px; height:6px; }
.eg-utility-right { display:flex; align-items:center; gap:26px; }
.eg-utility-right a { color:#aab9d3; font-size:11px; display:flex; gap:8px; align-items:center; }
.eg-utility-right a:hover { color:#fff; }
.eg-utility-right i { color:#6f87b0; }
.eg-header-main { min-height:82px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.eg-brand { display:inline-flex; gap:10px; align-items:center; flex-shrink:0; color:#fff!important; text-decoration:none!important; }
.eg-symbol { width:42px; height:42px; flex-shrink:0; }
.eg-brand-copy { display:flex; flex-direction:column; gap:0; align-items:flex-start; line-height:1; }
.eg-brand-copy strong { font-size:18px; letter-spacing:-.04em; font-weight:850; line-height:1.1; }
.eg-brand-accent { color:var(--eg-cyan); }
.eg-brand-copy small { letter-spacing:.27em; color:#8193b1; font-size:7.2px; font-weight:800; margin-top:6px; }
.eg-product-navigation { display:flex; gap:32px; align-items:center; margin:auto; }
.eg-product-navigation a { font-size:12px; font-weight:650; white-space:nowrap; color:#b4c2dc; }
.eg-product-navigation a:hover { color:#fff; }
.eg-header-actions { display:flex; gap:14px; align-items:center; }
.eg-cart { position:relative; display:inline-flex; align-items:center; padding:10px; font-size:16px; color:#cbd7ee!important; }
.eg-cart:hover { color:#fff!important; }
.eg-cart-count { font-size:9px; font-weight:700; position:absolute; top:0px; right:-1px; border-radius:20px; background:#2b4d8f; color:white; padding:0px 5px; min-width:14px; text-align:center; }
.eg-signin { white-space:nowrap; color:#d3def3!important; font-size:12px; font-weight:700; }
.eg-signin:hover { color:#fff!important; }
.eg-header-cta { margin-left:4px; }
.eg-menu-button { width:42px; height:40px; padding:10px; display:none; align-items:center; flex-direction:column; justify-content:space-around; border:1px solid rgba(255,255,255,.17); color:#fff; background:rgba(255,255,255,.04); border-radius:9px; }
.eg-menu-button span { width:20px; height:2px; background:#e7ecff; border-radius:2px; }
.eg-mobile-menu { background:#0a1b35; padding:6px 25px 20px; border-top:1px solid rgba(255,255,255,.08); }
.eg-mobile-menu[hidden] { display:none!important; }
.eg-mobile-menu a { display:block; padding:12px 10px; color:#d2ddf2; font-size:13px; border-bottom:1px solid rgba(255,255,255,.07); }
.eg-mobile-menu a:hover { color:#fff; }
.eg-portal-nav { border-top:1px solid rgba(255,255,255,.085); border-bottom:1px solid rgba(255,255,255,.065); background:rgba(1,11,28,.4); }
.eg-portal-inner { display:flex; align-items:center; min-height:42px; gap:20px; }
.eg-portal-label { display:inline-flex; align-items:center; gap:9px; font-size:10px; text-transform:uppercase; color:#7192bd; font-weight:850; letter-spacing:.11em; white-space:nowrap; margin-right:4px; }
.eg-portal-label i { color:#5b79df; }
.eg-whmcs-menu { flex:1; min-width:0; padding:0; }
.eg-whmcs-menu .navbar-collapse { display:flex; align-items:center; width:100%; }
.eg-whmcs-menu .navbar-nav { gap:3px; flex-wrap:wrap; align-items:center; }
.eg-whmcs-menu .navbar-nav > li > a { display:inline-flex; gap:4px; padding:10px 13px; color:#a6b7d2; font-size:11px; font-weight:650; white-space:nowrap; }
.eg-whmcs-menu .navbar-nav > li > a:hover { color:#fff; }
.eg-whmcs-menu .navbar-nav > li.dropdown > a { color:#c0cce0; }
.eg-whmcs-menu .dropdown-menu { border:1px solid #e5eaf4; border-radius:12px; box-shadow:0 16px 50px rgba(4,20,51,.15); margin-top:5px; padding:8px; min-width:205px; background:#fff; }
.eg-whmcs-menu .dropdown-menu .dropdown-item { padding:0; border-radius:7px; }
.eg-whmcs-menu .dropdown-menu .dropdown-item a { display:block; color:#293b5b; padding:9px 11px!important; font-size:12px; }
.eg-whmcs-menu .dropdown-menu .dropdown-item:hover { background:#f1f4ff; }
.eg-whmcs-menu .dropdown-menu .dropdown-item a:hover { color:#526eff; }
.eg-notification-button { border:0; background:transparent; color:#b2c4de; font-size:14px; position:relative; padding:8px; }
.eg-alert-count { position:absolute; top:0; right:0; background:#fc7077; color:white; border-radius:20px; padding:0 4px; font-size:9px; }
.eg-portal-toggle { display:none; background:transparent; border:0; color:#bfcee6; font-weight:600; font-size:12px; padding:9px; }
.eg-header #accountNotificationsContent { display:none; }
.eg-header .popover { border-radius:12px; }

/* Home: full-bleed canvas inside WHMCS wrapper */
#main-body.eg-home-main { padding:0; margin:0; background:#fff; max-width:none; overflow:hidden; }
.eg-home-shell { width:100%; }
.eg-home-row { margin:0!important; }
.eg-home-row > .primary-content { padding:0!important; width:100%; }
.eg-home { width:100%; }
.eg-hero { min-height:610px; background:radial-gradient(ellipse at 77% 48%,#142b54 0%, transparent 40%),radial-gradient(ellipse at 36% -18%,rgba(50,73,145,.28),transparent 44%),linear-gradient(115deg,#071428 4%,#0a1a34 58%,#0a1e3c 100%); position:relative; isolation:isolate; overflow:hidden; color:#fff; }
.eg-hero:before { content:""; position:absolute; inset:0; opacity:.2; background-image:radial-gradient(#6e88b9 .8px,transparent .8px); background-size:24px 24px; mask-image:linear-gradient(90deg,transparent 24%,black 72%,transparent 100%); pointer-events:none; }
.eg-hero:after { content:""; position:absolute; width:620px; height:620px; right:-330px; top:-210px; border-radius:50%; border:1px solid rgba(101,136,204,.13); box-shadow:0 0 0 84px rgba(101,136,204,.035),0 0 0 165px rgba(101,136,204,.025); z-index:-1; }
.eg-hero-inner { position:relative; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:42px; align-items:center; padding-top:100px; padding-bottom:102px; }
.eg-hero-copy { position:relative; z-index:5; max-width:650px; }
.eg-eyebrow { display:flex; align-items:center; gap:10px; color:#a7bae1; font-size:9px; letter-spacing:.15em; font-weight:850; white-space:nowrap; margin-bottom:24px; }
.eg-eyebrow .eg-status-dot { margin-right:4px; }
.eg-eyebrow-line { height:1px; background:#536888; width:20px; margin-left:3px; }
.eg-hero h1 { font-size:clamp(40px,4.3vw,63px); line-height:1.09; letter-spacing:-.063em; font-weight:850; margin:0 0 25px; color:#fff; max-width:630px; }
.eg-hero h1 span { color:#a3b5ff; background:linear-gradient(112deg,#a4b6ff 0%,#75a8fc 52%,#65e3d7 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.eg-hero-copy > p { color:#aebfdc; font-size:15px; line-height:1.85; max-width:465px; margin:0 0 31px; }
.eg-hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
.eg-hero-perks { margin-top:29px; display:flex; flex-wrap:wrap; gap:18px; color:#8eabc8; font-size:11px; font-weight:600; }
.eg-hero-perks i { color:#51d6bc; margin-right:6px; }
.eg-hero-visual { min-height:435px; position:relative; display:flex; align-items:center; justify-content:center; margin-left:0; margin-right:0; }
.eg-visual-halo { position:absolute; width:440px; height:440px; border-radius:50%; border:1px solid rgba(102,157,240,.16); box-shadow:0 0 0 43px rgba(66,124,232,.035),0 0 0 100px rgba(66,124,232,.028); transform:rotate(-14deg); }
.eg-visual-halo:before { content:""; inset:37px; position:absolute; border:1px dashed rgba(120,164,239,.2); border-radius:50%; }
.eg-server-panel { width:440px; max-width:100%; position:relative; transform:rotate(-3deg); padding:0; border:1px solid #314873; box-shadow:0 43px 110px rgba(0,4,20,.44),0 0 0 6px rgba(86,122,203,.08); border-radius:18px; background:linear-gradient(150deg,#122749,#0b1e3d); overflow:hidden; }
.eg-server-panel-header { display:flex; justify-content:space-between; align-items:center; color:#7188b7; padding:16px 22px; background:#0b1b34; font-size:9px; letter-spacing:.13em; font-weight:800; border-bottom:1px solid #294061; }
.eg-window-dots { display:flex; gap:5px; }
.eg-window-dots i { width:6px; height:6px; background:#456081; border-radius:50%; }
.eg-window-dots i:first-child { background:#6379ff; }
.eg-window-dots i:nth-child(2) { background:#5cb8bf; }
.eg-server-panel-content { padding:28px 27px 22px; }
.eg-server-badge { display:flex; align-items:center; gap:12px; margin-bottom:26px; }
.eg-server-emoji { width:43px; height:43px; display:flex; align-items:center; justify-content:center; background:linear-gradient(140deg,#405c9f,#243d74); border:1px solid #6074b0; border-radius:11px; font-size:19px; color:#b8c7ff; }
.eg-server-badge > div { display:flex; flex-direction:column; gap:2px; }
.eg-small-label { color:#708aae; font-size:10px; }
.eg-server-badge strong { font-size:14px; font-weight:780; color:#f2f5ff; }
.eg-mini-pill { margin-left:auto; background:rgba(43,221,195,.11); border:1px solid rgba(55,216,193,.19); color:#4de0cb; font-size:9px; border-radius:20px; padding:3px 9px; font-weight:800; }
.eg-server-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.eg-server-metrics > div { min-width:0; border:1px solid #2a4266; border-radius:10px; padding:15px 12px; background:linear-gradient(145deg,#172d52,#122749); display:flex; flex-direction:column; }
.eg-server-metrics > div > span { font-size:9px; color:#879fc6; letter-spacing:.06em; font-weight:800; }
.eg-server-metrics strong { font-size:23px; color:#f1f5ff; margin-top:6px; font-weight:800; letter-spacing:-.04em; }
.eg-server-metrics strong span { font-size:11px; color:#93a8ca; letter-spacing:0; }
.eg-server-network { display:flex; align-items:center; justify-content:space-between; margin:22px 0; padding:17px 0; border-top:1px solid rgba(156,179,219,.12); border-bottom:1px solid rgba(156,179,219,.12); }
.eg-server-network > div:first-child { display:flex; flex-direction:column; gap:2px; }
.eg-server-network small { color:#728bb2; letter-spacing:.075em; font-size:9px; }
.eg-server-network strong { color:#dae6ff; font-weight:700; font-size:12px; }
.eg-protocol-pills { display:flex; gap:5px; }
.eg-protocol-pills span { border-radius:5px; background:#29446d; color:#bcd5ff; font-size:10px; font-weight:800; padding:5px 8px; }
.eg-server-bottom { display:flex; justify-content:space-between; color:#8099bc; font-size:10px; }
.eg-server-bottom i { margin-right:4px; color:#58dfcb; }
.eg-visual-floating { position:absolute; z-index:3; background:rgba(17,38,75,.95); box-shadow:0 20px 55px rgba(0,9,32,.36); border:1px solid #3a527f; border-radius:11px; color:#e9f1ff; padding:12px 13px; display:flex; align-items:center; gap:10px; }
.eg-visual-floating-top { top:28px; right:-14px; transform:rotate(3deg); }
.eg-visual-floating-bottom { left:-20px; bottom:32px; transform:rotate(3deg); }
.eg-visual-floating > span:nth-child(2) { display:flex; flex-direction:column; gap:2px; }
.eg-visual-floating strong { font-size:11px; color:#fff; font-weight:750; }
.eg-visual-floating small { font-size:9px; color:#8aa4cc; }
.eg-float-icon { display:grid; place-items:center; background:#27416c; color:#81b7ff; border-radius:8px; width:31px; height:31px; }
.eg-visual-floating-bottom .eg-float-icon { color:#61decd; }
.eg-tick { color:#3ddebb; font-size:11px; margin-left:14px; }
.eg-visual-spark { position:absolute; width:7px; height:7px; background:#4dcde0; border-radius:50%; box-shadow:0 0 26px 8px rgba(77,205,224,.16); }
.eg-visual-spark-one { top:40px; left:48px; }
.eg-visual-spark-two { bottom:12px; right:48px; width:5px; height:5px; }
.eg-hero-fade { position:absolute; bottom:-1px; height:15px; left:0; right:0; background:linear-gradient(to bottom,transparent,rgba(3,13,33,.13)); }

/* Trust strip */
.eg-advantage-strip { background:#eff3f9; border-bottom:1px solid #e7ecf4; }
.eg-advantage-inner { display:flex; align-items:center; justify-content:space-between; gap:22px; padding-top:22px; padding-bottom:22px; }
.eg-advantage-inner > span { font-size:12px; color:#50627b; font-weight:650; white-space:nowrap; }
.eg-advantage-inner > span i { color:#6079ef; padding-right:7px; }
.eg-advantage-inner > .eg-advantage-label { font-size:9px; letter-spacing:.13em; color:#9baac0; font-weight:850; }

/* Sections and product pricing */
.eg-section { padding:99px 0; }
.eg-section-header { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:41px; }
.eg-section-header > div:first-child { max-width:670px; }
.eg-section-kicker { display:inline-flex; align-items:center; gap:11px; font-size:10px; font-weight:850; color:#5f73c4; letter-spacing:.13em; margin-bottom:18px; }
.eg-kicker-line { width:20px; height:2px; background:#5978f9; border-radius:5px; }
.eg-section h2 { margin:0; font-size:clamp(30px,3.4vw,44px); line-height:1.17; letter-spacing:-.055em; color:var(--eg-ink); font-weight:850; }
.eg-section h2 span { color:#8795b1; }
.eg-section-header p { margin:15px 0 0; color:#738198; font-size:13px; line-height:1.85; max-width:550px; }
.eg-plans-section { background:var(--eg-bg); padding-bottom:103px; }
.eg-billing-switch { display:inline-flex; gap:3px; padding:4px; border-radius:10px; border:1px solid #e3e9f4; background:#e9edf6; flex-shrink:0; }
.eg-billing-switch button { color:#74829a; cursor:pointer; font-size:11px; font-weight:800; background:transparent; border:0; border-radius:7px; padding:9px 17px; }
.eg-billing-switch button.is-active { background:#fff; color:#26395f; box-shadow:0 2px 9px rgba(39,59,102,.08); }
.eg-pricing-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; align-items:stretch; }
.eg-pricing-card { position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid #e7ebf3; border-radius:15px; box-shadow:0 11px 28px rgba(27,52,93,.028); padding:26px 23px 24px; min-width:0; transition:transform .25s,box-shadow .25s,border .25s; overflow:hidden; }
.eg-pricing-card:hover { border-color:#b9c7f8; transform:translateY(-5px); box-shadow:0 24px 55px rgba(28,58,115,.12); }
.eg-pricing-card.is-featured { border:1.5px solid #6b82ff; box-shadow:0 17px 44px rgba(78,109,236,.11); }
.eg-pricing-popular { position:absolute; top:0; right:0; background:#526eff; color:#fff; border-radius:0 13px 0 9px; font-size:8px; font-weight:900; letter-spacing:.06em; padding:6px 10px; }
.eg-pricing-top { display:flex; align-items:center; gap:11px; min-height:54px; }
.eg-plan-icon { width:38px; height:38px; border-radius:11px; background:linear-gradient(150deg,#e8edff,#f0f8ff); border:1px solid #e0e6ff; display:grid; place-items:center; flex:none; }
.eg-plan-cube { width:17px; height:17px; border:2px solid #6078f5; border-radius:3px; transform:rotate(-30deg) skewX(7deg); position:relative; }
.eg-plan-cube:after { content:""; position:absolute; height:3px; width:10px; left:2px; top:5px; background:#93a5f8; border-radius:2px; }
.eg-pricing-top h3 { font-size:15px; font-weight:850; line-height:1.2; letter-spacing:-.025em; margin:0 0 3px; color:var(--eg-ink); }
.eg-pricing-top p { font-size:9px; color:#8b98aa; margin:0; line-height:1.4; }
.eg-pricing-cost { display:flex; align-items:baseline; gap:1px; padding-top:24px; color:var(--eg-ink); }
.eg-pricing-cost .eg-currency { font-size:23px; font-weight:800; letter-spacing:-.05em; align-self:flex-start; margin-top:8px; }
.eg-pricing-cost strong { font-size:44px; font-weight:850; line-height:1.1; letter-spacing:-.08em; font-variant-numeric:tabular-nums; }
.eg-pricing-cost .eg-billing-suffix { color:#9ba5b7; font-size:11px; margin-left:4px; font-weight:700; }
.eg-price-note { color:#8c9aae; font-size:10px; margin:4px 0 18px; }
.eg-plan-button { display:flex; justify-content:space-between; width:100%; margin-top:auto; margin-bottom:20px; border-radius:8px; padding:12px 13px; font-size:11px; }
.eg-pricing-divider { border-top:1px solid #eef0f5; margin-bottom:18px; }
.eg-spec-list { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.eg-spec-list li { display:flex; justify-content:space-between; align-items:center; gap:8px; font-size:10px; white-space:nowrap; }
.eg-spec-list span { color:#7f8ca2; }
.eg-spec-list i { width:13px; margin-right:4px; color:#8498bb; font-size:10px; }
.eg-spec-list strong { color:#344665; font-size:10px; font-weight:800; }
.eg-pricing-footnote { margin-top:22px; display:flex; flex-wrap:wrap; align-items:center; gap:5px; font-size:10px; color:#7c899d; line-height:1.8; }
.eg-pricing-footnote i { color:#8699b1; margin-right:3px; }
.eg-pricing-footnote a { color:#526dff; font-weight:800; white-space:nowrap; }
.eg-pricing-footnote a:hover { color:#344fe5; }

/* Feature grid */
.eg-feature-section { background:#fff; }
.eg-section-header-center { flex-direction:column; align-items:center; text-align:center; gap:0; }
.eg-section-header-center p { max-width:570px; margin:14px auto 0; }
.eg-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.eg-feature-card { border:1px solid #e9edf4; background:linear-gradient(165deg,#fff,#fbfcff); border-radius:17px; padding:28px; min-height:275px; position:relative; overflow:hidden; }
.eg-feature-card:hover { border-color:#bfc9ec; box-shadow:var(--eg-shadow); }
.eg-feature-icon { display:grid; place-items:center; width:45px; height:45px; border-radius:12px; font-size:19px; margin-bottom:23px; }
.eg-feature-icon-blue { color:#536df5; background:#eaf0ff; }
.eg-feature-icon-cyan { color:#169da6; background:#e4f8f6; }
.eg-feature-icon-purple { color:#805de3; background:#f0edff; }
.eg-feature-number { font-size:9px; font-weight:850; color:#9aa6b8; letter-spacing:.12em; }
.eg-feature-card h3 { font-size:19px; letter-spacing:-.035em; font-weight:850; margin:8px 0 9px; position:relative; z-index:1; }
.eg-feature-card p { font-size:12px; line-height:1.82; color:#78849a; max-width:300px; margin:0; position:relative; z-index:1; }
.eg-feature-art { position:absolute; width:145px; height:145px; border-radius:25px; border:18px solid #eef2ff; right:-77px; bottom:-73px; transform:rotate(-25deg); opacity:.65; pointer-events:none; }
.eg-feature-art-2 { border-color:#e4f8f6; transform:rotate(23deg); }
.eg-feature-art-3 { border-color:#f0ecff; transform:rotate(36deg); }

/* Other solution cards */
.eg-products-section { background:var(--eg-bg); }
.eg-more-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.eg-product-link { display:flex; flex-direction:column; gap:22px; position:relative; background:#fff; border:1px solid #e8ecf4; border-radius:14px; padding:24px; min-height:189px; color:var(--eg-ink)!important; }
.eg-product-link:hover { transform:translateY(-4px); border-color:#bfccfc; box-shadow:0 18px 42px rgba(22,45,86,.08); }
.eg-more-icon { width:43px; height:43px; display:grid; place-items:center; background:#eaf0ff; color:#5f79e9; border-radius:11px; font-size:16px; }
.eg-product-link > span:nth-child(2) { display:flex; flex-direction:column; gap:4px; }
.eg-product-link strong { font-weight:850; font-size:16px; }
.eg-product-link small { font-size:11px; color:#8190a6; }
.eg-more-arrow { position:absolute; top:23px; right:25px; color:#8190b0; font-size:20px; }
.eg-dynamic-groups { margin-top:26px; border-top:1px solid #e1e7f1; padding-top:21px; }
.eg-dynamic-groups h3 { font-size:10px; color:#8794a8; text-transform:uppercase; font-weight:850; letter-spacing:.1em; margin-bottom:12px; }
.eg-dynamic-groups > div { display:flex; flex-wrap:wrap; gap:9px; }
.eg-dynamic-groups a { color:#516480; padding:8px 13px; border-radius:8px; background:#fff; border:1px solid #e4eaf2; font-size:11px; font-weight:750; }
.eg-dynamic-groups a:hover { color:#526eff; border-color:#b9c8fa; }

/* FAQ and CTA */
.eg-faq-section { background:#fff; }
.eg-faq-layout { display:grid; grid-template-columns: minmax(250px,.73fr) minmax(0,1.27fr); gap:100px; }
.eg-faq-layout > div:first-child p { font-size:13px; color:#7e8ba0; margin:16px 0 23px; }
.eg-text-link { display:inline-flex; gap:18px; color:#526eff; font-weight:800; font-size:12px; }
.eg-faq-list { border-top:1px solid #e8edf5; }
.eg-faq-list details { border-bottom:1px solid #e8edf5; }
.eg-faq-list summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#263550; font-size:13px; font-weight:750; padding:22px 1px; cursor:pointer; }
.eg-faq-list summary::-webkit-details-marker { display:none; }
.eg-faq-list summary span { display:grid; place-items:center; flex:none; width:22px; height:22px; border-radius:50%; background:#eff3ff; color:#6d82ed; font-size:19px; font-weight:400; }
.eg-faq-list details[open] summary span { transform:rotate(45deg); }
.eg-faq-list p { font-size:12px; line-height:1.9; color:#7c899d; margin:0 34px 21px 1px; }
.eg-faq-list p a { color:#566ef5; font-weight:750; }
.eg-cta-section { background:#fff; padding:0 0 104px; }
.eg-cta-panel { overflow:hidden; position:relative; background:linear-gradient(112deg,#0a1932,#101e43 62%,#172a55); border:1px solid #182d51; border-radius:20px; padding:50px 58px; display:flex; justify-content:space-between; gap:30px; align-items:center; color:#fff; }
.eg-cta-panel:after { content:""; pointer-events:none; position:absolute; right:-100px; top:-160px; border:1px solid rgba(110,142,233,.15); width:425px; height:425px; border-radius:50%; box-shadow:0 0 0 70px rgba(135,159,242,.04),0 0 0 144px rgba(135,159,242,.026); }
.eg-cta-glow { position:absolute; border-radius:50%; right:20%; bottom:-190px; width:370px; height:270px; background:rgba(65,113,223,.13); filter:blur(75px); }
.eg-cta-panel > div:not(.eg-cta-glow) { z-index:1; }
.eg-cta-kicker { display:inline-flex; gap:12px; align-items:center; color:#99acd1; font-size:9px; font-weight:850; letter-spacing:.14em; }
.eg-cta-panel h2 { color:#fff; max-width:600px; margin:16px 0 11px; font-size:clamp(27px,2.85vw,38px); line-height:1.19; letter-spacing:-.055em; font-weight:850; }
.eg-cta-panel h2 em { font-style:normal; color:#a5b7ff; }
.eg-cta-panel p { color:#91a6c7; font-size:12px; margin:0; }
.eg-cta-actions { display:flex; flex-direction:column; gap:15px; min-width:206px; }
.eg-cta-secondary { color:#b1c3e7!important; font-size:11px; font-weight:700; text-align:center; }
.eg-cta-secondary:hover { color:#fff!important; }
.eg-cta-secondary span { margin-left:9px; }

/* All internal WHMCS pages */
#main-body.eg-inner-main { background:linear-gradient(#f8faff,#fff 280px); padding:37px 0 80px; min-height:530px; }
.eg-inner-main > .container { max-width:1200px; }
body.eg-body .master-breadcrumb { background:#f8faff; border-bottom:1px solid #e9eef7; padding:12px 0; }
body.eg-body .master-breadcrumb .breadcrumb { background:transparent; margin-bottom:0; padding:0; color:#7b8ba5; font-size:11px; }
body.eg-body .master-breadcrumb .breadcrumb-item a { color:#6e80a3; }
body.eg-body .master-breadcrumb .breadcrumb-item.active { color:#253d66; }
body.eg-body .primary-content .card:not(.eg-pricing-card) { border:1px solid var(--eg-border); box-shadow:0 8px 27px rgba(26,53,105,.035); border-radius:13px; overflow:hidden; }
body.eg-body .primary-content .card-header { background:#f8faff; border-bottom:1px solid var(--eg-border); padding:16px 20px; }
body.eg-body .primary-content .card-title { font-weight:780; color:#1d3153; }
body.eg-body .primary-content .btn-primary, body.eg-body .primary-content .btn-success { background:var(--eg-blue); border-color:var(--eg-blue); border-radius:9px; }
body.eg-body .primary-content .btn-primary:hover, body.eg-body .primary-content .btn-success:hover { background:var(--eg-blue-hover); border-color:var(--eg-blue-hover); }
body.eg-body .primary-content .btn-outline-primary { color:var(--eg-blue); border-color:var(--eg-blue); border-radius:9px; }
body.eg-body .primary-content .btn-outline-primary:hover { color:white; background:var(--eg-blue); }
body.eg-body .primary-content .form-control { border-radius:8px; border-color:#e0e7f1; min-height:37px; }
body.eg-body .primary-content .form-control:focus { border-color:#7e9bfb; box-shadow:0 0 0 3px rgba(85,109,240,.1); }
body.eg-body .sidebar .card, body.eg-body .sidebar .list-group { border:1px solid #e3eaf5; border-radius:12px; box-shadow:var(--eg-shadow); overflow:hidden; }
body.eg-body .sidebar .list-group-item { border-color:#e9eef7; }
body.eg-body .sidebar .list-group-item.active { background:#536eff; border-color:#536eff; }
body.eg-body .table { color:#344562; }
body.eg-body .table thead th { background:#f3f6fc; color:#435978; border-color:#e6ebf3; font-size:12px; }
body.eg-body .alert { border-radius:9px; }
body.eg-body .pagination .page-link { border-color:#e3e8f2; color:#546cc8; }
body.eg-body .pagination .page-item.active .page-link { background:#526eff; color:white; border-color:#526eff; }
.eg-dashboard-intro { display:flex; align-items:center; justify-content:space-between; gap:20px; border-radius:16px; padding:27px 32px; background:linear-gradient(110deg,#0b1a35,#132853); color:#fff; margin-bottom:26px; box-shadow:0 15px 40px rgba(3,14,41,.12); }
.eg-dashboard-eyebrow { color:#8caae2; font-size:9px; letter-spacing:.12em; font-weight:850; }
.eg-dashboard-eyebrow i { color:#46d3c1; font-size:6px; vertical-align:middle; margin-right:8px; }
.eg-dashboard-intro h1 { margin:8px 0 5px; color:white; font-size:27px; font-weight:850; letter-spacing:-.04em; }
.eg-dashboard-intro p { margin:0; color:#a9b9d9; font-size:11px; }
body.eg-body .tiles .tile { display:flex; flex-direction:column; min-height:150px; justify-content:center; align-items:center; margin:0 7px 16px; color:#354a70; border:1px solid #e5ecf7; background:#fff; border-radius:13px; overflow:hidden; box-shadow:0 5px 22px rgba(19,54,118,.04); }
body.eg-body .tiles .tile:hover { transform:translateY(-3px); border-color:#ccd5f8; background:#f9faff; }
body.eg-body .tiles .tile .stat { font-weight:850; color:#1f3252; }
body.eg-body .tiles .tile .title { color:#6a7b97; }
body.eg-body .tiles .tile .highlight { background:#637aff!important; height:3px; }
body.eg-body .client-home-cards .card-header h3 { font-size:15px; }
/* Shopping cart templates are managed by WHMCS orderform; style safely without changing checkout markup. */
body.eg-body #order-standard_cart { color:#243b5e; }
body.eg-body #order-standard_cart .products .product, body.eg-body #order-standard_cart .product, body.eg-body #order-standard_cart .panel { border-color:#e3e9f4; border-radius:12px; }
body.eg-body #order-standard_cart .products .product:hover { border-color:#bac9fc; }
body.eg-body #order-standard_cart .btn-primary { background:#526eff; border-color:#526eff; border-radius:8px; }
body.eg-body #order-standard_cart .btn-primary:hover { background:#3e5de8; border-color:#3e5de8; }
body.eg-body #order-standard_cart .summary-container { border-radius:12px; }

/* Corporate footer */
.eg-footer { background:#071426; color:#a3b0c7; padding:68px 0 24px; border-top:1px solid #111f3b; }
.eg-footer-top { display:grid; grid-template-columns:minmax(235px,.87fr) minmax(0,1.55fr); gap:88px; padding-bottom:54px; }
.eg-brand-footer .eg-symbol { width:39px; height:39px; }
.eg-footer-brand-block > p { max-width:312px; font-size:12px; line-height:1.85; color:#8494af; margin:21px 0 23px; }
.eg-footer-email { color:#b5c8ee!important; font-size:12px; font-weight:650; }
.eg-footer-email i { color:#7891ca; margin-right:9px; }
.eg-footer-email:hover { color:#fff!important; }
.eg-footer-links { display:grid; grid-template-columns:.95fr .9fr 1.2fr; gap:25px; }
.eg-footer-col { display:flex; flex-direction:column; align-items:flex-start; gap:12px; min-width:0; }
.eg-footer-col h3 { color:#edf2fd; font-size:12px; font-weight:800; margin:0 0 9px; }
.eg-footer-col a, .eg-footer-col span { color:#8c9fbc; font-size:11px; line-height:1.65; }
.eg-footer-col a:hover { color:#fff; }
.eg-footer-address { gap:7px; }
.eg-footer-address h3 { margin-bottom:14px; }
.eg-registration { color:#7286a4!important; margin-top:7px; }
.eg-footer-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid rgba(194,214,244,.1); padding-top:22px; }
.eg-footer-bottom p { font-size:10px; color:#6e809e; margin:0; }
.eg-footer-bottom-links { display:flex; align-items:center; flex-wrap:wrap; gap:25px; }
.eg-footer-bottom-links a, .eg-locale-button { color:#8b9db8; font-size:10px; font-weight:650; background:transparent; border:0; cursor:pointer; padding:0; }
.eg-footer-bottom-links a:hover, .eg-locale-button:hover { color:#fff; }
.eg-locale-button i { margin-right:5px; }

@media (max-width:1199px) {
  .eg-portal-inner { flex-wrap:wrap; position:relative; }
  .eg-whmcs-menu { order:4; flex:0 0 100%; }
  .eg-whmcs-menu #mainNavbar { display:none!important; flex-direction:column; align-items:stretch; padding-bottom:12px; }
  .eg-whmcs-menu #mainNavbar.show { display:flex!important; }
  .eg-whmcs-menu .navbar-nav { flex-direction:column; align-items:stretch; width:100%; }
  .eg-whmcs-menu .navbar-nav > li { width:100%; }
  .eg-whmcs-menu .navbar-nav > li > a { width:100%; }
  .eg-whmcs-menu .dropdown-menu { position:static; width:100%; }
  .eg-portal-toggle { display:inline-flex; align-items:center; gap:8px; margin-left:auto; }
  .eg-portal-label { padding:11px 0; }
  .eg-hero-inner { gap:24px; }
  .eg-visual-floating-top { right:-3px; }
  .eg-visual-floating-bottom { left:-9px; }
}
@media (max-width:1020px) {
  .eg-product-navigation { display:none; }
  .eg-menu-button { display:flex; }
  .eg-hero-inner { grid-template-columns:1fr .9fr; }
  .eg-hero h1 { font-size:48px; }
  .eg-pricing-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .eg-pricing-card { padding:27px; }
  .eg-pricing-cost strong { font-size:45px; }
  .eg-footer-top { gap:35px; }
  .eg-faq-layout { gap:45px; }
}
@media (max-width:767px) {
  .eg-container { padding-left:21px; padding-right:21px; }
  .eg-header-main { min-height:73px; }
  .eg-header-actions { gap:7px; }
  .eg-signin { display:none; }
  .eg-header-cta { display:none; }
  .eg-utility-message { letter-spacing:.04em; font-size:9px; }
  .eg-utility-right { gap:10px; }
  .eg-utility-right a:first-child { display:none; }
  .eg-hero-inner { grid-template-columns:1fr; padding-top:70px; padding-bottom:65px; }
  .eg-hero-copy { max-width:600px; }
  .eg-hero h1 { font-size:clamp(40px,8vw,56px); }
  .eg-hero-visual { min-height:376px; max-width:500px; width:100%; justify-self:center; }
  .eg-server-panel { max-width:86%; }
  .eg-visual-floating-top { right:4px; top:3px; }
  .eg-visual-floating-bottom { left:0; bottom:1px; }
  .eg-advantage-inner { overflow:auto; gap:24px; justify-content:flex-start; scrollbar-width:none; }
  .eg-advantage-inner::-webkit-scrollbar { display:none; }
  .eg-section { padding:72px 0; }
  .eg-section-header { display:block; }
  .eg-billing-switch { margin-top:22px; }
  .eg-feature-grid, .eg-more-products { grid-template-columns:1fr; }
  .eg-feature-card { min-height:220px; }
  .eg-faq-layout { grid-template-columns:1fr; gap:25px; }
  .eg-faq-layout h2 br { display:none; }
  .eg-cta-panel { flex-direction:column; align-items:flex-start; padding:34px; }
  .eg-cta-actions { width:100%; }
  .eg-cta-section { padding-bottom:72px; }
  .eg-footer-top { grid-template-columns:1fr; gap:36px; }
  .eg-footer-bottom { flex-wrap:wrap; }
  .eg-dashboard-intro { flex-direction:column; align-items:flex-start; padding:24px; }
}
@media (max-width:540px) {
  .eg-brand-copy strong { font-size:16px; }
  .eg-symbol { width:38px; height:38px; }
  .eg-utility-bar { height:34px; }
  .eg-utility-right a { font-size:10px; }
  .eg-hero h1 { font-size:39px; }
  .eg-hero-copy > p { font-size:13px; }
  .eg-eyebrow { font-size:8px; gap:8px; letter-spacing:.1em; white-space:normal; }
  .eg-eyebrow-line { display:none; }
  .eg-hero-actions { flex-direction:column; align-items:stretch; }
  .eg-hero-actions .eg-btn { justify-content:space-between; }
  .eg-hero-perks { gap:9px 18px; }
  .eg-hero-visual { min-height:310px; margin-top:12px; }
  .eg-server-panel { max-width:93%; }
  .eg-server-panel-content { padding:20px 15px; }
  .eg-server-panel-header { padding:12px 15px; }
  .eg-server-badge strong { font-size:12px; }
  .eg-server-metrics > div { padding:12px 9px; }
  .eg-server-metrics strong { font-size:20px; }
  .eg-visual-halo { width:300px; height:300px; }
  .eg-visual-floating { padding:9px; }
  .eg-visual-floating strong { font-size:9px; }
  .eg-visual-floating small { font-size:8px; }
  .eg-float-icon { width:25px; height:25px; }
  .eg-visual-floating-top { top:-1px; right:-6px; }
  .eg-visual-floating-bottom { bottom:0; left:-5px; }
  .eg-server-bottom { font-size:8px; }
  .eg-section h2 { font-size:32px; }
  .eg-section-header p { font-size:12px; }
  .eg-pricing-grid { grid-template-columns:1fr; gap:14px; }
  .eg-pricing-card { padding:27px 25px; }
  .eg-spec-list li { font-size:12px; }
  .eg-spec-list strong { font-size:11px; }
  .eg-footer-links { grid-template-columns:1fr 1fr; gap:30px; }
  .eg-footer-address { grid-column:span 2; }
  .eg-cta-panel { padding:32px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .eg-btn, .eg-pricing-card, .eg-product-link, .eg-visual-floating { transition:none!important; }
}
/* Prevent oversized illustration content from stretching the mobile grid track. */
@media (max-width:767px) {
  .eg-hero-inner { grid-template-columns:minmax(0,1fr); }
  .eg-hero-copy, .eg-hero-visual { min-width:0; max-width:100%; }
  .eg-hero-visual { overflow:visible; }
}
@media (max-width:540px) {
  .eg-visual-floating-top { right:0; }
  .eg-visual-floating-bottom { left:0; }
}

/* Preserve WHMCS' conditional domain search when domain sales are enabled. */
.eg-domain-search-section { background:#f6f8fc; padding:0 0 65px; }
.eg-domain-search-section .home-domain-search { background:#fff!important; border:1px solid #e4ebf5; border-radius:16px; box-shadow:0 10px 34px rgba(17,43,85,.045); }
.eg-domain-search-section .home-domain-search > .container { max-width:1080px; }
.eg-domain-search-section .home-domain-search h2 { font-size:25px; font-weight:850; letter-spacing:-.04em; color:#172944; margin:0 0 20px; }
.eg-domain-search-section .form-control { border-radius:9px 0 0 9px; min-height:47px; }
.eg-domain-search-section .btn-primary, .eg-domain-search-section .btn-success { background:#526eff; color:white; border-color:#526eff; }
.eg-domain-search-section .btn-primary:hover, .eg-domain-search-section .btn-success:hover { background:#3e5de8; border-color:#3e5de8; }
.eg-domain-search-section .tld-logos { max-width:100%; overflow:auto; }
@media(max-width:540px) { .eg-domain-search-section .home-domain-search .p-5 { padding:24px!important; } }