.domain-button--norails {
    color: #071017;
    background: #56f0ff;
    box-shadow: 0 18px 42px rgba(86, 240, 255, 0.24);
}

.domain-listing-card--norails {
    color: #effbff;
    background:
        radial-gradient(circle at 82% 20%, rgba(86, 240, 255, 0.28), transparent 24%),
        radial-gradient(circle at 20% 78%, rgba(255, 92, 170, 0.22), transparent 28%),
        linear-gradient(140deg, #071017, #172036 54%, #332049);
}

.domain-listing-card--norails::before {
    opacity: 0.9;
    background:
        linear-gradient(135deg, transparent 0 28%, rgba(86, 240, 255, 0.16) 28% 29%, transparent 29% 64%, rgba(255, 92, 170, 0.14) 64% 65%, transparent 65%),
        repeating-linear-gradient(90deg, rgba(239, 251, 255, 0.08) 0 1px, transparent 1px 30px);
}

.domain-card-norails-art {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    width: min(34%, 150px);
    aspect-ratio: 1;
    overflow: hidden;
    border: 1px solid rgba(239, 251, 255, 0.26);
    border-radius: 8px;
    background:
        radial-gradient(circle at 70% 24%, rgba(255, 92, 170, 0.42), transparent 18%),
        radial-gradient(circle at 34% 62%, rgba(86, 240, 255, 0.34), transparent 26%),
        rgba(7, 16, 23, 0.5);
    box-shadow: 0 20px 34px rgba(4, 9, 15, 0.34);
}

.domain-card-norails-art::before,
.domain-card-norails-art::after {
    content: "";
    position: absolute;
    border-radius: 999px;
}

.domain-card-norails-art::before {
    inset: 17%;
    border: 2px solid rgba(86, 240, 255, 0.56);
    background: rgba(7, 16, 23, 0.18);
}

.domain-card-norails-art::after {
    left: 17%;
    top: 48%;
    width: 78%;
    height: 4px;
    background: linear-gradient(90deg, #56f0ff 0 38%, transparent 38% 53%, #ff5caa 53%);
    border-radius: 999px;
    transform: rotate(-23deg);
    box-shadow: 0 0 22px rgba(86, 240, 255, 0.36);
}

.norails-card-rail,
.norails-card-orb {
    position: absolute;
    z-index: 2;
}

.norails-card-rail {
    left: 12%;
    width: 74%;
    height: 3px;
    background: linear-gradient(90deg, #56f0ff 0 34%, transparent 34% 49%, rgba(239, 251, 255, 0.78) 49% 66%, transparent 66% 75%, #ff5caa 75%);
    border-radius: 999px;
}

.norails-card-rail--one {
    top: 35%;
    transform: rotate(16deg);
}

.norails-card-rail--two {
    bottom: 31%;
    transform: rotate(-16deg);
}

.norails-card-orb {
    width: 15%;
    aspect-ratio: 1;
    border-radius: 999px;
    background: #56f0ff;
    box-shadow: 0 0 0 6px rgba(86, 240, 255, 0.14), 0 0 24px rgba(86, 240, 255, 0.62);
}

.norails-card-orb--one {
    left: 16%;
    top: 28%;
}

.norails-card-orb--two {
    right: 13%;
    top: 16%;
    background: #ff5caa;
    box-shadow: 0 0 0 6px rgba(255, 92, 170, 0.16), 0 0 24px rgba(255, 92, 170, 0.62);
}

.norails-card-orb--three {
    right: 18%;
    bottom: 18%;
    background: #effbff;
    box-shadow: 0 0 0 6px rgba(239, 251, 255, 0.14), 0 0 24px rgba(239, 251, 255, 0.42);
}

.norails-hero {
    color: #effbff;
    background:
        radial-gradient(circle at 78% 22%, rgba(86, 240, 255, 0.24), transparent 28%),
        radial-gradient(circle at 18% 80%, rgba(255, 92, 170, 0.2), transparent 32%),
        linear-gradient(135deg, #071017, #172036 55%, #332049);
}

.norails-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background:
        linear-gradient(120deg, transparent 0 23%, rgba(86, 240, 255, 0.13) 23% 24%, transparent 24% 58%, rgba(255, 92, 170, 0.12) 58% 59%, transparent 59%),
        repeating-linear-gradient(0deg, rgba(239, 251, 255, 0.05) 0 1px, transparent 1px 10px);
}

.norails-hero .domain-kicker,
.domain-inquiry-page--norails .domain-kicker,
.sale-detail--norails .domain-kicker {
    color: #56f0ff;
}

.norails-hero h1 {
    color: #ffffff;
    text-shadow: -7px 8px 22px rgba(0, 0, 0, 0.34);
}

.norails-model-field {
    position: relative;
    z-index: 2;
    width: min(430px, 100%);
    aspect-ratio: 1;
    align-self: center;
    justify-self: end;
    overflow: hidden;
    border: 1px solid rgba(239, 251, 255, 0.18);
    border-radius: 8px;
    background:
        radial-gradient(circle at 72% 22%, rgba(255, 92, 170, 0.28), transparent 24%),
        radial-gradient(circle at 28% 72%, rgba(86, 240, 255, 0.24), transparent 28%),
        rgba(7, 16, 23, 0.26);
    box-shadow: 0 30px 80px rgba(4, 9, 15, 0.34);
}

.norails-field-ring,
.norails-field-grid,
.norails-node,
.norails-rail,
.norails-break,
.norails-spark {
    position: absolute;
}

.norails-field-ring {
    inset: 17%;
    border: 2px solid rgba(86, 240, 255, 0.26);
    border-radius: 999px;
    background: radial-gradient(circle, rgba(86, 240, 255, 0.14), transparent 58%);
}

.norails-field-grid {
    inset: 0;
    opacity: 0.56;
    background:
        repeating-linear-gradient(90deg, rgba(239, 251, 255, 0.08) 0 1px, transparent 1px 42px),
        repeating-linear-gradient(0deg, rgba(239, 251, 255, 0.06) 0 1px, transparent 1px 42px);
    mask-image: radial-gradient(circle, #000 0 58%, transparent 78%);
}

.norails-node {
    z-index: 3;
    width: 17%;
    aspect-ratio: 1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 34% 32%, rgba(255, 255, 255, 0.82), transparent 24%),
        #56f0ff;
    box-shadow:
        0 0 0 10px rgba(86, 240, 255, 0.12),
        0 20px 44px rgba(4, 9, 15, 0.32),
        0 0 34px rgba(86, 240, 255, 0.55);
}

.norails-node--one {
    left: 9%;
    top: 42%;
}

.norails-node--two {
    right: 11%;
    top: 13%;
    background:
        radial-gradient(circle at 34% 32%, rgba(255, 255, 255, 0.82), transparent 24%),
        #ff5caa;
    box-shadow:
        0 0 0 10px rgba(255, 92, 170, 0.13),
        0 20px 44px rgba(4, 9, 15, 0.32),
        0 0 34px rgba(255, 92, 170, 0.55);
}

.norails-node--three {
    right: 15%;
    bottom: 15%;
    background:
        radial-gradient(circle at 34% 32%, rgba(7, 16, 23, 0.32), transparent 24%),
        #effbff;
    box-shadow:
        0 0 0 10px rgba(239, 251, 255, 0.11),
        0 20px 44px rgba(4, 9, 15, 0.32),
        0 0 34px rgba(239, 251, 255, 0.42);
}

.norails-node--four {
    left: 39%;
    top: 36%;
    width: 20%;
}

.norails-rail {
    z-index: 2;
    left: 13%;
    width: 76%;
    height: 5px;
    background: linear-gradient(90deg, #56f0ff 0 34%, transparent 34% 45%, rgba(239, 251, 255, 0.82) 45% 61%, transparent 61% 72%, #ff5caa 72%);
    border-radius: 999px;
    box-shadow: 0 0 28px rgba(86, 240, 255, 0.32);
}

.norails-rail--one {
    top: 33%;
    transform: rotate(17deg);
}

.norails-rail--two {
    top: 52%;
    transform: rotate(-24deg);
}

.norails-rail--three {
    bottom: 24%;
    transform: rotate(13deg);
}

.norails-break {
    z-index: 4;
    width: 11%;
    height: 11%;
    border: 2px solid rgba(255, 92, 170, 0.66);
    border-radius: 999px;
    background: rgba(7, 16, 23, 0.48);
    box-shadow: 0 0 28px rgba(255, 92, 170, 0.34);
}

.norails-break--one {
    left: 43%;
    top: 31%;
}

.norails-break--two {
    right: 31%;
    bottom: 27%;
}

.norails-spark {
    z-index: 5;
    width: 9%;
    aspect-ratio: 1;
    transform: rotate(45deg);
}

.norails-spark::before,
.norails-spark::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    background: #56f0ff;
    border-radius: 999px;
}

.norails-spark::before {
    width: 16%;
    height: 100%;
}

.norails-spark::after {
    width: 100%;
    height: 16%;
}

.norails-spark--one {
    right: 21%;
    top: 7%;
}

.norails-spark--two {
    left: 16%;
    bottom: 16%;
    filter: hue-rotate(130deg);
}

.sale-detail--norails {
    color: #071017;
    background: linear-gradient(135deg, #effbff, #e7f1ff 48%, #f6e8ff);
}

.sale-detail--norails p {
    color: rgba(7, 16, 23, 0.74);
}

.sale-detail--norails .sale-points p {
    color: #071017;
    background: rgba(255, 255, 255, 0.68);
    border-color: rgba(23, 32, 54, 0.14);
    box-shadow: 0 16px 36px rgba(7, 16, 23, 0.08);
}

.domain-inquiry-page--norails .domain-inquiry-shell {
    color: #effbff;
    background:
        radial-gradient(circle at 78% 18%, rgba(86, 240, 255, 0.24), transparent 26%),
        linear-gradient(135deg, #071017, #172036 58%, #332049);
}

.norails-inquiry-mark {
    position: absolute;
    inset: auto max(1rem, 8vw) 9% auto;
    z-index: 1;
    width: min(300px, 42vw);
    aspect-ratio: 1;
    opacity: 0.78;
}

.domain-inquiry-page--norails .domain-inquiry-card {
    color: #071017;
    background: rgba(239, 251, 255, 0.9);
    border-color: rgba(86, 240, 255, 0.4);
    box-shadow: 0 30px 90px rgba(4, 9, 15, 0.36);
}

.domain-inquiry-page--norails .domain-inquiry-input {
    color: #071017;
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(23, 32, 54, 0.22);
}

.domain-inquiry-page--norails .domain-inquiry-input:focus {
    outline-color: rgba(86, 240, 255, 0.3);
    border-color: rgba(23, 32, 54, 0.58);
}

.domain-inquiry-page--norails .domain-inquiry-note {
    color: rgba(7, 16, 23, 0.68);
}

.domain-inquiry-page--norails .domain-inquiry-errors p {
    color: #9d1460;
}
