.domain-button--dat {
    color: #ffffff;
    background: linear-gradient(135deg, #0099ff, #ff0060);
    box-shadow: 0 18px 42px rgba(132, 47, 255, 0.28);
}

.domain-index-feature--dat {
    color: #f8f8f2;
    background:
        linear-gradient(135deg, rgba(15, 16, 38, 0.92), rgba(36, 25, 76, 0.76), rgba(185, 24, 100, 0.42)),
        url("../dat/images/dat-synthwave.jpg") center 31% / cover;
}

.domain-index-feature--dat::before {
    opacity: 0.92;
    background:
        linear-gradient(90deg, rgba(12, 12, 28, 0.1), rgba(12, 12, 28, 0.54)),
        repeating-linear-gradient(180deg, rgba(248, 248, 242, 0.07) 0 1px, transparent 1px 9px);
}

.domain-index-feature--dat .domain-kicker {
    color: #91b8e3;
}

.domain-index-feature--dat .domain-index-feature-copy p:not(.domain-kicker) {
    color: rgba(248, 248, 242, 0.9);
}

.domain-index-feature--dat .domain-index-feature-art {
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(145, 184, 227, 0.34);
    box-shadow: -14px 16px 42px rgba(0, 0, 0, 0.36);
}

.domain-index-feature--dat .domain-index-feature-art::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(-190deg, rgba(128, 128, 255, 0.22), transparent 42%);
    border-radius: inherit;
    pointer-events: none;
}

.domain-index-feature--dat .domain-index-feature-art img {
    width: 44%;
    height: 44%;
    filter: drop-shadow(-8px 8px 14px rgba(0, 0, 0, 0.34));
}

.domain-listing-card--dat {
    color: #f8f8f2;
    background:
        linear-gradient(140deg, rgba(14, 16, 38, 0.92), rgba(47, 36, 94, 0.78), rgba(185, 24, 100, 0.58)),
        url("../dat/images/dat-synthwave.jpg") center 34% / cover;
}

.domain-listing-card--dat::before {
    opacity: 0.94;
    background:
        linear-gradient(180deg, rgba(15, 15, 31, 0.02), rgba(15, 15, 31, 0.74)),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0 1px, transparent 1px 8px);
}

.domain-card-dat-art {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    width: 82px;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    background: rgba(0, 0, 0, 0.32);
    border: 1px solid rgba(145, 184, 227, 0.34);
    border-radius: 8px;
    box-shadow: -8px 8px 20px rgba(0, 0, 0, 0.34);
}

.domain-card-dat-art::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(-190deg, rgba(128, 128, 255, 0.22), transparent 42%);
    border-radius: inherit;
}

.domain-card-dat-art img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.dat-hero {
    color: #f8f8f2;
    background: #1d242a;
}

.dat-hero-bg,
.dat-inquiry-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.dat-hero-wash {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(19, 19, 38, 0.88), rgba(19, 19, 38, 0.5) 56%, rgba(19, 19, 38, 0.18)),
        linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.58)),
        repeating-linear-gradient(180deg, rgba(248, 248, 242, 0.05) 0 1px, transparent 1px 8px);
}

.dat-hero .domain-kicker,
.domain-inquiry-page--dat .domain-kicker,
.sale-detail--dat .domain-kicker {
    color: #91b8e3;
}

.dat-hero h1 {
    color: #ffffff;
    text-shadow: -7px 7px 5px rgba(0, 0, 0, 0.3);
}

.dat-visual {
    position: relative;
    z-index: 2;
    width: min(520px, 100%);
    min-height: 360px;
    align-self: stretch;
    justify-self: end;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.28);
    border: 1px solid rgba(145, 184, 227, 0.24);
    border-radius: 8px;
    box-shadow: -10px 10px 28px rgba(0, 0, 0, 0.36);
}

.dat-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(-190deg, rgba(128, 128, 255, 0.18), transparent 45%);
    pointer-events: none;
}

.dat-logo-panel {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.7rem 0.9rem;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.42);
    border: 1px solid rgba(145, 184, 227, 0.28);
    border-radius: 8px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

.dat-logo-panel img {
    width: 34px;
    height: 34px;
}

.dat-neural-canvas {
    position: absolute;
    inset: 72px 0 0;
    width: 100%;
    height: calc(100% - 72px);
}

.sale-detail--dat {
    color: #f8f8f2;
    background: #2e3842;
}

.sale-detail--dat h2,
.sale-detail--dat h3 {
    color: #91b8e3;
    text-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2);
}

.sale-detail--dat p {
    color: rgba(248, 248, 242, 0.94);
}

.sale-detail--dat .sale-points p {
    color: rgba(255, 255, 255, 0.96);
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(145, 184, 227, 0.36);
    box-shadow: -2px 2px 12px rgba(0, 0, 0, 0.22);
}

.domain-inquiry-page--dat .domain-inquiry-shell {
    color: #f8f8f2;
    background: #1d242a;
}

.dat-inquiry-canvas {
    position: absolute;
    inset: auto max(1rem, 6vw) 8% auto;
    z-index: 2;
    width: min(360px, 42vw);
    height: min(280px, 36vh);
    opacity: 0.76;
}

.domain-inquiry-page--dat .domain-inquiry-card {
    color: #f8f8f2;
    background: rgba(24, 24, 43, 0.84);
    border-color: rgba(145, 184, 227, 0.24);
    box-shadow: -10px 10px 34px rgba(0, 0, 0, 0.46);
}

.domain-inquiry-page--dat .domain-inquiry-input {
    color: #f8f8f2;
    background: rgba(0, 0, 0, 0.28);
    border-color: rgba(145, 184, 227, 0.24);
}

.domain-inquiry-page--dat .domain-inquiry-input:focus {
    outline-color: rgba(145, 184, 227, 0.26);
    border-color: rgba(145, 184, 227, 0.64);
}

.domain-inquiry-page--dat .domain-inquiry-note {
    color: rgba(248, 248, 242, 0.68);
}

.domain-inquiry-page--dat .domain-inquiry-errors p {
    color: #ff79c6;
}