* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}


.domain-tool {
    min-width: 320px
}

.domain-tool .hero {
    text-align: center
}

.domain-tool .eyebrow,
.domain-tool .section-kicker,
.domain-tool .search-label,
.domain-tool .rank,
.domain-tool .card-tag,
.domain-tool .value-note span,
.domain-tool .recommend-badge {
    font: 500 10px 'DM Mono', monospace;
    letter-spacing: .11em;
    text-transform: uppercase
}

.domain-tool .eyebrow {
    color: #e476f0;
    margin-bottom: 21px
}

.domain-tool .spark {
    margin-right: 7px;
    color: #fff
}

.domain-tool .hero h1 {
    font-size: clamp(43px, 6.1vw, 34px);
    letter-spacing: -.07em;
    line-height: 1.04;
    font-weight: 800
}

.domain-tool .hero-copy {
    max-width: 635px;
    color: #b4a2cf;
    font-size: 16px;
    line-height: 1.75;
    margin: 24px auto 36px
}

.domain-tool .search-panel {
    width: min(730px, 100%);
    margin: auto;
    text-align: left;
    border-radius: 18px;
    padding: 13px 14px 12px
}

.domain-tool .search-label {
    display: block;
    color: #b8a7cf;
    padding: 0 5px 8px
}

.domain-tool .search-row {
    display: flex;
    gap: 9px
}

.domain-tool .search-input-wrap {
    height: 57px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    background: #130927;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 11px;
    padding: 0 14px
}

.domain-tool .search-input-wrap:focus-within {
    border-color: #bd36c3;
    box-shadow: 0 0 0 3px rgba(198, 40, 197, .15)
}

.domain-tool .input-icon {
    color: #c755d1;
    font-size: 22px
}

.domain-tool .search-input-wrap input {
    min-width: 0;
    width: 100%;
    background: none;
    border: 0;
    outline: 0;
    color: #fff;
    font: 500 16px 'DM Mono', monospace
}

.domain-tool .search-input-wrap input::placeholder {
    color: #766293
}

.domain-tool .clear-btn {
    color: #9f8abb;
    background: none;
    border: 0;
    font-size: 26px;
    line-height: 1;
    cursor: pointer
}

.domain-tool .check-btn,
.domain-tool .claim-btn {
    border: 0;
    cursor: pointer;
    color: #fff;
    font: 700 14px Manrope, sans-serif
}

.domain-tool .check-btn {
    min-width: 164px;
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px
}

.domain-tool .arrow {
    font-size: 22px
}

.domain-tool .form-foot {
    display: flex;
    justify-content: space-between;
    padding: 10px 5px 0;
    color: #8d7aaa;
    font-size: 11px
}

.domain-tool kbd {
    border: 1px solid rgba(255, 255, 255, .16);
    padding: 1px 4px;
    border-radius: 3px;
    font: 10px 'DM Mono'
}

.domain-tool .proof-row {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 26px;
    color: #a898c2;
    font-size: 12px
}

.domain-tool .proof-row b {
    color: #e07de7;
    margin-right: 5px
}

.domain-tool .results {
    padding: 44px 0 80px
}

.domain-tool .results-intro,
.domain-tool .section-heading,
.domain-tool .free-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px
}

.domain-tool .section-kicker {
    color: #c15bc6;
    margin-bottom: 9px
}

.domain-tool .results h2,
.domain-tool .section-heading h3,
.domain-tool .free-heading h3 {
    font-size: clamp(27px, 3.3vw, 39px);
    letter-spacing: -.05em;
    line-height: 1.1
}

.domain-tool .results h2 span {
    color: #e96fe2
}

.domain-tool .new-search {
    padding: 10px 0;
    border: 0;
    border-bottom: 1px solid #b857c2;
    color: #e582e8;
    background: none;
    font: 600 12px Manrope;
    cursor: pointer
}

.domain-tool .premium-section {
    margin-top: 29px;
    border-radius: 22px;
    padding: 34px
}

.domain-tool .section-heading h3,
.domain-tool .free-heading h3 {
    font-size: 28px
}

.domain-tool .section-heading p,
.domain-tool .free-heading p {
    color: #a896c2;
    font-size: 13px;
    line-height: 1.7;
    max-width: 590px;
    margin-top: 10px
}

.domain-tool .premium-chip {
    display: inline-block;
    color: #f6b6f8;
    padding: 6px 9px;
    border-radius: 99px;
    background: rgba(230, 78, 226, .13);
    margin-bottom: 13px
}

.domain-tool .value-note {
    text-align: right;
    min-width: 142px
}

.domain-tool .value-note span {
    color: #a696bf;
    display: block;
    margin-bottom: 4px
}

.domain-tool .value-note strong {
    font-size: 13px;
    color: #d8c8ed
}

.domain-tool .premium-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 28px
}

.domain-tool .premium-card {
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 14px;
    padding: 14px;
    min-width: 0
}

.domain-tool .card-top,
.domain-tool .price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 7px
}

.domain-tool .card-top {
    color: #9b87b9
}

