body #colophon .hd-footer a:hover,
body #colophon .hd-footer a:focus-visible {
    color: #88bf6d !important;
    text-decoration: none !important;
}

.hd-domain-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    margin-top: 28px;
}

body #main .hd-domain-grid th,
body #main .hd-domain-grid td {
    padding: 8px 12px;
}

.hd-package-grid article {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hd-package-grid .hd-inline-button {
    margin-top: auto;
    align-self: flex-start;
}

.hd-package-art {
    height: 140px;
    color: #315d1f;
    margin: -4px 0 12px;
}

.hd-package-art svg {
    display: block;
    width: 100%;
    height: 100%;
}

.hd-package-art .hd-art-halo {
    fill: #4e99300c;
    stroke: #4e993028;
}

body #hd-start .hd-system {
    height: 390px;
    max-width: 460px;
    background-image: radial-gradient(ellipse at center, #4e99301c, transparent 70%);
}

body #hd-start .hd-system:before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 460 390' fill='none'%3E%3Cpath d='M85 130v50h69M375 130v50h-69M85 260v-50h69M375 260v-50h-69' stroke='%237ba369' stroke-width='1.5'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}

body #hd-start .hd-node {
    width: 150px;
    padding: 15px;
}

body #hd-start .hd-node-cloud,
body #hd-start .hd-node-work {
    top: 24px;
}

body #hd-start .hd-node-rent,
body #hd-start .hd-node-phone {
    bottom: 24px;
}

body #hd-start .hd-node-cloud,
body #hd-start .hd-node-rent {
    left: 10px;
}

body #hd-start .hd-node-work,
body #hd-start .hd-node-phone {
    right: 10px;
}

body #hd-start .hd-orbit {
    display: block;
    pointer-events: none;
    width: 300px;
    height: 300px;
    border-color: #4e993045;
    z-index: -1;
}

body #hd-start .hd-orbit-wide {
    width: 404px;
    height: 404px;
    border-color: #4e993026;
}

body #hd-start .hd-orbit:after {
    inset: 60px;
    border-color: #6f945944;
}

body #hd-start .hd-axis {
    display: none;
}

body #hd-start .hd-hub {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: #eef2e8;
    border: 1px solid #9ab489;
    box-shadow: 0 0 60px #4e993014;
}

body #hd-start .hd-brand-mark {
    width: 138px;
}

body #hd-start .hd-hub small {
    display: none;
}

body #hd-start .hd-system-caption {
    text-transform: none;
    letter-spacing: .05em;
    color: #a4b5a4;
}

body #page-wrapper #colophon {
    background: #1b2025;
}

body #colophon .hd-footer {
    box-sizing: border-box;
    width: calc(100% - 56px);
    max-width: 1124px;
    padding: 28px 42px;
    color: #c3c8cd;
}

body #colophon .hd-footer a {
    color: #e1e4e7;
    text-decoration: none !important;
}

body #colophon .hd-social a {
    border-color: #454d55;
}

body #colophon .hd-social a:hover,
body #colophon .hd-social a:focus-visible {
    background: #2a323a;
    border-color: #88bf6d;
}

body #main .hd-shop-navigation a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #315d1f;
}

body #main .hd-shop-navigation a:hover,
body #main .hd-shop-navigation a:focus-visible {
    color: #213e15;
    background: #e5eedf;
    border-color: #4e9930;
    text-decoration: none;
}

.hd-shop-navigation svg {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
}

@media (min-width: 1060px) {
    body #page-wrapper {
        overflow: clip !important;
    }

    body #page-wrapper #masthead {
        position: sticky !important;
        top: 0;
        z-index: 9990;
        box-shadow: 0 3px 16px #14201b0d;
    }

    body.admin-bar #page-wrapper #masthead {
        top: 32px;
    }

    body #hd-start [id],
    body #main .hd-prices section,
    body #main .hd-form-success,
    body #main .hd-form-error {
        scroll-margin-top: 174px;
    }
}

@media (max-width: 800px) {
    .hd-domain-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 650px) {
    body #hd-start .hd-system {
        height: 360px;
    }

    body #hd-start .hd-node {
        width: 126px;
        padding: 12px;
    }

    body #hd-start .hd-node-cloud,
    body #hd-start .hd-node-rent {
        left: 0;
    }

    body #hd-start .hd-node-work,
    body #hd-start .hd-node-phone {
        right: 0;
    }

    body #hd-start .hd-orbit {
        width: 250px;
        height: 250px;
    }

    body #hd-start .hd-orbit-wide {
        width: 300px;
        height: 300px;
    }

    body #hd-start .hd-hub {
        width: 140px;
        height: 140px;
    }

    body #hd-start .hd-orbit:after {
        inset: 55px;
    }

    body #hd-start .hd-brand-mark {
        width: 116px;
    }

    body #colophon .hd-footer {
        width: calc(100% - 32px);
        padding: 28px 22px;
    }
}