/*
 * EGLEA Professional Interface System
 * Shared visual layer for every public page.
 * Loaded after the legacy bundle so the existing content and functionality remain intact.
 */

:root {
    --eg-red: #e31e36;
    --eg-red-2: #ff4d61;
    --eg-red-soft: rgba(227, 30, 54, .10);
    --eg-blue: #246bfd;
    --eg-cyan: #48d8ff;
    --eg-green: #18c98b;
    --eg-amber: #f6ae2d;
    --eg-night: #060b14;
    --eg-night-2: #0a1220;
    --eg-night-3: #101c30;
    --eg-ink: #111827;
    --eg-copy: #53647a;
    --eg-muted: #718096;
    --eg-paper: #ffffff;
    --eg-canvas: #f4f7fb;
    --eg-canvas-2: #eef3f8;
    --eg-line: rgba(15, 23, 42, .105);
    --eg-line-light: rgba(255, 255, 255, .12);
    --eg-shadow-xs: 0 8px 24px rgba(7, 17, 31, .055);
    --eg-shadow-sm: 0 18px 48px rgba(7, 17, 31, .09);
    --eg-shadow-lg: 0 34px 100px rgba(7, 17, 31, .16);
    --eg-radius-sm: 14px;
    --eg-radius-md: 22px;
    --eg-radius-lg: 32px;
    --eg-radius-xl: 42px;

    /* Re-map the page-specific design tokens to one brand system. */
    --primary: var(--eg-red);
    --primary-2: var(--eg-red-2);
    --success: var(--eg-green);
    --dark: var(--eg-night);
    --dark-2: var(--eg-night-2);
    --dark-3: var(--eg-night-3);
    --heading: var(--eg-ink);
    --text: var(--eg-copy);
    --border: var(--eg-line);
    --shadow: var(--eg-shadow-lg);
    --shadow-soft: var(--eg-shadow-sm);

    --eg-primary: var(--eg-red);
    --eg-primary-2: #bd1028;
    --eg-danger: var(--eg-red);
    --eg-heading: var(--eg-ink);
    --eg-text: var(--eg-copy);
    --eg-muted: #718096;
    --eg-soft: var(--eg-canvas);
    --eg-border: var(--eg-line);
    --eg-shadow: var(--eg-shadow-lg);
    --eg-shadow-soft: var(--eg-shadow-sm);
    --eg-gradient: linear-gradient(135deg, var(--eg-red) 0%, var(--eg-red-2) 44%, var(--eg-cyan) 100%);

    --gpu-blue: var(--eg-red);
    --gpu-red: var(--eg-red);
    --gpu-cyan: var(--eg-cyan);
    --gpu-green: var(--eg-green);
    --gpu-heading: var(--eg-ink);
    --gpu-text: var(--eg-copy);
    --gpu-line: var(--eg-line);
    --gpu-soft: var(--eg-canvas);
    --gpu-shadow: var(--eg-shadow-sm);
    --gpu-shadow-2: var(--eg-shadow-lg);
}

html {
    color-scheme: light;
    background: var(--eg-night);
    scroll-behavior: smooth;
    scroll-padding-top: 108px !important;
}

body.eglea-pro {
    margin: 0;
    min-width: 320px;
    color: var(--eg-copy);
    background:
        radial-gradient(circle at 8% 1%, rgba(36, 107, 253, .075), transparent 29rem),
        radial-gradient(circle at 96% 3%, rgba(227, 30, 54, .075), transparent 31rem),
        linear-gradient(180deg, #f8fafc 0%, var(--eg-canvas) 44%, #ffffff 100%) !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1.65;
    letter-spacing: -.006em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    overflow-x: clip !important;
}

body.eglea-pro::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -3;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(15, 23, 42, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(15, 23, 42, .025) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.76), transparent 72%);
}

body.eglea-pro.menu-open,
body.eglea-pro.eg-menu-open,
body.eglea-pro.gpu-menu-open {
    overflow: hidden !important;
}

body.eglea-pro *,
body.eglea-pro *::before,
body.eglea-pro *::after {
    box-sizing: border-box;
}

body.eglea-pro a {
    text-decoration: none;
    text-underline-offset: 3px;
}

body.eglea-pro img {
    max-width: 100%;
}

body.eglea-pro button,
body.eglea-pro a,
body.eglea-pro input,
body.eglea-pro select,
body.eglea-pro textarea,
body.eglea-pro summary {
    -webkit-tap-highlight-color: transparent;
}

body.eglea-pro :focus-visible {
    outline: 3px solid rgba(72, 216, 255, .85) !important;
    outline-offset: 4px;
    border-radius: 8px;
}

.eg-skip-link {
    position: fixed;
    left: 18px;
    top: 14px;
    z-index: 10000;
    transform: translateY(-140%);
    padding: 11px 16px;
    border-radius: 999px;
    color: #fff !important;
    background: var(--eg-red);
    font-weight: 800;
    box-shadow: var(--eg-shadow-sm);
    transition: transform .2s ease;
}

.eg-skip-link:focus {
    transform: translateY(0);
}

.eg-page-progress {
    position: fixed;
    inset: 0 auto auto 0;
    z-index: 9999;
    width: var(--eg-progress, 0%);
    height: 3px;
    pointer-events: none;
    background: linear-gradient(90deg, var(--eg-red), var(--eg-red-2), var(--eg-cyan));
    box-shadow: 0 0 18px rgba(227, 30, 54, .55);
}

/* Remove the old loading layer. A production page should become usable immediately. */
body.eglea-pro .preloader {
    display: none !important;
}

/* The original package uses an icon font. The new layer renders lightweight CSS icons,
   so the site works without redistributing font files. */
body.eglea-pro i.las,
body.eglea-pro i.lar,
body.eglea-pro i.lab,
body.eglea-pro i.la {
    display: inline-grid !important;
    place-items: center;
    width: 1.08em;
    height: 1.08em;
    flex: 0 0 auto;
    font-family: inherit !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    vertical-align: -.08em;
}

body.eglea-pro i.las::before,
body.eglea-pro i.lar::before,
body.eglea-pro i.lab::before,
body.eglea-pro i.la::before {
    content: "•" !important;
    font-family: inherit !important;
    font-size: .78em;
    line-height: 1;
}

body.eglea-pro i.la-check::before,
body.eglea-pro i.la-check-circle::before { content: "✓" !important; }
body.eglea-pro i.la-arrow-right::before { content: "→" !important; }
body.eglea-pro i.la-arrow-up::before { content: "↑" !important; }
body.eglea-pro i.la-arrow-down::before { content: "↓" !important; }
body.eglea-pro i.la-angle-down::before { content: "⌄" !important; }
body.eglea-pro i.la-comments::before { content: "◫" !important; }
body.eglea-pro i.la-map-marker::before,
body.eglea-pro i.la-map-marked-alt::before { content: "⌖" !important; }
body.eglea-pro i.la-server::before,
body.eglea-pro i.la-hdd::before,
body.eglea-pro i.la-database::before { content: "▤" !important; }
body.eglea-pro i.la-shield-alt::before,
body.eglea-pro i.la-user-shield::before,
body.eglea-pro i.la-user-lock::before,
body.eglea-pro i.la-lock::before { content: "◇" !important; }
body.eglea-pro i.la-bolt::before { content: "ϟ" !important; }
body.eglea-pro i.la-clock::before { content: "◷" !important; }
body.eglea-pro i.la-globe::before { content: "◎" !important; }
body.eglea-pro i.la-network-wired::before,
body.eglea-pro i.la-project-diagram::before,
body.eglea-pro i.la-route::before,
body.eglea-pro i.la-ethernet::before { content: "⌘" !important; }
body.eglea-pro i.la-microchip::before,
body.eglea-pro i.la-cube::before,
body.eglea-pro i.la-cubes::before { content: "▦" !important; }
body.eglea-pro i.la-building::before,
body.eglea-pro i.la-city::before,
body.eglea-pro i.la-home::before { content: "▥" !important; }
body.eglea-pro i.la-headset::before { content: "◉" !important; }
body.eglea-pro i.la-envelope::before,
body.eglea-pro i.la-envelope-open-text::before { content: "✉" !important; }
body.eglea-pro i.la-code::before,
body.eglea-pro i.la-terminal::before { content: "‹›" !important; font-size: .68em; }
body.eglea-pro i.la-tag::before { content: "◆" !important; }
body.eglea-pro i.la-gift::before { content: "✦" !important; }
body.eglea-pro i.la-question-circle::before,
body.eglea-pro i.la-info-circle::before { content: "?" !important; }
body.eglea-pro i.la-exclamation-triangle::before { content: "!" !important; }
body.eglea-pro i.la-star::before,
body.eglea-pro i.la-crown::before { content: "★" !important; }
body.eglea-pro i.la-user-plus::before,
body.eglea-pro i.la-user-check::before { content: "+" !important; }

/* Shared container rhythm */
body.eglea-pro .container,
body.eglea-pro .eg-container-wide,
body.eglea-pro .gpu-container-wide {
    width: min(calc(100% - 40px), 1320px) !important;
    max-width: none !important;
    margin-inline: auto !important;
}

body.eglea-pro .section,
body.eglea-pro .section-tight,
body.eglea-pro .eg-section,
body.eglea-pro .eg-section-sm,
body.eglea-pro .gpu-section,
body.eglea-pro .gpu-section-sm {
    position: relative;
    padding-top: clamp(76px, 7vw, 112px) !important;
    padding-bottom: clamp(76px, 7vw, 112px) !important;
}

body.eglea-pro .section-tight,
body.eglea-pro .eg-section-sm,
body.eglea-pro .gpu-section-sm {
    padding-top: clamp(58px, 5.6vw, 88px) !important;
    padding-bottom: clamp(58px, 5.6vw, 88px) !important;
}