.domain-tool .card-tag {
    letter-spacing: .05em;
    color: #8d7aa7;
    text-transform: none;
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.domain-tool .domain-display {
    font: 600 clamp(13px, 1.55vw, 17px) 'DM Mono';
    letter-spacing: -.06em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 26px 0 17px;
    color: #d7c5e8
}

.domain-tool .domain-display b {
    color: #f27bec;
    font-weight: 500
}

.domain-tool .price {
    font-weight: 800;
    font-size: 22px;
    letter-spacing: -.05em
}

.domain-tool .billing,
.domain-tool .renewal {
    display: block;
    color: #907dad;
    font-size: 9px
}

.domain-tool .save-badge {
    font: 500 8px 'DM Mono';
    padding: 4px 5px;
    border-radius: 4px;
    color: #94e6c2;
    background: rgba(54, 179, 126, .13);
    white-space: nowrap
}

.domain-tool .claim-btn {
    border-radius: 8px;
    background: rgba(255, 255, 255, .11);
    margin-top: 15px;
    padding: 10px 9px;
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    text-decoration: none
}

.domain-tool .renewal {
    margin-top: 10px
}

.domain-tool .affiliate-disclosure {
    font-size: 10px;
    line-height: 1.55;
    color: #8b7aa4;
    margin-top: 18px
}

.domain-tool .free-section {
    padding: 66px 0 33px
}

.domain-tool .free-count {
    padding: 8px 10px;
    border-radius: 7px;
    color: #9de3c1;
    background: rgba(54, 179, 126, .11);
    font: 11px 'DM Mono';
    white-space: nowrap
}

.domain-tool .free-recommendation {
    margin-top: 25px
}

.domain-tool .free-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border: 1px solid var(--border);
    border-radius: 13px;
    padding: 15px 17px
}

.domain-tool .free-card.is-recommended {
    display: grid;
    grid-template-columns: 1fr auto;
    border-color: rgba(54, 179, 126, .36)
}

.domain-tool .free-domain {
    font: 500 15px 'DM Mono';
    color: #eee4f8
}

.domain-tool .provider-line {
    font-size: 11px;
    color: #9684ad;
    margin-top: 6px
}

.domain-tool .provider-line span {
    margin: 0 4px
}

.domain-tool .provider-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: var(--safe);
    border-radius: 50%;
    margin: 0 5px 1px 0 !important
}

.domain-tool .free-card-side {
    text-align: right
}

.domain-tool .free-card a {
    color: #f08beb;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700
}

.domain-tool .free-card.is-recommended p {
    grid-column: 1/-1;
    color: #a698bd;
    font-size: 11px
}

.domain-tool .more-options {
    margin-top: 10px;
    border: 1px solid var(--border);
    border-radius: 13px
}

.domain-tool .more-options summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 16px 17px;
    font-size: 13px;
    font-weight: 700
}

.domain-tool .summary-count {
    margin-left: 8px;
    color: #9986b2;
    font: 11px 'DM Mono'
}

.domain-tool .chevron {
    margin-left: auto;
    color: #c86aca;
    font-size: 20px
}

.domain-tool .free-grid {
    padding: 0 10px 10px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px
}

.domain-tool .free-grid .free-card {
    padding: 13px
}

.domain-tool .free-grid .free-domain {
    font-size: 12px
}

.domain-tool .clarity {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-top: 1px solid var(--border);
    padding: 25px 4px;
    color: #a999c1;
    font-size: 12px;
    line-height: 1.7
}

.domain-tool .clarity>div {
    white-space: nowrap;
    color: #e5d8f0
}

.domain-tool .clarity-icon {
    display: inline-grid;
    place-items: center;
    background: #392453;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin-right: 7px;
    color: #f493ed;
    font: bold 12px 'DM Mono'
}

.domain-tool .empty-state {
    padding: 0 0 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 13px;
    color: #7f6b9c;
    font: 10px 'DM Mono';
    letter-spacing: .12em
}

.domain-tool .empty-line {
    height: 1px;
    width: 90px;
    background: rgba(210, 117, 214, .42)
}

.domain-tool .name-examples {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 9px
}

.domain-tool .name-examples button {
    background: transparent;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: #bcaad2;
    padding: 7px 9px;
    cursor: pointer;
    font: 11px 'DM Mono'
}

@media(max-width:900px) {
    .domain-tool .premium-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .domain-tool .premium-card:nth-child(n+4) {
        display: none
    }
}

@media(max-width:620px) {
    .domain-tool .hero {
        padding: 54px 0 50px
    }

    .domain-tool .search-row {
        display: block
    }

    .domain-tool .check-btn {
        height: 54px;
        width: 100%;
        margin-top: 9px
    }

    .domain-tool .proof-row {
        gap: 11px;
        font-size: 10px;
        flex-wrap: wrap
    }

    .domain-tool .results-intro,
    .domain-tool .section-heading,
    .domain-tool .free-heading {
        align-items: flex-start;
        flex-direction: column
    }

    .domain-tool .premium-section {
        padding: 20px 14px
    }

    .domain-tool .value-note {
        display: none
    }

    .domain-tool .premium-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .domain-tool .premium-card:nth-child(n+4) {
        display: block
    }

    .domain-tool .premium-card:nth-child(5) {
        display: none
    }

    .domain-tool .free-card,
    .domain-tool .free-card.is-recommended {
        grid-template-columns: 1fr;
        display: grid;
        gap: 10px
    }

    .domain-tool .free-card-side {
        text-align: left
    }

    .domain-tool .free-grid {
        grid-template-columns: 1fr
    }

    .domain-tool .clarity {
        flex-direction: column;
        gap: 6px
    }
}