/*===================================================
    // DARK HEADER
    /==================================================*/

    /* Dedicated runs on a dark theme; the header follows unless the mobile sheet is open */
    .theme-dark .site-header:not(.is-mobile-open)::before {
        background: rgba(0, 13, 35, 0.62);
        border-bottom-color: rgba(255, 255, 255, 0.06);
    }

    .theme-dark .site-header:not(.is-mobile-open) .site-brand,
    .theme-dark .site-header:not(.is-mobile-open) .site-nav-link {
        color: #fff;
    }

    .theme-dark .site-header:not(.is-mobile-open) .site-nav-link:hover,
    .theme-dark .site-header:not(.is-mobile-open) .site-nav-trigger[aria-expanded="true"] {
        background: rgba(255, 255, 255, 0.08);
    }

    .theme-dark .site-header:not(.is-mobile-open) .site-header-cta {
        background: #fff;
        box-shadow: none;
        color: var(--dark-dark-color);
    }

    .theme-dark .site-header:not(.is-mobile-open) .site-menu-toggle span {
        background: #fff;
    }


    /*===================================================
    // SHARED
    /==================================================*/

    .ent-actions {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--gap-medium);
        margin-top: var(--margin-medium);
    }

    .ent-button {
        display: inline-flex;
        align-items: center;
        gap: var(--gap-xsmall);
        padding: 12px 22px;
        border-radius: 999px;
        background: #fff;
        font-size: 15px;
        font-weight: 600;
        color: var(--dark-dark-color);
    }

    .ent-ghost {
        display: inline-flex;
        align-items: center;
        gap: var(--gap-xsmall);
        font-size: 15px;
        font-weight: 600;
        color: #fff;
        opacity: 0.85;
        transition: opacity 200ms ease;
    }

    .ent-ghost:hover {
        opacity: 1;
    }

    .ent-button .fa,
    .ent-ghost .fa {
        font-size: 11px;
        transition: transform 400ms var(--ease-out);
    }

    .ent-button:hover .fa,
    .ent-ghost:hover .fa {
        transform: translateX(3px);
    }

    .ent-section {
        position: relative;
        padding: calc(var(--padding-large) * 1.5) 0;
    }

    .ent-head {
        max-width: 720px;
        margin-bottom: var(--margin-large);
    }

    .ent-overline {
        display: block;
        font-size: 15px;
        font-weight: 600;
        color: var(--primary-color);
    }

    .ent-section h2 {
        margin-top: var(--margin-xsmall);
        line-height: 1.08;
        letter-spacing: -0.035em;
        text-wrap: balance;
    }

    .ent-lead {
        max-width: 560px;
        margin-top: var(--margin-small);
        padding-bottom: 0;
        font-size: 18px;
        line-height: 1.6;
    }

    /* Faint column guides behind light sections */
    .ent-lines > .site-container {
        position: relative;
    }


    .ent-lines > .site-container > * {
        position: relative;
    }


    /*===================================================
    // HERO
    /==================================================*/

    

    .ent-hero-grid {
        position: relative;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        gap: var(--gap-large);
    }

    .ent-hero-copy > * {
        animation: heroRise 1100ms var(--ease-out) both;
    }

    .ent-hero-copy > :nth-child(2) { animation-delay: 90ms; }
    .ent-hero-copy > :nth-child(3) { animation-delay: 180ms; }
    .ent-hero-copy > :nth-child(4) { animation-delay: 270ms; }


    .ent-hero-title {
        margin-top: var(--margin-medium);
        line-height: 1;
        letter-spacing: -0.045em;
        color: #fff;
    }

    .ent-hero-title span {
        display: block;
    }

    .ent-hero-highlight {
        padding-bottom: 0.08em;
        background: linear-gradient(90deg, var(--primary-light-color), var(--accent-light-color));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .ent-hero-text {
        max-width: 520px;
        margin-top: var(--margin-medium);
        padding-bottom: 0;
        font-size: 18px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.68);
    }


    /*=== Isometric Stack ===*/

    .ent-stack {
        position: relative;
        height: 620px;
    }

    .ent-layer {
        --y: calc(186px - var(--i) * 124px);

        position: absolute;
        top: 50%;
        left: 50%;
        width: 300px;
        height: 300px;
        margin: -150px 0 0 -150px;
        translate: 0 var(--y);
        animation:
            entStackIn 1500ms var(--ease-out) both,
            entFloat 5s ease-in-out infinite alternate;
        animation-delay:
            calc(400ms + var(--i) * 140ms),
            calc(2000ms + var(--i) * 450ms);
    }

    @keyframes entStackIn {
        from { translate: 0 40px; opacity: 0; }
        to { translate: 0 var(--y); opacity: 1; }
    }

    @keyframes entFloat {
        from { translate: 0 var(--y); }
        to { translate: 0 calc(var(--y) - 10px); }
    }

    /* Content sits in the plane's front corner, the part the layer above never covers */
    .ent-layer-plane {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 14px;
        padding: 26px;
        border-radius: var(--radius-large);
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(255, 255, 255, 0.04);
        box-shadow: -10px 10px 0 -1px rgba(27, 156, 252, 0.1);
        transform: rotateX(60deg) rotateZ(-45deg);
        color: #fff;
    }

    .ent-layer-content {
        display: flex;
        align-items: center;
        gap: 14px;
    }

    .ent-layer-content > .fa {
        font-size: 26px;
        color: var(--secondary-color);
    }

    .ent-layer-content img {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: var(--radius);
    }

    .ent-layer-copy {
        display: flex;
        flex-direction: column;
        line-height: 1.15;
    }

    .ent-layer-copy strong {
        font-size: 24px;
        font-weight: 800;
        letter-spacing: -0.02em;
    }

    .ent-layer-copy small {
        margin-top: 4px;
        font-size: 13px;
        color: var(--ink-soft-color);
    }

    .ent-layer-tag {
        position: absolute;
        top: 22px;
        left: 26px;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 0.45);
    }

    .ent-layer.is-region .ent-layer-plane {
        border-style: dashed;
        border-color: rgba(255, 255, 255, 0.22);
        background: transparent;
        box-shadow: none;
    }

    .ent-layer.is-region .ent-layer-copy strong {
        font-size: 19px;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.8);
    }

    .ent-layer.is-server .ent-layer-plane {
        background: rgba(27, 156, 252, 0.07);
    }

    .ent-layer-nodes {
        display: flex;
        gap: 8px;
    }

    .ent-layer-nodes i {
        width: 34px;
        height: 14px;
        border-radius: var(--radius-small);
        background: var(--primary-color);
        animation: entNode 2400ms ease-in-out infinite;
    }

    .ent-layer-nodes i:nth-child(2) { animation-delay: 300ms; }
    .ent-layer-nodes i:nth-child(3) { animation-delay: 600ms; }
    .ent-layer-nodes i:nth-child(4) { animation-delay: 900ms; }

    @keyframes entNode {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.45; }
    }

    .ent-layer.is-platform .ent-layer-plane {
        background: rgba(255, 255, 255, 0.07);
    }

    .ent-layer.is-brand .ent-layer-plane {
        border-color: #fff;
        background: #fff;
        box-shadow: -10px 10px 0 -1px #c4cfdc;
        color: var(--dark-dark-color);
    }

    .ent-layer.is-brand .ent-layer-tag {
        color: var(--ink-soft-color);
    }

    .ent-layer-mark {
        width: 48px;
        height: 48px;
        display: grid;
        place-items: center;
        border-radius: var(--radius);
        background: var(--layer-brand);
        font-size: 22px;
        font-weight: 800;
        color: #fff;
    }


    /*=== Trust ===*/

    .ent-hero-trust {
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        margin: var(--margin-medium) 0 0;
        padding: 0;
        list-style: none;
    }

    .ent-hero-trust li {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 22px 20px;
        font-size: 13.5px;
        color: rgba(255, 255, 255, 0.72);
    }

    .ent-hero-trust li:first-child {
        padding-left: 0;
        border-left: 0;
    }

    .ent-hero-trust .fa {
        font-size: 15px;
        color: var(--primary-color);
    }


    /*===================================================
    // CARDS
    /==================================================*/

    .ent-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--gap-medium);
    }

    .ent-card {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: var(--radius);
        border: 1px solid var(--hairline-color);
        background: #fff;
        box-shadow: 0 30px 60px -40px rgba(0, 13, 35, 0.18);
    }

    .ent-card-visual {
        height: 260px;
        overflow: hidden;
        padding: 0 var(--padding-medium);
        background: var(--surface-color);
    }

    .ent-card-visual .benefit-visual {
        height: 100%;
        padding-top: var(--padding-medium);
        -webkit-mask-image: none;
        mask-image: none;
    }

    .ent-card-body {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        padding: var(--padding-medium);
    }

    .ent-card-body h3 {
        font-size: 24px;
        line-height: 1.2;
        letter-spacing: -0.02em;
    }

    .ent-card-body p {
        margin-top: var(--margin-small);
        padding-bottom: 0;
        font-size: 15.5px;
        line-height: 1.6;
    }

    .ent-card-tags {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap-xsmall) var(--gap-small);
        margin: auto 0 0;
        padding: var(--padding-small) 0 0;
        border-top: 1px solid var(--hairline-color);
        list-style: none;
    }

    .ent-card-body p + .ent-card-tags {
        margin-top: var(--margin-medium);
    }

    .ent-card-tags li {
        font-size: 13px;
        font-weight: 600;
        color: var(--dark-dark-color);
    }

    .ent-card-tags .fa {
        font-size: 11px;
        color: var(--primary-color);
    }


    /*===================================================
    // REGIONS
    /==================================================*/

    .ent-regions {
        background: var(--surface-color);
    }

    .ent-regions-grid {
        display: grid;
        grid-template-columns: 1fr 1.1fr;
        align-items: start;
        gap: var(--gap-large);
    }

    .ent-points {
        margin: var(--margin-large) 0 0;
        padding: 0;
        list-style: none;
    }

    .ent-points li {
        display: flex;
        flex-direction: column;
        gap: var(--gap-xxsmall);
        margin-bottom: var(--margin-medium);
        padding-left: var(--padding-small);
        border-left: 2px solid var(--primary-color-50);
        font-size: 15px;
        line-height: 1.55;
    }

    .ent-points strong {
        font-size: 16px;
        color: var(--dark-dark-color);
    }

    .ent-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
    }

    .ent-tab {
        padding: var(--padding-xsmall) var(--padding-small);
        border: 0;
        border-radius: 999px;
        background: transparent;
        font: 600 14px/1.2 var(--body-font), var(--font-fallback);
        color: var(--dark-light-color);
        cursor: pointer;
        transition: background-color 300ms ease, color 300ms ease;
    }

    .ent-tab:hover {
        background: rgba(0, 13, 35, 0.05);
    }

    .ent-tab.is-active {
        background: var(--dark-dark-color);
        color: #fff;
    }

    .ent-region-panels {
        display: grid;
        margin-top: var(--margin-small);
        padding: var(--padding-medium);
        border-radius: var(--radius-large);
        border: 1px solid var(--hairline-color);
        background: #fff;
        box-shadow: 0 40px 80px -40px rgba(0, 13, 35, 0.22);
    }

    .ent-region-panel {
        grid-area: 1 / 1;
        visibility: hidden;
        opacity: 0;
        transform: translateY(8px);
        transition: opacity 400ms ease, transform 600ms var(--ease-out), visibility 0s linear 400ms;
    }

    .ent-region-panel.is-active {
        visibility: visible;
        opacity: 1;
        transform: none;
        transition-delay: 0s;
    }

    .ent-region-head {
        display: grid;
        grid-template-columns: 44px 1fr auto;
        align-items: center;
        gap: 14px;
        padding-bottom: var(--padding-small);
        border-bottom: 1px solid var(--hairline-color);
    }

    .ent-region-pin {
        width: 44px;
        height: 44px;
        display: grid;
        place-items: center;
        border-radius: 50%;
        background: var(--primary-color-8);
        font-size: 17px;
        color: var(--primary-color);
    }

    .ent-region-head strong {
        display: block;
        font-size: 19px;
        letter-spacing: -0.01em;
        color: var(--dark-dark-color);
    }

    .ent-region-head small {
        font-size: 13px;
        color: var(--ink-soft-color);
    }

    .ent-status {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        font-weight: 600;
        color: #0f9a70;
    }

    .ent-status i {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #12b886;
        box-shadow: 0 0 0 0 rgba(18, 184, 134, 0.4);
        animation: entPulse 2000ms ease-out infinite;
    }

    @keyframes entPulse {
        to { box-shadow: 0 0 0 8px rgba(18, 184, 134, 0); }
    }

    .ent-region-rows {
        margin: 0;
    }

    .ent-region-rows div {
        display: flex;
        justify-content: space-between;
        gap: var(--gap-small);
        padding: 14px 0;
        border-bottom: 1px solid var(--hairline-color);
    }

    .ent-region-rows div:last-child {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .ent-region-rows dt {
        font-size: 14px;
        color: var(--ink-muted-color);
    }

    .ent-region-rows dd {
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        text-align: right;
        color: var(--dark-dark-color);
    }


    /*===================================================
    // SECURITY
    /==================================================*/

    .ent-security-grid {
        display: grid;
        grid-template-columns: 1.1fr 1fr 1fr;
        align-items: start;
        gap: var(--gap-large);
    }

    .ent-security-head {
        position: sticky;
        top: calc(var(--header-height) + var(--padding-medium));
    }

    .ent-security-group h3 {
        padding-bottom: var(--padding-small);
        border-bottom: 1px solid var(--hairline-color);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--ink-soft-color);
    }

    .ent-security-group ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ent-security-group li {
        display: grid;
        grid-template-columns: 20px 1fr;
        column-gap: 12px;
        row-gap: 2px;
        padding: var(--padding-small) 0;
        border-bottom: 1px solid var(--hairline-color);
        font-size: 14px;
        line-height: 1.55;
    }

    .ent-security-group li .fa {
        grid-row: span 2;
        margin-top: 3px;
        font-size: 15px;
        color: var(--primary-color);
    }

    .ent-security-group li strong {
        font-size: 15px;
        color: var(--dark-dark-color);
    }


    /*===================================================
    // COMPARE
    /==================================================*/

    .ent-compare-table {
        width: 100%;
        border-collapse: collapse;
        font-size: 15px;
    }

    .ent-compare-table th,
    .ent-compare-table td {
        padding: 18px 20px;
        border-bottom: 1px solid var(--hairline-color);
        text-align: center;
    }

    .ent-compare-table thead th,
    .ent-compare-table thead td {
        border-bottom: 0;
        vertical-align: bottom;
    }

    .ent-compare-table thead strong {
        display: block;
        font-size: 19px;
        font-weight: 800;
        letter-spacing: -0.01em;
        color: var(--dark-dark-color);
    }

    .ent-compare-table thead small {
        font-size: 12.5px;
        font-weight: 500;
        color: var(--ink-soft-color);
    }

    .ent-compare-table tbody th {
        width: 50%;
        text-align: left;
        font-weight: 500;
        color: var(--dark-light-color);
    }

    .ent-compare-table td {
        width: 25%;
        font-weight: 600;
        color: var(--dark-dark-color);
    }

    /* Dedicated column reads as one dark-capped column */
    .ent-compare-table thead .is-dedicated {
        border-radius: var(--radius-large) var(--radius-large) 0 0;
        background: var(--dark-dark-color);
    }

    .ent-compare-table thead .is-dedicated strong {
        color: #fff;
    }

    .ent-compare-table thead .is-dedicated small {
        color: rgba(255, 255, 255, 0.6);
    }

    .ent-compare-table tbody .is-dedicated {
        background: rgba(0, 13, 35, 0.025);
    }

    .ent-compare-table tbody tr:last-child .is-dedicated {
        border-radius: 0 0 var(--radius-large) var(--radius-large);
    }

    .ent-compare-table .fa-check {
        color: var(--primary-color);
    }

    .ent-compare-table .fa-minus {
        color: #c5ccd6;
    }

    .ent-compare-table .is-exclusive th {
        font-weight: 600;
        color: var(--dark-dark-color);
    }


    /*===================================================
    // STEPS
    /==================================================*/

    .ent-steps-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: var(--gap-large);
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ent-steps-list li {
        position: relative;
        padding-top: var(--padding-medium);
        border-top: 1px solid var(--hairline-color);
    }

    .ent-steps-list li::before {
        content: '';
        position: absolute;
        top: -1px;
        left: 0;
        width: 48px;
        height: 2px;
        background: var(--primary-color);
    }

    .ent-steps-number {
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.1em;
        color: var(--primary-color);
    }

    .ent-steps-list h3 {
        margin-top: var(--margin-xsmall);
        font-size: 24px;
        letter-spacing: -0.02em;
    }

    .ent-steps-list p {
        margin-top: var(--margin-xsmall);
        padding-bottom: 0;
        font-size: 15.5px;
        line-height: 1.6;
    }


    /*===================================================
    // CALL TO ACTION
    /==================================================*/

    .ent-cta-section {
        padding-top: 0;
    }

    .ent-cta {
        position: relative;
        overflow: hidden;
        padding: calc(var(--padding-large) * 1.5) var(--padding-large);
        border-radius: var(--radius-large);
        background: var(--dark-dark-color);
        text-align: center;
        color: rgba(255, 255, 255, 0.7);
    }

    .ent-cta > :not(.ent-hero-backdrop) {
        position: relative;
    }

    .ent-cta h2 {
        margin-top: var(--margin-medium);
        font-size: clamp(46px, 7.2vw, 60px);
        line-height: 1;
        letter-spacing: -0.045em;
        color: #fff;
    }

    .ent-cta p {
        max-width: 520px;
        margin: var(--margin-small) auto 0;
        padding-bottom: 0;
        font-size: 18px;
        line-height: 1.6;
        color: rgba(255, 255, 255, 0.68);
    }

    .ent-cta .ent-actions {
        justify-content: center;
    }


    /*===================================================
    // RESPONSIVE
    /==================================================*/

    @media screen and (max-width: 1180px) {

        .ent-stack {
            scale: 0.85;
        }

        .ent-hero-trust {
            grid-template-columns: repeat(2, 1fr);
        }

        .ent-hero-trust li:nth-child(3) {
            padding-left: 0;
            border-left: 0;
        }

        .ent-security-grid {
            grid-template-columns: 1fr 1fr;
        }

        .ent-security-head {
            position: static;
            grid-column: 1 / -1;
        }

    }

    @media screen and (max-width: 960px) {

        .ent-hero-grid,
        .ent-cards,
        .ent-regions-grid,
        .ent-security-grid,
        .ent-steps-list {
            grid-template-columns: 1fr;
        }

        .ent-stack {
            height: 480px;
            margin-top: calc(var(--margin-large) * -1);
            scale: 0.72;
        }

        .ent-card-visual {
            height: 240px;
        }

        .ent-cta {
            padding: var(--padding-large) var(--padding-medium);
        }

    }

    @media screen and (max-width: 640px) {

        .ent-hero-trust {
            grid-template-columns: 1fr;
        }

        .ent-hero-trust li {
            padding: var(--padding-small) 0;
            border-left: 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
        }

        .ent-hero-trust li:first-child {
            border-top: 0;
        }

        .ent-compare-table {
            font-size: 13px;
        }

        .ent-compare-table th,
        .ent-compare-table td {
            padding: 12px var(--padding-xsmall);
        }

    }

    @media (prefers-reduced-motion: reduce) {

        .ent-layer,
        .ent-layer-nodes i,
        .ent-status i {
            animation: none;
        }

        .ent-region-panel {
            transition: none;
        }

    }