body.eglea-pro .pt-0 { padding-top: 0 !important; }
body.eglea-pro .pb-0 { padding-bottom: 0 !important; }

/* Announcement */
body.eglea-pro .announcement-bar {
    position: relative;
    z-index: 1100;
    color: rgba(255,255,255,.78) !important;
    background: #04070d !important;
    border-bottom: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
}

body.eglea-pro .announcement-inner {
    min-height: 42px !important;
}

body.eglea-pro .announce-pill {
    color: #fff !important;
    background: linear-gradient(135deg, var(--eg-red), var(--eg-red-2)) !important;
    box-shadow: 0 8px 24px rgba(227,30,54,.22);
}

body.eglea-pro .announce-link {
    color: #fff !important;
    text-decoration: underline;
    text-decoration-color: rgba(255,255,255,.35);
}

/* Unified navigation */
body.eglea-pro .topbar,
body.eglea-pro .eg-header,
body.eglea-pro .gpu-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    margin: 0 !important;
    padding: 11px 0 !important;
    background: rgba(6, 11, 20, .94) !important;
    border: 0 !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.07), 0 18px 45px rgba(0,0,0,.12) !important;
    backdrop-filter: blur(18px) saturate(145%);
    -webkit-backdrop-filter: blur(18px) saturate(145%);
}

body.eglea-pro .topbar.scrolled,
body.eglea-pro .eg-header.eg-scrolled,
body.eglea-pro .gpu-header.gpu-scrolled {
    background: rgba(4, 8, 15, .975) !important;
    box-shadow: 0 1px 0 rgba(255,255,255,.09), 0 22px 60px rgba(0,0,0,.22) !important;
}

body.eglea-pro .nav-shell,
body.eglea-pro .eg-navbar,
body.eglea-pro .gpu-navbar,
body.eglea-pro .eg-nav-shell,
body.eglea-pro .gpu-nav {
    min-height: 72px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 10px 8px 17px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 22px !important;
    color: #fff !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)),
        rgba(9, 16, 28, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07) !important;
}

body.eglea-pro .logo,
body.eglea-pro .navbar-brand,
body.eglea-pro .eg-logo,
body.eglea-pro .gpu-logo {
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
}

body.eglea-pro .logo img,
body.eglea-pro .navbar-brand img,
body.eglea-pro .eg-logo img,
body.eglea-pro .gpu-logo img {
    display: block;
    width: 154px !important;
    height: auto !important;
    max-height: 58px !important;
    object-fit: contain;
    image-rendering: auto;
    filter: drop-shadow(0 5px 12px rgba(0,0,0,.16));
}

body.eglea-pro .nav-panel,
body.eglea-pro .navbar-nav,
body.eglea-pro .eg-nav-links {
    align-items: center;
}

body.eglea-pro .nav-link,
body.eglea-pro .nav-menu > summary,
body.eglea-pro .eg-nav-link,
body.eglea-pro .gpu-nav-link,
body.eglea-pro .navbar-nav > .nav-item > .nav-link {
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 10px 13px !important;
    border-radius: 13px !important;
    color: rgba(255,255,255,.76) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
    transition: color .2s ease, background .2s ease, transform .2s ease !important;
}

body.eglea-pro .nav-link:hover,
body.eglea-pro .nav-menu > summary:hover,
body.eglea-pro .eg-nav-link:hover,
body.eglea-pro .gpu-nav-link:hover,
body.eglea-pro .navbar-nav > .nav-item > .nav-link:hover,
body.eglea-pro .nav-link.active,
body.eglea-pro .eg-nav-link.active,
body.eglea-pro .gpu-nav-link.active,
body.eglea-pro .navbar-nav > .nav-item > .nav-link.active,
body.eglea-pro [aria-current="page"] {
    color: #fff !important;
    background: rgba(227, 30, 54, .14) !important;
}

body.eglea-pro .nav-link.active::after,
body.eglea-pro .eg-nav-link.active::after,
body.eglea-pro .gpu-nav-link.active::after,
body.eglea-pro [aria-current="page"]::after {
    content: "";
    width: 5px;
    height: 5px;
    margin-left: 2px;
    border-radius: 999px;
    background: var(--eg-red-2);
    box-shadow: 0 0 0 5px rgba(227,30,54,.12);
}

body.eglea-pro .nav-menu > summary::after,
body.eglea-pro .dropdown-toggle::after {
    color: rgba(255,255,255,.62) !important;
    border-top-color: currentColor !important;
}

body.eglea-pro .nav-actions .btn,
body.eglea-pro .eg-nav-actions .eg-btn-dark,
body.eglea-pro .navbar-nav .eg-btn-dark,
body.eglea-pro .navbar-nav .gpu-btn-dark {
    min-height: 48px !important;
    padding: 11px 20px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--eg-red), #bd1028) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 14px 34px rgba(227,30,54,.26) !important;
}

body.eglea-pro .nav-actions .btn:hover,
body.eglea-pro .eg-nav-actions .eg-btn-dark:hover,
body.eglea-pro .navbar-nav .eg-btn-dark:hover,
body.eglea-pro .navbar-nav .gpu-btn-dark:hover {
    transform: translateY(-2px);
    background: linear-gradient(135deg, var(--eg-red-2), var(--eg-red)) !important;
}

body.eglea-pro .nav-dropdown,
body.eglea-pro .dropdown-menu,
body.eglea-pro .eg-mega,
body.eglea-pro .gpu-mega {
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 22px !important;
    color: #fff !important;
    background: rgba(7, 13, 23, .985) !important;
    box-shadow: 0 30px 90px rgba(0,0,0,.38) !important;
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

body.eglea-pro .dropdown-card,
body.eglea-pro .eg-menu-card,
body.eglea-pro .gpu-menu-item,
body.eglea-pro .eg-mega-link {
    min-width: 0;
    padding: 13px !important;
    border: 1px solid transparent !important;
    border-radius: 16px !important;
    color: rgba(255,255,255,.82) !important;
    background: transparent !important;
    transition: .2s ease !important;
}

body.eglea-pro .dropdown-card:hover,
body.eglea-pro .eg-menu-card:hover,
body.eglea-pro .gpu-menu-item:hover,
body.eglea-pro .eg-mega-link:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(227,30,54,.24) !important;
    background: linear-gradient(135deg, rgba(227,30,54,.11), rgba(255,255,255,.045)) !important;
}

body.eglea-pro .dropdown-icon,
body.eglea-pro .eg-menu-icon,
body.eglea-pro .gpu-menu-icon,
body.eglea-pro .eg-mega-icon {
    border-radius: 13px !important;
    background: rgba(255,255,255,.07) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}

body.eglea-pro .dropdown-title,
body.eglea-pro .eg-menu-title,
body.eglea-pro .gpu-menu-title,
body.eglea-pro .eg-mega-title {
    color: #fff !important;
}

body.eglea-pro .dropdown-desc,
body.eglea-pro .eg-menu-desc,
body.eglea-pro .gpu-menu-desc,
body.eglea-pro .eg-mega-desc {
    color: rgba(255,255,255,.54) !important;
}

body.eglea-pro .mini-badge,
body.eglea-pro .eg-badge,
body.eglea-pro .gpu-badge {
    color: #fff !important;
    background: rgba(227,30,54,.24) !important;
    border-color: rgba(227,30,54,.25) !important;
}

body.eglea-pro .mobile-toggle,
body.eglea-pro .navbar-toggler,
body.eglea-pro .gpu-toggler {
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.13) !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: rgba(255,255,255,.07) !important;
    box-shadow: none !important;
}

body.eglea-pro .mobile-toggle span {
    background: #fff !important;
}

body.eglea-pro .navbar-toggler-icon {
    filter: invert(1) grayscale(1) brightness(3);
}

/* Hero system */
body.eglea-pro .hero,
body.eglea-pro .eg-hero,
body.eglea-pro .gpu-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: auto !important;
    padding-top: clamp(72px, 7.4vw, 112px) !important;
    padding-bottom: clamp(88px, 8.6vw, 132px) !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 83% 18%, rgba(36,107,253,.27), transparent 28rem),
        radial-gradient(circle at 93% 72%, rgba(227,30,54,.22), transparent 31rem),
        radial-gradient(circle at 10% 18%, rgba(227,30,54,.17), transparent 24rem),
        linear-gradient(125deg, #07101e 0%, #0a1730 48%, #07111f 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

body.eglea-pro .hero::before,
body.eglea-pro .eg-hero::before,
body.eglea-pro .gpu-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to right, rgba(0,0,0,.95), rgba(0,0,0,.42) 68%, transparent);
}

body.eglea-pro .hero::after,
body.eglea-pro .eg-hero::after,
body.eglea-pro .gpu-hero::after {
    content: "";
    position: absolute;
    width: 780px;
    height: 780px;
    right: -360px;
    top: -420px;
    z-index: -1;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 50%;
    box-shadow:
        0 0 0 70px rgba(255,255,255,.018),
        0 0 0 150px rgba(255,255,255,.012),
        0 0 100px rgba(36,107,253,.14);
}

body.eglea-pro .hero-grid,
body.eglea-pro .eg-hero .row,
body.eglea-pro .gpu-hero .row {
    position: relative;
    z-index: 2;
}

body.eglea-pro .hero-title,
body.eglea-pro .eg-hero-title,
body.eglea-pro .gpu-hero h1 {
    max-width: 900px;
    margin-top: 18px !important;
    color: #fff !important;
    font-size: clamp(3rem, 5.35vw, 5.15rem) !important;
    line-height: .99 !important;
    letter-spacing: -.065em !important;
    font-weight: 900 !important;
    text-wrap: balance;
}

body.eglea-pro .hero-highlight,
body.eglea-pro .eg-gradient-text,
body.eglea-pro .gpu-gradient-text,
body.eglea-pro .gradient-text {
    background: linear-gradient(100deg, #fff 0%, #ff8b98 28%, var(--eg-red-2) 48%, var(--eg-cyan) 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    color: transparent !important;
}

body.eglea-pro .hero-text,
body.eglea-pro .eg-hero-text,
body.eglea-pro .gpu-hero p {
    max-width: 770px !important;
    color: rgba(233, 240, 250, .73) !important;
    font-size: clamp(1.02rem, 1.3vw, 1.18rem) !important;
    line-height: 1.82 !important;
}

body.eglea-pro .eyebrow,
body.eglea-pro .eg-kicker,
body.eglea-pro .eg-eyebrow,
body.eglea-pro .gpu-eyebrow {
    min-height: 34px;
    padding: 8px 13px !important;
    border: 1px solid rgba(227,30,54,.20) !important;
    border-radius: 999px !important;
    color: #c61931 !important;
    background: rgba(227,30,54,.075) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .095em !important;
    text-transform: uppercase !important;
}

body.eglea-pro .eyebrow::before,
body.eglea-pro .eg-kicker::before,
body.eglea-pro .eg-eyebrow::before,
body.eglea-pro .gpu-eyebrow::before {
    width: 7px !important;
    height: 7px !important;
    background: var(--eg-red-2) !important;
    box-shadow: 0 0 0 6px rgba(227,30,54,.13) !important;
}

body.eglea-pro .eyebrow-light,
body.eglea-pro .eg-kicker-light,
body.eglea-pro .eg-eyebrow-light,
body.eglea-pro .gpu-eyebrow-light,
body.eglea-pro .hero .eyebrow,
body.eglea-pro .eg-hero .eg-kicker,
body.eglea-pro .eg-hero .eg-eyebrow,
body.eglea-pro .gpu-hero .gpu-eyebrow {
    color: #fff !important;
    border-color: rgba(255,255,255,.15) !important;
    background: rgba(255,255,255,.075) !important;
}

body.eglea-pro .hero .eyebrow::before,
body.eglea-pro .eg-hero .eg-kicker::before,
body.eglea-pro .eg-hero .eg-eyebrow::before,
body.eglea-pro .gpu-hero .gpu-eyebrow::before {
    background: var(--eg-red-2) !important;
    box-shadow: 0 0 0 6px rgba(227,30,54,.18) !important;
}

body.eglea-pro .hero-command-bar > span,
body.eglea-pro .eg-hero-badge,
body.eglea-pro .eg-visual-chip,
body.eglea-pro .gpu-visual-chip,
body.eglea-pro .gpu-proof-card,
body.eglea-pro .eg-proof,
body.eglea-pro .proof-card,
body.eglea-pro .eg-stat-card {
    border-color: rgba(255,255,255,.12) !important;
    color: rgba(255,255,255,.83) !important;
    background: rgba(255,255,255,.075) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
    backdrop-filter: blur(12px);
}

body.eglea-pro .proof-value,
body.eglea-pro .eg-proof strong,
body.eglea-pro .eg-stat-value,
body.eglea-pro .gpu-proof-value {
    color: #fff !important;
}

body.eglea-pro .proof-label,
body.eglea-pro .eg-proof span,
body.eglea-pro .eg-stat-label,
body.eglea-pro .gpu-proof-label {
    color: rgba(255,255,255,.56) !important;
}

/* Shared buttons */
body.eglea-pro .btn,
body.eglea-pro .eg-btn,
body.eglea-pro .gpu-btn {
    min-height: 52px !important;
    padding: 13px 21px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: -.01em;
    border: 1px solid transparent !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease !important;
}

body.eglea-pro .btn:hover,
body.eglea-pro .eg-btn:hover,
body.eglea-pro .gpu-btn:hover {
    transform: translateY(-2px) !important;
}

body.eglea-pro .btn-primary,
body.eglea-pro .btn-success,
body.eglea-pro .eg-btn-primary,
body.eglea-pro .gpu-btn-primary {
    color: #fff !important;
    background: linear-gradient(135deg, var(--eg-red), #b90d25) !important;
    border-color: rgba(255,255,255,.09) !important;
    box-shadow: 0 18px 42px rgba(227,30,54,.28) !important;
}

body.eglea-pro .btn-primary:hover,
body.eglea-pro .btn-success:hover,
body.eglea-pro .eg-btn-primary:hover,
body.eglea-pro .gpu-btn-primary:hover {
    color: #fff !important;
    background: linear-gradient(135deg, var(--eg-red-2), var(--eg-red)) !important;
    box-shadow: 0 24px 56px rgba(227,30,54,.36) !important;
}

body.eglea-pro .btn-dark,
body.eglea-pro .eg-btn-dark,
body.eglea-pro .gpu-btn-dark {
    color: #fff !important;
    background: var(--eg-night) !important;
    border-color: rgba(255,255,255,.08) !important;
    box-shadow: 0 16px 38px rgba(6,11,20,.18) !important;
}

body.eglea-pro .btn-light,
body.eglea-pro .eg-btn-light,
body.eglea-pro .gpu-btn-light {
    color: var(--eg-ink) !important;
    background: #fff !important;
    border-color: rgba(255,255,255,.62) !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.12) !important;
}

body.eglea-pro .btn-outline,
body.eglea-pro .eg-btn-outline,
body.eglea-pro .gpu-btn-outline {
    color: var(--eg-ink) !important;
    background: #fff !important;
    border-color: var(--eg-line) !important;
}

body.eglea-pro .hero .btn-outline,
body.eglea-pro .eg-hero .eg-btn-outline,
body.eglea-pro .gpu-hero .gpu-btn-outline,
body.eglea-pro .hero .btn-dark,
body.eglea-pro .eg-hero .eg-btn-dark,
body.eglea-pro .gpu-hero .gpu-btn-dark {
    color: #fff !important;
    background: rgba(255,255,255,.075) !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: none !important;
}

/* Section typography */
body.eglea-pro .title,
body.eglea-pro .eg-title,
body.eglea-pro .gpu-title {
    color: var(--eg-ink) !important;
    font-size: clamp(2.35rem, 4vw, 4rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.055em !important;
    font-weight: 900 !important;
    text-wrap: balance;
}

body.eglea-pro .title-small,
body.eglea-pro .eg-title-lg {
    font-size: clamp(2.15rem, 3.45vw, 3.5rem) !important;
}

body.eglea-pro .subtitle,
body.eglea-pro .eg-subtitle,
body.eglea-pro .gpu-subtitle {
    color: #68788e !important;
    font-size: 1.04rem !important;
    line-height: 1.82 !important;
}

body.eglea-pro h1,
body.eglea-pro h2,
body.eglea-pro h3,
body.eglea-pro h4,
body.eglea-pro h5,
body.eglea-pro h6 {
    text-wrap: balance;
}

/* Elevated transition strips */
body.eglea-pro .quick-services,
body.eglea-pro .eg-availability,
body.eglea-pro .eg-strip,
body.eglea-pro .gpu-strip {
    position: relative;
    z-index: 8;
    background: transparent !important;
}

body.eglea-pro .quick-panel,
body.eglea-pro .eg-availability > .container,
body.eglea-pro .eg-strip > .container,
body.eglea-pro .gpu-strip > .container {
    position: relative;
}

body.eglea-pro .quick-panel,
body.eglea-pro .eg-availability .eg-container-wide,
body.eglea-pro .eg-strip .row,
body.eglea-pro .gpu-strip .row {
    border: 1px solid rgba(15,23,42,.08) !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: 0 24px 75px rgba(7,17,31,.12) !important;
    border-radius: 28px !important;
}

body.eglea-pro .quick-card,
body.eglea-pro .eg-availability-item,
body.eglea-pro .eg-strip-item,
body.eglea-pro .gpu-strip-item {
    border-color: rgba(15,23,42,.075) !important;
    background: transparent !important;
}

body.eglea-pro .quick-card:hover,
body.eglea-pro .eg-availability-item:hover,
body.eglea-pro .eg-strip-item:hover,
body.eglea-pro .gpu-strip-item:hover {
    background: rgba(227,30,54,.045) !important;
}

body.eglea-pro .quick-card img,
body.eglea-pro .eg-availability-icon,
body.eglea-pro .eg-strip-icon,
body.eglea-pro .gpu-strip-icon {
    border-radius: 14px !important;
    color: var(--eg-red) !important;
    background: var(--eg-red-soft) !important;
}

/* Universal card language */
body.eglea-pro :is(
    .solution-hero-card,
    .workload-card,
    .included-card,
    .workflow-step,
    .dc-card,
    .faq-item,
    .eg-info-card,
    .eg-brand-card,
    .eg-feature-card,
    .eg-value-card,
    .eg-capability-card,
    .eg-location-card,
    .eg-partner-card,
    .eg-use-card,
    .eg-process-card,
    .eg-policy-card,
    .eg-dark-card,
    .eg-facility-card,
    .gpu-workload-card,
    .gpu-partner-card,
    .gpu-core-card
) {
    border: 1px solid var(--eg-line) !important;
    border-radius: var(--eg-radius-md) !important;
    background: linear-gradient(180deg, #fff 0%, #fbfcfe 100%) !important;
    box-shadow: var(--eg-shadow-xs) !important;
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease !important;
}

body.eglea-pro :is(
    .workload-card,
    .included-card,
    .dc-card,
    .eg-info-card,
    .eg-brand-card,
    .eg-feature-card,
    .eg-value-card,
    .eg-capability-card,
    .eg-location-card,
    .eg-partner-card,
    .eg-use-card,
    .eg-process-card,
    .eg-policy-card,
    .eg-facility-card,
    .gpu-workload-card,
    .gpu-partner-card,
    .gpu-core-card
):hover {
    transform: translateY(-5px) !important;
    border-color: rgba(227,30,54,.22) !important;
    box-shadow: var(--eg-shadow-sm) !important;
}

body.eglea-pro :is(
    .workload-icon,
    .included-icon,
    .dc-icon,
    .eg-info-icon,
    .eg-feature-icon,
    .eg-value-icon,
    .eg-capability-icon,
    .eg-location-icon,
    .eg-use-icon,
    .eg-process-num,
    .eg-policy-icon,
    .eg-facility-icon,
    .gpu-workload-icon
) {
    color: var(--eg-red) !important;
    background: linear-gradient(135deg, rgba(227,30,54,.10), rgba(36,107,253,.07)) !important;
    border-color: rgba(227,30,54,.11) !important;
}

body.eglea-pro :is(
    .workload-card,
    .included-card,
    .dc-card,
    .eg-info-card,
    .eg-brand-card,
    .eg-feature-card,
    .eg-value-card,
    .eg-capability-card,
    .eg-location-card,
    .eg-partner-card,
    .eg-use-card,
    .eg-process-card,
    .eg-policy-card,
    .eg-facility-card,
    .gpu-workload-card,
    .gpu-partner-card,
    .gpu-core-card
) h3,
body.eglea-pro :is(
    .workload-card,
    .included-card,
    .dc-card,
    .eg-info-card,
    .eg-brand-card,
    .eg-feature-card,
    .eg-value-card,
    .eg-capability-card,
    .eg-location-card,
    .eg-partner-card,
    .eg-use-card,
    .eg-process-card,
    .eg-policy-card,
    .eg-facility-card,
    .gpu-workload-card,
    .gpu-partner-card,
    .gpu-core-card
) h4,
body.eglea-pro :is(
    .workload-card,
    .included-card,
    .dc-card,
    .eg-info-card,
    .eg-brand-card,
    .eg-feature-card,
    .eg-value-card,
    .eg-capability-card,
    .eg-location-card,
    .eg-partner-card,
    .eg-use-card,
    .eg-process-card,
    .eg-policy-card,
    .eg-facility-card,
    .gpu-workload-card,
    .gpu-partner-card,
    .gpu-core-card
) h5 {
    color: var(--eg-ink) !important;
    font-weight: 850 !important;
    letter-spacing: -.025em !important;
}

/* Dark feature sections */
body.eglea-pro .eg-dark-section,
body.eglea-pro .gpu-lab,
body.eglea-pro .tech-section,
body.eglea-pro .eg-tech-section {
    position: relative;
    overflow: hidden;
    color: rgba(255,255,255,.72) !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(227,30,54,.20), transparent 28rem),
        radial-gradient(circle at 88% 70%, rgba(36,107,253,.18), transparent 30rem),
        linear-gradient(135deg, var(--eg-night), #0d1b31) !important;
}

body.eglea-pro .eg-dark-section::after,
body.eglea-pro .gpu-lab::after,
body.eglea-pro .eg-tech-section::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: radial-gradient(circle at 50% 40%, #000, transparent 75%);
}

body.eglea-pro .eg-dark-section .eg-title,
body.eglea-pro .gpu-lab .gpu-title,
body.eglea-pro .eg-tech-section .eg-title {
    color: #fff !important;
}

body.eglea-pro .eg-dark-section .eg-subtitle,
body.eglea-pro .gpu-lab .gpu-subtitle,
body.eglea-pro .eg-tech-section .eg-subtitle {
    color: rgba(255,255,255,.63) !important;
}

body.eglea-pro .eg-dark-section :is(.eg-feature-card,.eg-capability-card,.eg-dark-card),
body.eglea-pro .gpu-lab :is(.gpu-core-card,.gpu-workload-card),
body.eglea-pro .eg-tech-section :is(.eg-tech-node,.eg-info-card) {
    color: rgba(255,255,255,.65) !important;
    border-color: rgba(255,255,255,.10) !important;
    background: rgba(255,255,255,.065) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.055) !important;
    backdrop-filter: blur(12px);
}

body.eglea-pro .eg-dark-section :is(h3,h4,h5,h6),
body.eglea-pro .gpu-lab :is(h3,h4,h5,h6),
body.eglea-pro .eg-tech-section :is(h3,h4,h5,h6) {
    color: #fff !important;
}

/* Pricing */
body.eglea-pro .plan-card,
body.eglea-pro .eg-plan-card,
body.eglea-pro .gpu-plan-card,
body.eglea-pro .eg-colo-plan {
    position: relative;
    overflow: hidden;
    height: 100%;
    border: 1px solid var(--eg-line) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: var(--eg-shadow-xs) !important;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

body.eglea-pro .plan-card::before,
body.eglea-pro .eg-plan-card::before,
body.eglea-pro .gpu-plan-card::before,
body.eglea-pro .eg-colo-plan::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    z-index: 2;
    background: linear-gradient(90deg, var(--eg-red), var(--eg-red-2), var(--eg-blue));
}

body.eglea-pro .plan-card:hover,
body.eglea-pro .eg-plan-card:hover,
body.eglea-pro .gpu-plan-card:hover,
body.eglea-pro .eg-colo-plan:hover {
    transform: translateY(-7px) !important;
    border-color: rgba(227,30,54,.22) !important;
    box-shadow: 0 28px 76px rgba(7,17,31,.14) !important;
}

body.eglea-pro .plan-head,
body.eglea-pro .eg-plan-head,
body.eglea-pro .gpu-plan-head,
body.eglea-pro .eg-colo-plan > .eg-plan-head {
    color: var(--eg-copy) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(227,30,54,.075), transparent 14rem),
        linear-gradient(180deg, #fff, #fafbfd) !important;
    border-bottom-color: var(--eg-line) !important;
}

body.eglea-pro .plan-name,
body.eglea-pro .eg-plan-name,
body.eglea-pro .gpu-plan-name {
    color: var(--eg-ink) !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
}

body.eglea-pro .price,
body.eglea-pro .eg-price,
body.eglea-pro .gpu-price,
body.eglea-pro .gpu-table-price {
    color: var(--eg-red) !important;
    letter-spacing: -.055em !important;
}

body.eglea-pro .plan-badge,
body.eglea-pro .eg-plan-tag,
body.eglea-pro .eg-plan-pill,
body.eglea-pro .gpu-plan-badge,
body.eglea-pro .dc-badge,
body.eglea-pro .eg-location-pill {
    color: #bd1028 !important;
    background: rgba(227,30,54,.08) !important;
    border-color: rgba(227,30,54,.14) !important;
}

body.eglea-pro .plan-icon,
body.eglea-pro .eg-plan-icon,
body.eglea-pro .gpu-plan-icon {
    color: var(--eg-red) !important;
    background: linear-gradient(135deg, rgba(227,30,54,.12), rgba(36,107,253,.08)) !important;
    border-color: rgba(227,30,54,.13) !important;
}

body.eglea-pro .spec,
body.eglea-pro .eg-spec,
body.eglea-pro .gpu-spec,
body.eglea-pro .eg-spec-box {
    border-color: rgba(15,23,42,.075) !important;
    background: #f7f9fc !important;
}

body.eglea-pro .check,
body.eglea-pro .eg-check,
body.eglea-pro .gpu-check {
    color: var(--eg-green) !important;
}

body.eglea-pro .promo-note,
body.eglea-pro .eg-promo-note,
body.eglea-pro .gpu-promo-note {
    color: #8a3d12 !important;
    border-color: rgba(246,174,45,.20) !important;
    background: rgba(246,174,45,.10) !important;
}

body.eglea-pro .plan-filter,
body.eglea-pro .eg-plan-filter,
body.eglea-pro .gpu-plan-filter {
    border: 1px solid var(--eg-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--eg-shadow-xs) !important;
}

body.eglea-pro .filter-btn,
body.eglea-pro .eg-plan-filter button,
body.eglea-pro .gpu-plan-filter button {
    border-radius: 11px !important;
    color: var(--eg-copy) !important;
}

body.eglea-pro .filter-btn.active,
body.eglea-pro .eg-plan-filter button.active,
body.eglea-pro .gpu-plan-filter button.active {
    color: #fff !important;
    background: var(--eg-night) !important;
}

/* Tables */
body.eglea-pro .table-responsive,
body.eglea-pro .eg-table-wrap,
body.eglea-pro .gpu-table-wrap,
body.eglea-pro .compare-shell {
    border: 1px solid var(--eg-line) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: var(--eg-shadow-xs) !important;
    overflow: auto !important;
}

body.eglea-pro table {
    margin-bottom: 0 !important;
    color: var(--eg-copy) !important;
}

body.eglea-pro table thead th {
    color: var(--eg-ink) !important;
    background: #f2f5f9 !important;
    border-color: var(--eg-line) !important;
    font-size: 12px;
    font-weight: 900 !important;
    letter-spacing: .045em;
    text-transform: uppercase;
}

body.eglea-pro table td,
body.eglea-pro table th {
    border-color: rgba(15,23,42,.075) !important;
    vertical-align: middle !important;
}

body.eglea-pro table tbody tr:hover td {
    background: rgba(227,30,54,.028) !important;
}

/* FAQ */
body.eglea-pro .faq-wrap,
body.eglea-pro .accordion {
    --bs-accordion-border-color: var(--eg-line);
    --bs-accordion-btn-focus-box-shadow: none;
}

body.eglea-pro .faq-item,
body.eglea-pro .accordion-item {
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid var(--eg-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--eg-shadow-xs) !important;
}

body.eglea-pro .faq-item summary,
body.eglea-pro .accordion-button {
    min-height: 64px;
    padding: 18px 21px !important;
    color: var(--eg-ink) !important;
    background: #fff !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    box-shadow: none !important;
}

body.eglea-pro .faq-item[open] summary,
body.eglea-pro .accordion-button:not(.collapsed) {
    color: #b70f27 !important;
    background: rgba(227,30,54,.045) !important;
}

body.eglea-pro .faq-item summary::after {
    color: var(--eg-red) !important;
}

body.eglea-pro .accordion-button::after {
    filter: grayscale(1) contrast(1.4);
}

body.eglea-pro .faq-answer,
body.eglea-pro .accordion-body {
    padding: 0 21px 20px !important;
    color: var(--eg-copy) !important;
    line-height: 1.78 !important;
}

/* Data-center/location cards */
body.eglea-pro .eg-location-image,
body.eglea-pro .eg-info-image {
    overflow: hidden;
    border-radius: 18px !important;
}

body.eglea-pro .eg-location-image img,
body.eglea-pro .eg-info-image img {
    width: 100%;
    transition: transform .5s ease;
}

body.eglea-pro .eg-location-card:hover .eg-location-image img,
body.eglea-pro .eg-info-row:hover .eg-info-image img {
    transform: scale(1.035);
}

body.eglea-pro .eg-network-line,
body.eglea-pro .gpu-pipe-status,
body.eglea-pro .rack-lights,
body.eglea-pro .eg-lights {
    color: var(--eg-green) !important;
}

/* OS / application cards */
body.eglea-pro .eg-os-card {
    border: 1px solid var(--eg-line) !important;
    border-radius: 22px !important;
    background: #fff !important;
    box-shadow: var(--eg-shadow-xs) !important;
    transition: .25s ease !important;
}

body.eglea-pro .eg-os-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(227,30,54,.22) !important;
    box-shadow: var(--eg-shadow-sm) !important;
}

body.eglea-pro .eg-os-logo {
    border-radius: 16px !important;
    background: #f4f7fb !important;
    border: 1px solid rgba(15,23,42,.07) !important;
}

body.eglea-pro .eg-os-tag {
    color: #6e7d92 !important;
    background: #f3f6fa !important;
    border-color: rgba(15,23,42,.07) !important;
}

body.eglea-pro .eg-filter-btn.active {
    color: #fff !important;
    background: var(--eg-night) !important;
    border-color: var(--eg-night) !important;
}

/* Legal pages */
body.eglea-pro .eg-policy-shell,
body.eglea-pro .eg-legal-shell {
    background: transparent !important;
}

body.eglea-pro .eg-policy-panel,
body.eglea-pro .eg-legal-panel,
body.eglea-pro .eg-policy-content,
body.eglea-pro .eg-legal-content,
body.eglea-pro #privacyDocument .card,
body.eglea-pro #termsDocument .card {
    border: 1px solid var(--eg-line) !important;
    border-radius: 26px !important;
    background: #fff !important;
    box-shadow: var(--eg-shadow-sm) !important;
}

body.eglea-pro #privacyDocument h2,
body.eglea-pro #privacyDocument h3,
body.eglea-pro #privacyDocument h4,
body.eglea-pro #termsDocument h2,
body.eglea-pro #termsDocument h3,
body.eglea-pro #termsDocument h4 {
    color: var(--eg-ink) !important;
    letter-spacing: -.03em;
    scroll-margin-top: 130px;
}

body.eglea-pro #privacyDocument h3,
body.eglea-pro #termsDocument h3,
body.eglea-pro #termsDocument h4 {
    margin-top: 2.2rem !important;
    padding-top: 1.6rem;
    border-top: 1px solid rgba(15,23,42,.075);
}

body.eglea-pro #privacyDocument p,
body.eglea-pro #privacyDocument li,
body.eglea-pro #termsDocument p,
body.eglea-pro #termsDocument li {
    color: #58687d !important;
    line-height: 1.84 !important;
}

body.eglea-pro .black-color {
    color: var(--eg-ink) !important;
}

/* CTA */
body.eglea-pro .cta-box,
body.eglea-pro .eg-cta,
body.eglea-pro .gpu-cta {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11) !important;
    border-radius: 32px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 88% 15%, rgba(36,107,253,.35), transparent 23rem),
        radial-gradient(circle at 8% 90%, rgba(227,30,54,.26), transparent 24rem),
        linear-gradient(135deg, #07101e, #101d34) !important;
    box-shadow: 0 34px 100px rgba(7,17,31,.22) !important;
}

body.eglea-pro .cta-box h2,
body.eglea-pro .eg-cta h2,
body.eglea-pro .gpu-cta h2 {
    color: #fff !important;
    letter-spacing: -.045em !important;
}

body.eglea-pro .cta-box p,
body.eglea-pro .eg-cta p,
body.eglea-pro .gpu-cta p,
body.eglea-pro .text-white-50 {
    color: rgba(255,255,255,.64) !important;
}

/* Modal */
body.eglea-pro .modal-backdrop,
body.eglea-pro .modal.show {
    backdrop-filter: blur(10px);
}

body.eglea-pro .modal-card,
body.eglea-pro .modal-content {
    border: 1px solid rgba(15,23,42,.10) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 40px 120px rgba(0,0,0,.30) !important;
}

body.eglea-pro .modal-head,
body.eglea-pro .modal-header {
    border-bottom-color: var(--eg-line) !important;
}

body.eglea-pro .modal-title,
body.eglea-pro .modal-head h2 {
    color: var(--eg-ink) !important;
    font-weight: 900 !important;
    letter-spacing: -.035em;
}

/* Footer */
body.eglea-pro .footer,
body.eglea-pro .eg-footer,
body.eglea-pro .gpu-footer {
    position: relative;
    overflow: hidden;
    padding-top: 82px !important;
    color: rgba(255,255,255,.60) !important;
    background:
        radial-gradient(circle at 15% 5%, rgba(227,30,54,.16), transparent 28rem),
        radial-gradient(circle at 85% 86%, rgba(36,107,253,.13), transparent 31rem),
        var(--eg-night) !important;
    border-top: 1px solid rgba(255,255,255,.08);
}

body.eglea-pro .footer::before,
body.eglea-pro .eg-footer::before,
body.eglea-pro .gpu-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,.028) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(to bottom, #000, transparent 84%);
}

body.eglea-pro .footer-grid,
body.eglea-pro .eg-footer > .container > .row,
body.eglea-pro .gpu-footer > .container > .row {
    position: relative;
    z-index: 2;
}

body.eglea-pro .footer-logo,
body.eglea-pro .eg-footer-logo,
body.eglea-pro .gpu-footer-logo {
    width: 176px !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
    margin-bottom: 20px;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.24));
}

body.eglea-pro .footer h3,
body.eglea-pro .eg-footer-title,
body.eglea-pro .gpu-footer-title {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .025em;
}

body.eglea-pro .footer a,
body.eglea-pro .eg-footer a,
body.eglea-pro .gpu-footer a {
    color: rgba(255,255,255,.60) !important;
    transition: color .2s ease, transform .2s ease;
}

body.eglea-pro .footer a:hover,
body.eglea-pro .eg-footer a:hover,
body.eglea-pro .gpu-footer a:hover {
    color: #fff !important;
}

body.eglea-pro .footer-bottom,
body.eglea-pro .eg-footer-bottom,
body.eglea-pro .gpu-footer-bottom {
    position: relative;
    z-index: 2;
    color: rgba(255,255,255,.52) !important;
    border-top-color: rgba(255,255,255,.09) !important;
}

/* Scroll reveal: content stays visible if JavaScript is unavailable. */
body.eglea-pro.eg-motion-ready .eg-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .65s cubic-bezier(.2,.7,.2,1), transform .65s cubic-bezier(.2,.7,.2,1);
}

body.eglea-pro.eg-motion-ready .eg-reveal.eg-visible {
    opacity: 1;
    transform: none;
}

body.eglea-pro .eg-reveal:nth-child(2) { transition-delay: .05s; }
body.eglea-pro .eg-reveal:nth-child(3) { transition-delay: .10s; }
body.eglea-pro .eg-reveal:nth-child(4) { transition-delay: .15s; }
body.eglea-pro .eg-reveal:nth-child(5) { transition-delay: .20s; }
body.eglea-pro .eg-reveal:nth-child(6) { transition-delay: .25s; }

/* Responsive */
@media (max-width: 1199.98px) {
    body.eglea-pro .container,
    body.eglea-pro .eg-container-wide,
    body.eglea-pro .gpu-container-wide {
        width: min(calc(100% - 32px), 1120px) !important;
    }

    body.eglea-pro .nav-link,
    body.eglea-pro .nav-menu > summary,
    body.eglea-pro .eg-nav-link,
    body.eglea-pro .gpu-nav-link,
    body.eglea-pro .navbar-nav > .nav-item > .nav-link {
        padding-inline: 10px !important;
        font-size: 12px !important;
    }

    body.eglea-pro .logo img,
    body.eglea-pro .navbar-brand img,
    body.eglea-pro .eg-logo img,
    body.eglea-pro .gpu-logo img {
        width: 140px !important;
    }
}

@media (max-width: 991.98px) {
    html { scroll-padding-top: 90px !important; }

    body.eglea-pro .announcement-inner {
        min-height: 38px !important;
        font-size: 11px !important;
    }

    body.eglea-pro .announcement-right {
        display: none !important;
    }

    body.eglea-pro .topbar,
    body.eglea-pro .eg-header,
    body.eglea-pro .gpu-header {
        padding: 8px 0 !important;
    }

    body.eglea-pro .nav-shell,
    body.eglea-pro .eg-navbar,
    body.eglea-pro .gpu-navbar,
    body.eglea-pro .eg-nav-shell,
    body.eglea-pro .gpu-nav {
        min-height: 64px !important;
        padding: 7px 8px 7px 14px !important;
        border-radius: 18px !important;
    }

    body.eglea-pro .logo img,
    body.eglea-pro .navbar-brand img,
    body.eglea-pro .eg-logo img,
    body.eglea-pro .gpu-logo img {
        width: 138px !important;
    }

    body.eglea-pro .nav-panel,
    body.eglea-pro .navbar-collapse {
        position: fixed !important;
        inset: 0 0 0 auto !important;
        z-index: 1040 !important;
        display: block !important;
        width: min(88vw, 410px) !important;
        height: 100dvh !important;
        padding: 92px 20px 28px !important;
        overflow: auto !important;
        color: #fff !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(227,30,54,.20), transparent 23rem),
            #070d18 !important;
        border-left: 1px solid rgba(255,255,255,.09) !important;
        box-shadow: -28px 0 90px rgba(0,0,0,.35) !important;
        transform: translateX(105%) !important;
        visibility: hidden !important;
        transition: transform .3s cubic-bezier(.2,.75,.2,1), visibility .3s !important;
    }

    body.eglea-pro .nav-panel.active,
    body.eglea-pro .navbar-collapse.show,
    body.eglea-pro .navbar-collapse.collapsing {
        transform: translateX(0) !important;
        visibility: visible !important;
    }

    body.eglea-pro .navbar-collapse.collapsing {
        height: 100dvh !important;
    }

    body.eglea-pro .nav-panel::before,
    body.eglea-pro .navbar-collapse::before {
        content: "Menu";
        position: absolute;
        top: 28px;
        left: 22px;
        color: #fff;
        font-size: 15px;
        font-weight: 900;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    body.eglea-pro .nav-panel,
    body.eglea-pro .navbar-nav,
    body.eglea-pro .eg-nav-links {
        align-items: stretch !important;
        gap: 4px !important;
    }

    body.eglea-pro .nav-link,
    body.eglea-pro .nav-menu > summary,
    body.eglea-pro .eg-nav-link,
    body.eglea-pro .gpu-nav-link,
    body.eglea-pro .navbar-nav > .nav-item > .nav-link {
        width: 100% !important;
        min-height: 50px !important;
        justify-content: space-between !important;
        padding: 13px 14px !important;
        color: rgba(255,255,255,.82) !important;
        font-size: 14px !important;
    }

    body.eglea-pro .nav-actions,
    body.eglea-pro .eg-nav-actions,
    body.eglea-pro .navbar-nav .nav-item.ms-lg-2 {
        display: block !important;
        margin: 10px 0 0 !important;
    }

    body.eglea-pro .nav-actions .btn,
    body.eglea-pro .eg-nav-actions .eg-btn-dark,
    body.eglea-pro .navbar-nav .eg-btn-dark,
    body.eglea-pro .navbar-nav .gpu-btn-dark {
        width: 100% !important;
    }

    body.eglea-pro .nav-dropdown,
    body.eglea-pro .dropdown-menu,
    body.eglea-pro .eg-mega,
    body.eglea-pro .gpu-mega {
        position: static !important;
        inset: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 6px 0 9px !important;
        padding: 7px !important;
        border-radius: 16px !important;
        transform: none !important;
        box-shadow: none !important;
    }

    body.eglea-pro .dropdown-menu.show {
        display: block !important;
    }

    body.eglea-pro .dropdown-card,
    body.eglea-pro .eg-menu-card,
    body.eglea-pro .gpu-menu-item,
    body.eglea-pro .eg-mega-link {
        grid-template-columns: 42px 1fr !important;
        padding: 10px !important;
    }

    body.eglea-pro .dropdown-desc,
    body.eglea-pro .eg-menu-desc,
    body.eglea-pro .gpu-menu-desc,
    body.eglea-pro .eg-mega-desc {
        display: none !important;
    }

    body.eglea-pro .hero,
    body.eglea-pro .eg-hero,
    body.eglea-pro .gpu-hero {
        padding-top: 68px !important;
        padding-bottom: 84px !important;
    }

    body.eglea-pro .hero-title,
    body.eglea-pro .eg-hero-title,
    body.eglea-pro .gpu-hero h1 {
        font-size: clamp(2.8rem, 8.5vw, 4.6rem) !important;
    }

    body.eglea-pro .hero-grid,
    body.eglea-pro .eg-hero .row,
    body.eglea-pro .gpu-hero .row {
        row-gap: 46px !important;
    }

    body.eglea-pro .footer-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }
}

@media (max-width: 767.98px) {
    body.eglea-pro .container,
    body.eglea-pro .eg-container-wide,
    body.eglea-pro .gpu-container-wide {
        width: min(calc(100% - 24px), 720px) !important;
    }

    body.eglea-pro .announcement-left > span:not(.announce-pill) {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    body.eglea-pro .announcement-left {
        min-width: 0;
    }

    body.eglea-pro .announce-pill {
        flex: 0 0 auto;
    }

    body.eglea-pro .hero,
    body.eglea-pro .eg-hero,
    body.eglea-pro .gpu-hero {
        padding-top: 54px !important;
        padding-bottom: 70px !important;
    }

    body.eglea-pro .hero-title,
    body.eglea-pro .eg-hero-title,
    body.eglea-pro .gpu-hero h1 {
        font-size: clamp(2.55rem, 12vw, 4.1rem) !important;
        letter-spacing: -.06em !important;
    }

    body.eglea-pro .hero-text,
    body.eglea-pro .eg-hero-text,
    body.eglea-pro .gpu-hero p {
        font-size: 1rem !important;
        line-height: 1.72 !important;
    }

    body.eglea-pro .hero-actions,
    body.eglea-pro .eg-hero .d-flex,
    body.eglea-pro .gpu-hero .d-flex {
        align-items: stretch !important;
    }

    body.eglea-pro .hero-actions .btn,
    body.eglea-pro .eg-hero .eg-btn,
    body.eglea-pro .gpu-hero .gpu-btn {
        width: 100% !important;
    }

    body.eglea-pro .proof-grid,
    body.eglea-pro .eg-hero-proof,
    body.eglea-pro .gpu-proof-grid,
    body.eglea-pro .eg-stat-grid {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    }

    body.eglea-pro .title,
    body.eglea-pro .eg-title,
    body.eglea-pro .gpu-title {
        font-size: clamp(2.1rem, 10vw, 3.1rem) !important;
    }

    body.eglea-pro .section,
    body.eglea-pro .section-tight,
    body.eglea-pro .eg-section,
    body.eglea-pro .eg-section-sm,
    body.eglea-pro .gpu-section,
    body.eglea-pro .gpu-section-sm {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    body.eglea-pro .pt-0 { padding-top: 0 !important; }
    body.eglea-pro .pb-0 { padding-bottom: 0 !important; }

    body.eglea-pro .cta-box,
    body.eglea-pro .eg-cta,
    body.eglea-pro .gpu-cta {
        border-radius: 24px !important;
    }

    body.eglea-pro .footer-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }

    body.eglea-pro .footer-bottom,
    body.eglea-pro .eg-footer-bottom,
    body.eglea-pro .gpu-footer-bottom {
        text-align: left;
    }
}

@media (max-width: 479.98px) {
    body.eglea-pro .logo img,
    body.eglea-pro .navbar-brand img,
    body.eglea-pro .eg-logo img,
    body.eglea-pro .gpu-logo img {
        width: 125px !important;
    }

    body.eglea-pro .proof-grid,
    body.eglea-pro .eg-hero-proof,
    body.eglea-pro .gpu-proof-grid,
    body.eglea-pro .eg-stat-grid {
        grid-template-columns: 1fr !important;
    }

    body.eglea-pro .hero-command-bar {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }

    body.eglea-pro .hero-command-bar > span {
        justify-content: flex-start !important;
    }

    body.eglea-pro .plan-card,
    body.eglea-pro .eg-plan-card,
    body.eglea-pro .gpu-plan-card,
    body.eglea-pro .eg-colo-plan {
        border-radius: 22px !important;
    }
}


/* Header compatibility for the dedicated-server and GPU page variants. */
body.eglea-pro .eg-nav-shell,
body.eglea-pro .gpu-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
}

body.eglea-pro .eg-nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
}

body.eglea-pro .eg-nav-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

/* A brand mark must never receive the active-link treatment. */
body.eglea-pro .logo[aria-current="page"],
body.eglea-pro .navbar-brand[aria-current="page"],
body.eglea-pro .eg-logo[aria-current="page"],
body.eglea-pro .gpu-logo[aria-current="page"] {
    color: inherit !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.eglea-pro .logo[aria-current="page"]::after,
body.eglea-pro .navbar-brand[aria-current="page"]::after,
body.eglea-pro .eg-logo[aria-current="page"]::after,
body.eglea-pro .gpu-logo[aria-current="page"]::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 1199.98px) {
    body.eglea-pro .eg-nav-links {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    /* Keep closed off-canvas menus inside the viewport so they never create sideways scrolling. */
    body.eglea-pro .nav-panel,
    body.eglea-pro .navbar-collapse {
        right: 0 !important;
        left: auto !important;
        transform: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        clip-path: inset(0 0 0 100% round 0) !important;
        transition: clip-path .3s cubic-bezier(.2,.75,.2,1), opacity .22s ease, visibility .3s !important;
    }

    body.eglea-pro .nav-panel.active,
    body.eglea-pro .navbar-collapse.show,
    body.eglea-pro .navbar-collapse.collapsing {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        clip-path: inset(0 round 0) !important;
    }

    body.eglea-pro .eg-mobile-panel {
        color: #fff !important;
        border: 1px solid rgba(255,255,255,.11) !important;
        background:
            radial-gradient(circle at 100% 0%, rgba(227,30,54,.20), transparent 24rem),
            rgba(7,13,24,.985) !important;
        box-shadow: 0 30px 90px rgba(0,0,0,.36) !important;
        backdrop-filter: blur(20px) saturate(140%);
        -webkit-backdrop-filter: blur(20px) saturate(140%);
    }

    body.eglea-pro .eg-mobile-panel a {
        color: rgba(255,255,255,.84) !important;
    }

    body.eglea-pro .eg-mobile-panel a:hover,
    body.eglea-pro .eg-mobile-panel a[aria-current="page"] {
        color: #fff !important;
        background: rgba(227,30,54,.14) !important;
    }
}

@media (max-width: 767.98px) {
    html,
    body.eglea-pro {
        max-width: 100%;
        overflow-x: clip !important;
    }

    body.eglea-pro .hero-visual,
    body.eglea-pro .eg-hero-visual,
    body.eglea-pro .gpu-hero-visual,
    body.eglea-pro .eg-console,
    body.eglea-pro .gpu-console,
    body.eglea-pro .about-visual,
    body.eglea-pro .eg-about-visual,
    body.eglea-pro .gpu-about-visual {
        max-width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto !important; }
    body.eglea-pro *,
    body.eglea-pro *::before,
    body.eglea-pro *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }

    body.eglea-pro.eg-motion-ready .eg-reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Mobile navigation dimmer */
.eg-mobile-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1030;
    pointer-events: none;
    opacity: 0;
    background: rgba(1, 5, 12, .66);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    transition: opacity .25s ease;
}

@media (max-width: 991.98px) {
    .eg-mobile-backdrop.active {
        pointer-events: auto;
        opacity: 1;
    }
}

/* Final hero-specific safeguards. */
body.eglea-pro i.la-bars::before {
    content: "☰" !important;
    font-size: 1.05em !important;
    line-height: 1 !important;
}

body.eglea-pro i.la-times::before {
    content: "×" !important;
    font-size: 1.3em !important;
    line-height: 1 !important;
}

body.eglea-pro .gpu-hero .gpu-core-card {
    color: #fff !important;
    border-color: rgba(255,255,255,.15) !important;
    background: rgba(6,16,31,.68) !important;
    box-shadow: 0 20px 45px rgba(0,0,0,.24) !important;
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
}

body.eglea-pro .gpu-hero .gpu-core-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(72,216,255,.28) !important;
    box-shadow: 0 24px 54px rgba(0,0,0,.28) !important;
}

body.eglea-pro .gpu-hero .gpu-core-card strong {
    color: #fff !important;
}

body.eglea-pro .gpu-hero .gpu-core-card small {
    color: rgba(255,255,255,.64) !important;
}

@media (max-width: 991.98px) {
    body.eglea-pro .gpu-hero {
        margin-top: 0 !important;
    }
}

body.eglea-pro .eg-mobile-toggle i,
body.eglea-pro .eg-mobile-toggle i::before {
    color: #fff !important;
    font-size: 1.15rem !important;
}

/* ========================================================================== 
   EGLEA VISIBILITY & POLISH PATCH — v2
   Content must remain readable even when animation APIs, extensions, caching,
   or third-party scripts fail. These rules intentionally come last.
   ========================================================================== */

/* Never use opacity as a prerequisite for reading page content. */
body.eglea-pro .eg-reveal,
body.eglea-pro.eg-motion-ready .eg-reveal,
body.eglea-pro.eg-motion-ready .eg-reveal.eg-visible {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* A restrained enhancement that runs only after the observer confirms view. */
@keyframes eg-safe-reveal-in {
    from { opacity: .94; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: no-preference) {
    body.eglea-pro.eg-motion-ready .eg-reveal.eg-visible {
        animation: eg-safe-reveal-in .46s cubic-bezier(.2,.72,.2,1) both;
    }
}

/* Disable legacy animation states that can hide customer-facing copy. */
body.eglea-pro [data-sal],
body.eglea-pro .sal-animate,
body.eglea-pro .wow,
body.eglea-pro .fadeIn,
body.eglea-pro .fadeInUp {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Robust gradient-copy fallback: readable color first, clipping enhancement second. */
body.eglea-pro .hero-highlight,
body.eglea-pro .eg-gradient-text,
body.eglea-pro .gpu-gradient-text,
body.eglea-pro .gradient-text {
    color: #ff6f82 !important;
    -webkit-text-fill-color: currentColor !important;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
    body.eglea-pro .hero-highlight,
    body.eglea-pro .eg-gradient-text,
    body.eglea-pro .gpu-gradient-text,
    body.eglea-pro .gradient-text {
        color: transparent !important;
        -webkit-text-fill-color: transparent !important;
    }
}

/* Explicit text colors prevent inherited legacy utility classes from producing
   white-on-white or muted-on-muted combinations. */
body.eglea-pro main :is(
    .workload-card,
    .included-card,
    .workflow-step,
    .dc-card,
    .eg-info-card,
    .eg-brand-card,
    .eg-feature-card,
    .eg-value-card,
    .eg-capability-card,
    .eg-location-card,
    .eg-partner-card,
    .eg-use-card,
    .eg-process-card,
    .eg-policy-card,
    .eg-facility-card,
    .eg-os-card,
    .plan-card,
    .eg-plan-card,
    .gpu-plan-card,
    .eg-colo-plan,
    .faq-item,
    .accordion-item
) :is(p, li, small, span:not(.badge):not(.eg-plan-tag):not(.eg-plan-pill):not(.gpu-plan-badge):not(.dc-badge):not(.eg-location-pill)) {
    color: var(--eg-copy);
}

body.eglea-pro main :is(
    .workload-card,
    .included-card,
    .workflow-step,
    .dc-card,
    .eg-info-card,
    .eg-brand-card,
    .eg-feature-card,
    .eg-value-card,
    .eg-capability-card,
    .eg-location-card,
    .eg-partner-card,
    .eg-use-card,
    .eg-process-card,
    .eg-policy-card,
    .eg-facility-card,
    .eg-os-card,
    .plan-card,
    .eg-plan-card,
    .gpu-plan-card,
    .eg-colo-plan,
    .faq-item,
    .accordion-item
) :is(h2, h3, h4, h5, h6, strong) {
    color: var(--eg-ink);
}

/* Re-assert dark-section contrast after the light-card safeguard above. */
body.eglea-pro :is(.eg-dark-section, .gpu-lab, .tech-section, .eg-tech-section) :is(p, li, small, span) {
    color: rgba(241, 246, 255, .76) !important;
}
body.eglea-pro :is(.eg-dark-section, .gpu-lab, .tech-section, .eg-tech-section) :is(h2, h3, h4, h5, h6, strong) {
    color: #fff !important;
}

/* Improve page rhythm and section separation without changing content. */
body.eglea-pro main > :is(.section, .section-tight, .eg-section, .eg-section-sm, .gpu-section, .gpu-section-sm):not(.eg-dark-section):not(.gpu-lab):not(.tech-section):not(.eg-tech-section) {
    isolation: isolate;
}

body.eglea-pro main > :is(.section, .eg-section, .gpu-section):not(.eg-dark-section):not(.gpu-lab):not(.tech-section):not(.eg-tech-section):nth-of-type(even) {
    background: linear-gradient(180deg, rgba(238, 243, 248, .72), rgba(248, 250, 252, .32));
    border-block: 1px solid rgba(15, 23, 42, .045);
}

/* Stronger readable body copy and link focus states. */
body.eglea-pro main p,
body.eglea-pro main li {
    text-rendering: optimizeLegibility;
}
body.eglea-pro main a:not(.btn):not(.eg-btn):not(.gpu-btn):focus-visible,
body.eglea-pro button:focus-visible,
body.eglea-pro summary:focus-visible {
    outline: 3px solid rgba(72, 216, 255, .72) !important;
    outline-offset: 3px !important;
}

/* Legal and long-form documents need a comfortably readable measure. */
body.eglea-pro :is(#privacyDocument, #termsDocument) :is(.eg-policy-content, .eg-legal-content, .card-body) {
    max-width: 920px;
    margin-inline: auto;
}
body.eglea-pro :is(#privacyDocument, #termsDocument) :is(p, li) {
    font-size: 1rem;
}

/* Tables remain readable on narrow displays and expose a clear scroll affordance. */
body.eglea-pro :is(.table-responsive, .eg-table-wrap, .gpu-table-wrap, .compare-shell) {
    scrollbar-width: thin;
    scrollbar-color: rgba(227, 30, 54, .45) rgba(15, 23, 42, .06);
}
body.eglea-pro table :is(td, th) {
    min-width: 112px;
}

/* Mobile: preserve hierarchy, tap targets, and text contrast. */
@media (max-width: 767.98px) {
    body.eglea-pro .hero-title,
    body.eglea-pro .eg-hero-title,
    body.eglea-pro .gpu-hero h1 {
        font-size: clamp(2.55rem, 13vw, 4rem) !important;
        letter-spacing: -.052em !important;
    }

    body.eglea-pro .title,
    body.eglea-pro .eg-title,
    body.eglea-pro .gpu-title {
        font-size: clamp(2rem, 9.5vw, 3rem) !important;
    }

    body.eglea-pro .nav-shell,
    body.eglea-pro .eg-navbar,
    body.eglea-pro .gpu-navbar,
    body.eglea-pro .eg-nav-shell,
    body.eglea-pro .gpu-nav {
        border-radius: 17px !important;
        min-height: 64px !important;
    }

    body.eglea-pro .logo img,
    body.eglea-pro .navbar-brand img,
    body.eglea-pro .eg-logo img,
    body.eglea-pro .gpu-logo img {
        width: 132px !important;
    }

    body.eglea-pro :is(.section, .eg-section, .gpu-section) {
        padding-top: 68px !important;
        padding-bottom: 68px !important;
    }

    body.eglea-pro :is(.section-tight, .eg-section-sm, .gpu-section-sm) {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }
}

/* Contrast refinements discovered during cross-page QA. */
body.eglea-pro .check,
body.eglea-pro .eg-check,
body.eglea-pro .gpu-check {
    color: #087a56 !important;
}

body.eglea-pro .included-icon i,
body.eglea-pro .workflow-icon i,
body.eglea-pro .eg-check-badge i {
    color: #fff !important;
    background-color: #087a56 !important;
}

/* The dedicated-server filter uses the same class name for each button; keep
   the shared wrapper styling from turning the active label white-on-white. */
body.eglea-pro button.eg-plan-filter {
    min-height: 44px;
    padding: .72rem 1rem !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #59697f !important;
    background: transparent !important;
    box-shadow: none !important;
}
body.eglea-pro button.eg-plan-filter:hover {
    color: var(--eg-ink) !important;
    background: rgba(15, 23, 42, .06) !important;
}
body.eglea-pro button.eg-plan-filter.active {
    color: #fff !important;
    background: linear-gradient(135deg, var(--eg-red), #b80d25) !important;
    box-shadow: 0 12px 28px rgba(227, 30, 54, .24) !important;
}

/* Preserve intentionally dark copy on bright status pills inside dark areas. */
body.eglea-pro :is(.eg-dark-section, .gpu-lab, .tech-section, .eg-tech-section) .eg-stack-pill {
    color: #04120d !important;
}

/* Previous-price copy remains secondary but passes a stronger readability bar. */
body.eglea-pro .gpu-price-line del,
body.eglea-pro .eg-price-row del,
body.eglea-pro .price-row del {
    color: #6f7d91 !important;
}

/* Clear selection treatment makes the refreshed interface feel more finished. */
body.eglea-pro ::selection {
    color: #fff;
    background: rgba(190, 13, 38, .92);
}

body.eglea-pro .solution-point i {
    color: #fff !important;
    background: #087a56 !important;
}

body.eglea-pro .eg-mega .eg-chip {
    color: #a7ffdc !important;
    background: rgba(7, 192, 126, .16) !important;
    border: 1px solid rgba(7, 192, 126, .20) !important;
}

/* ========================================================================== 
   EGLEA FINAL VISIBILITY & DESIGN REFINEMENT — v3
   Fixes dark/light cascade conflicts and raises production text contrast.
   ========================================================================== */

body.eglea-pro {
    color: #53647a !important;
}

/* Homepage infrastructure section: prevent alternating light-section rules
   from replacing the intended dark production-infrastructure panel. */
body.eglea-pro main > section.infra {
    color: rgba(240,246,255,.78) !important;
    border-block: 0 !important;
    background:
        radial-gradient(circle at 12% 18%, rgba(227,30,54,.20), transparent 29rem),
        radial-gradient(circle at 86% 14%, rgba(72,216,255,.20), transparent 31rem),
        linear-gradient(135deg, #060b14 0%, #0a1729 52%, #0b254d 100%) !important;
}

body.eglea-pro .infra :is(h1,h2,h3,h4,h5,h6,.title,.section-title,strong) {
    color: #fff !important;
}

body.eglea-pro .infra :is(.subtitle,.section-subtitle,p) {
    color: rgba(235,243,255,.76) !important;
}

body.eglea-pro .infra .infra-point {
    border-color: rgba(255,255,255,.13) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.055)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.065) !important;
}

body.eglea-pro .infra .infra-point span {
    color: rgba(235,243,255,.70) !important;
}

/* Homepage workload cards were designed as rich dark cards. The universal
   light-card rule previously turned them white while legacy copy stayed white. */
body.eglea-pro .solution-grid-card > .workload-card {
    color: #fff !important;
    border-color: rgba(255,255,255,.12) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(72,216,255,.18), transparent 15rem),
        linear-gradient(145deg, #08182d, #0d2e5e) !important;
    box-shadow: 0 22px 52px rgba(7,17,31,.18) !important;
}

body.eglea-pro .solution-grid-card > .workload-card:nth-child(2) {
    background:
        radial-gradient(circle at 100% 0%, rgba(91,255,201,.16), transparent 15rem),
        linear-gradient(145deg, #071f1b, #0a6a4d) !important;
}

body.eglea-pro .solution-grid-card > .workload-card:nth-child(3) {
    background:
        radial-gradient(circle at 100% 0%, rgba(196,165,255,.18), transparent 15rem),
        linear-gradient(145deg, #1d1537, #5131a6) !important;
}

body.eglea-pro .solution-grid-card > .workload-card:nth-child(4) {
    background:
        radial-gradient(circle at 100% 0%, rgba(255,205,128,.18), transparent 15rem),
        linear-gradient(145deg, #301808, #a95708) !important;
}

body.eglea-pro .solution-grid-card > .workload-card:hover {
    border-color: rgba(255,255,255,.25) !important;
    box-shadow: 0 30px 72px rgba(7,17,31,.25) !important;
}

body.eglea-pro .solution-grid-card > .workload-card :is(h2,h3,h4,h5,h6,strong),
body.eglea-pro .solution-grid-card > .workload-card .workload-icon {
    color: #fff !important;
}

body.eglea-pro .solution-grid-card > .workload-card :is(p,span,small) {
    color: rgba(240,246,255,.82) !important;
}

body.eglea-pro .solution-grid-card > .workload-card .workload-icon {
    border-color: rgba(255,255,255,.17) !important;
    background: rgba(255,255,255,.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* Colocation facility cards belong to a dark section. Restore dark glass so
   their white headings and body copy always have a reliable background. */
body.eglea-pro .eg-dark-section .eg-facility-card {
    color: rgba(240,246,255,.78) !important;
    border-color: rgba(255,255,255,.13) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.105), rgba(255,255,255,.055)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 18px 46px rgba(0,0,0,.15) !important;
    backdrop-filter: blur(16px) saturate(130%);
    -webkit-backdrop-filter: blur(16px) saturate(130%);
}

body.eglea-pro .eg-dark-section .eg-facility-card:hover {
    border-color: rgba(72,216,255,.28) !important;
    background:
        linear-gradient(145deg, rgba(255,255,255,.145), rgba(255,255,255,.075)) !important;
}

body.eglea-pro .eg-dark-section .eg-facility-card :is(h2,h3,h4,h5,h6,strong) {
    color: #fff !important;
}

body.eglea-pro .eg-dark-section .eg-facility-card :is(p,span,small) {
    color: rgba(235,243,255,.76) !important;
}

body.eglea-pro .eg-dark-section .eg-facility-card .eg-facility-icon {
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    background: linear-gradient(135deg, var(--eg-red), var(--eg-blue)) !important;
    box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
}

/* Strengthen secondary copy in high-value dark surfaces. */
body.eglea-pro :is(
    .hero,
    .eg-hero,
    .gpu-hero,
    .eg-dark-section,
    .gpu-lab,
    .tech-section,
    .eg-tech-section,
    .infra,
    .cta-box,
    .eg-cta,
    .gpu-cta
) :is(.subtitle,.section-subtitle,.eg-subtitle,.gpu-subtitle,.text-muted) {
    color: rgba(235,243,255,.76) !important;
}

body.eglea-pro :is(.cta-box,.eg-cta,.gpu-cta) p,
body.eglea-pro :is(.cta-box,.eg-cta,.gpu-cta) .text-white-50 {
    color: rgba(241,246,255,.78) !important;
}

body.eglea-pro :is(.footer,.eg-footer,.gpu-footer) p {
    color: rgba(239,245,255,.69) !important;
}

body.eglea-pro :is(.footer,.eg-footer,.gpu-footer) a {
    color: rgba(239,245,255,.73) !important;
}

body.eglea-pro :is(.footer-bottom,.eg-footer-bottom,.gpu-footer-bottom) {
    color: rgba(239,245,255,.63) !important;
}

/* Gradient text remains readable in Windows High Contrast / forced-color mode. */
@media (forced-colors: active) {
    body.eglea-pro .hero-highlight,
    body.eglea-pro .eg-gradient-text,
    body.eglea-pro .gpu-gradient-text,
    body.eglea-pro .gradient-text {
        background: none !important;
        color: CanvasText !important;
        -webkit-text-fill-color: CanvasText !important;
    }
}

/* Prevent long policy, package, and infrastructure strings from clipping. */
body.eglea-pro :is(main,footer) :is(p,li,a,td,th,code) {
    overflow-wrap: break-word;
}

body.eglea-pro :is(input,select,textarea) {
    color: #172033 !important;
}

body.eglea-pro :is(input,textarea)::placeholder {
    color: #76859a !important;
    opacity: 1;
}

@media (max-width: 575.98px) {
    body.eglea-pro .hero-title,
    body.eglea-pro .eg-hero-title,
    body.eglea-pro .gpu-hero h1 {
        font-size: clamp(2.35rem, 11vw, 3.25rem) !important;
        line-height: 1.02 !important;
        letter-spacing: -.052em !important;
    }

    body.eglea-pro .solution-grid-card {
        grid-template-columns: 1fr !important;
    }

    body.eglea-pro .solution-grid-card > .workload-card {
        min-height: 190px;
    }
}

@media print {
    body.eglea-pro .eg-reveal,
    body.eglea-pro.eg-motion-ready .eg-reveal {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        animation: none !important;
    }

    body.eglea-pro :is(.eg-page-progress,.eg-mobile-backdrop,.preloader) {
        display: none !important;
    }
}


/* Mobile announcement text must remain fully readable; never line-clamp customer-facing copy. */
@media (max-width: 767.98px) {
    body.eglea-pro .announcement-inner {
        min-height: 0 !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    body.eglea-pro .announcement-left {
        width: 100%;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr);
        align-items: center;
        gap: 10px !important;
        flex-wrap: nowrap !important;
    }

    body.eglea-pro .announcement-left > span:not(.announce-pill) {
        display: block !important;
        overflow: visible !important;
        white-space: normal !important;
        line-height: 1.42 !important;
        -webkit-line-clamp: initial !important;
        -webkit-box-orient: initial !important;
    }

    body.eglea-pro .announce-pill {
        align-self: center;
        padding: 6px 9px !important;
    }
}